PUBLIC MARKS from decembre with tags css & reference

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.

The @font-face CSS at-rule allows you to define and use your own custom fonts, thus allowing you to extend the limited set of standard system fonts that are installed by default on a computer, and that browsers can access and use.

The will-change property allows you to inform the browser ahead of time of what kinds of changes you are likely to make to an element in order to allow the browser to optimize how it handles the element ahead of time. Using will-change, you allow the browser to prepare for certain changes that are likely to take place in the future, ahead of time. This allows it to make appropriate optimizations to render the page more quickly when these changes occur, therefore avoiding a non-trivial start-up cost which can have a negative impact on the responsiveness of a page. This way, when the actual change happens, the page updates in a snappy manner.

CSS3 3D Transforms Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element.

CSS3 object-fit/object-position Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

userChrome.css is a style sheet with special importance to Firefox. The rules in userChrome.css are applied to the user interface, and can override nearly every built-in style rule. Unfortunately, you cannot use userChrome.css to change the functional operation of Firefox; that's what extensions are for. Creating a userChrome.css file and adding style rules allows you to make changes to fonts and colors, hide unnecessary items, adjust spacing, and make other changes to the appearance of Firefox. The following examples illustrate the wide range of effects you can create, either by creating your own style recipes, or building on the work of CSS wizards sharing their talents on the web.

Web developer guides. These articles provide how-to information to help you make use of specific technologies and APIs.

rassemble les informations techniques nécessaires à un usage de Flexbox au quotidien. Ce memento est composé des sections suivantes : propriétés Flexbox applicables sur le parent (avec valeurs par défaut) propriétés applicables sur les enfants support des navigateurs (et version de spécification supportée) liste des bugs navigateurs et contournements les plus courants ordre de priorité des propriétés (voir cette présentation PDF) quelques modèles classiques : objet "media", centrage multiple, grille mono-ligne avec et sans gouttières les propriétés CSS qui ne s'appliquent pas sur les parents et les enfants flexbox liens vers des ressources incontournables

The CSS Working Group is the W3C working group chartered to develop Cascading Style Sheets (CSS). We are responsible both for the CSS specifications and for their conformance test suites

The best guide you can have to understand nth-child

:before et :after, avec valeurs 'compact' et 'run-in'. Guillemets: 'quotes'ou 'content'. Compteurs et numérotage automatiques, avec 'display: none'. Marqueurs et les listes : la propriété 'marker-offset'.Propriétés 'list-style-type', 'list-style-image', 'list-style-position' et 'list-style'.

Ce chapitre 9 et le suivant décrivent le modèle de mise en forme visuel : l'interprétation par un agent utilisateur de l'arbre du document et du rendu de celui-ci par un média visuel

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 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.

livre en anglais online sur greasmonkey