PUBLIC MARKS from decembre with tags css & dev

A group of developers working towards a client-side solution for delivering alternate image data based on device capabilities to prevent wasted bandwidth and optimize display for both screen and print.

Utilité de -prefix-free ? -prefix-free est un petit fichier JavaScript qui ajoute à la volée le bon préfixe propriétaire selon le navigateur affichant la page. Plus besoin, donc, d'ajouter dans la feuille de style les différentes propriétés propriétaires ! -prefix-free adapte la propriété CSS3 au navigateur.

Avez-vous absorbé une certaine connaissance de XPath ou CSS ou DOM, et a essayé de les mettre à profit, et se rend alors compte que vous ne connaissez pas toutes les bonnes incantations? Curieusement, ces trois technologies sont tous conçus pour faire des choses similaires en sélectionnant des éléments dans le balisage, de sorte qu'il est possible d'illustrer la façon dont vous exprimez la même cible dans chaque technologie. L'(XPath | CSS | DOM | Sélénium) Rosetta Stone et Cookbook vous apporte toutes les recettes dont vous avez besoin pour être productifs dans chaque technologie, et vous permet de transférer votre connaissance entre eux.

t's a good practice usually only for very small CSS images that are going to be used together (like CSS sprites) when IE compatibility doesn't matter, and saving the request is more important than cacheability. It has a number of notable downsides: Doesn't work at all in IE6 and 7. Works for resources only up to 32k in size in IE8. It saves a request, but bloats the HTML page instead! And makes images uncacheable. They get loaded every time the containing page or style sheet get loaded. Base64 encoding bloats image sizes by 33%. If served in a gzipped resource, data: images are almost certainly going to be a terrible strain on the server's resources! Images are traditionally very CPU intensive to compress, with very little reduction in size.

Lorsque vous développez un site Web ou une application Web, avoir les bons outils peut certainement vous aider à économiser beaucoup de temps. Dans cet article, j'ai compilé une liste d'outils utiles et super pour le codage CSS

Voici un tutoriel vidéo plus théorique que d'habitude qui vous permettra donc d'en apprendre un peu plus sur le positionnement CSS avec les attributs : Position, qui permet de définir le type de positionnement (absolute,relative...) Float/Clear, la propriété qui permet de modifier l'enchainement logique des éléments pour un enchainement horizontal (c'est plus clair en vidéo :) ) Display, la différence entre les élements inline et block Vous verrez aussi analyser la structure d'un site internet pour apprendre à développer vos propres structures...

The focus of this article will be to show you ways of doing things commonly reserved for innerHTML with only DOM methods. In each example, the innerHTML method will be shown, followed by its DOM based alternative

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

Traduction française de l'extension Web Developer de Chris Pederick (http://chrispederick.com/work/web-developer/). Cette magnifique extension propose plein d'outils facilitant le développement de site web.

Development resources From MozillaZine Knowledge Base Websites that are useful for Mozilla development. This knowledge base also has a few articles on extension development.

Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code. Phoenix will tell you how many CSS and JS files are loaded into a page, how big these are,...

Le Webdesign puisé à la source : de nombreux articles de référence traduit en français.

Cours de Mammouthland pour les débutants en CSS (Feuilles de Style en Cascade).

Alsacréations est une communauté dédiée à la conception web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, au langage (X)HTML, ainsi qu'à l'accessibilité du Web en général. L'univers Alsacréations est articulé autour de trois univers : un ensemble de cours et de tutoriels (« Apprendre »), un espace communautaire contenant un forum de discussion (« Forum »), et un service de recherche et d'offres d'emploi (« Emploi »). Si vous êtes nouveau ou perdu sur le site, n'hésitez pas à consulter le Plan du site, qui est un sommaire général de tous les contenus présents.

Ce site vous présentera les divers aspects du Web selon vos besoins. Les décideurs y trouveront les informations à même d’éclairer leurs choix, les programmeurs et les designers pourront apprendre ou renforcer leurs connaissances et les formateurs et journalistes puiseront dans les articles à loisir.

Lorsque l’on conçoit un site web, il est souvent utile d’avoir un ensemble de ressources sur le design, la conception, l’ergonomie, les couleurs, ... Voici donc une liste de liens qui pourra peut-être vous intéresser