PUBLIC MARKS from Monique with tag css

Class is only becoming more important. Focusing on its original definition as an attribute for grouping (or classifying) as well as linking HTML to CSS, recent front-end development practices are emphasizing class as a vessel for structured, modularized style packages. These patterns reduce the need for repetitive declarations that can seriously bloat file sizes, and instil human-readable understanding of how the interface, layout, and aesthetics are constructed.

What does the outline property do?

It provides visual feedback for links that have "focus" when navigating a web document using the TAB key (or equivalent). This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people.

For years now, we've used a number of techniques for hiding content offscreen for accessibility purposes. We do this because the content is still accessible to screenreaders while being removed from the interface for sighted users.

Jamais, non, plus jamais n’oserez vous approcher une page HTML sans ressentir le désir ardent d’en découvrir l’envers, d’en démasquer la charpente, d’en partager la mécanique.

La morale de ce (long) billet est qu’il faut parfois remettre en question ses a priori et préceptes établis et que CSS, comme le Web en général, est un concept vivant qui évolue. A nous d’évoluer avec lui.

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

Son but est de servir de base commune à tous les projets d'intégration web, grâce à une nomenclature et des conventions constantes. Mais aussi de faciliter les positionnements d'éléments, de gérer les alignements, les gouttières, etc. Le tout de la façon la plus propre et accessible possible

Nous codons pour des humains, pour nos collaborateurs présents et/ou futurs donc un code lisible et compréhensible est primordial. Cette charte propose des règles pour écrire des CSS cohérentes et uniformisées pour améliorer leur maintenabilité.

Arrêtez de vous pâmer devant CSS3, c’est classe mais encore trop tôt sur de nombreuses fonctionnalités, et d’autres pans de CSS2 sont restés trop longtemps dans l’oubli

While preparing my HTML workshop, I’ve been re-reading W3C specs in far further detail than I ever would’ve imagined. The reading experience is far from delightful. Not only is the text the entire browser width in measure, but it’s dense and laborious to read. No wonder browser vendors have traditionally missed subtle details.

The techniques in this article explain how we can leverage this powerful capability of CSS to also change imagery, alter the navigation on hand-held devices, and set up default CSS for compatibility older browsers.

I think vendor prefixes are hurting the Web. They are hurting Web authors. They are hurting users of browsers. They are hurting competition in the Web browser space. I think we (people developing browsers and Web standards) should stop hurting the Web. It would also make sense for browsers to implement other browsers’ prefixed features to the extent existing content uses prefixed features.

The common conception among Web designers is that a good style sheet is created by hand, each curly bracket meticulously placed, each vendor prefix typed in manually. But how does this tradition fit in a world where the websites and applications that we want to create are becoming increasingly complex?

This article is about how screen readers speak the content added with CSS pseudo-elements :before and :after

a { outline: none; } Don't do it!

De larges parties de CSS2 ont été occultées en raison des faiblesses d'IE6 puis d'IE7. Le marché actuel nous offre enfin la possibilité, au cas par cas, de négliger ces anciennes versions du navigateur de Microsoft.

The screenshots are taken from 8 browsers on 4 operating systems, for a total of 14 different browser + OS combinations.