public marks

PUBLIC MARKS from Monique with tag css

December 2012

24 ways: A Harder-Working Class

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.

October 2012

CSS outline property - outline: none and outline: 0

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.

Hiding Content for Accessibility - Snook.ca

by 1 other

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.

September 2012

CSS : l'Art & la Science

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 tête dans le Flux ! - CSS, la grande remise en question ?

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.

When can I use... Support tables for HTML5, CSS3, etc

by 13 others

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

July 2012

Notices [AcceDe Web]

Notice d'accessibilité pour la conception graphique Notice d'accessibilité HTML/CSS Notice d'accessibilité interfaces riches et JavaScript Notice d'accessibilité éditoriale (modèle)

KNACSS, un mini framework CSS qui claque sous la dent !

by 4 others

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

Charte CSS

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

CSS Properties Index · Jens O. Meiert

by 3 others (via)
Toutes les propriétés CSS (1, 2 et 3) avec leur valeur initiale associée

Un joli casse-tête en intégration – HTeuMeuLeu

by 3 others
C'est un effet graphique assez classique, en particulier dans la presse papier. Pourtant, il se trouve que ça reste relativement complexe à reproduire de manière simple en CSS. Voici les règles à respecter : Le texte ne doit contenir aucune balises (donc pas de span pour chaque ligne, pas de br) Vous pouvez utiliser autant de balises que vous voulez autour du texte Pas de JavaScript, que du HTML et CSS Le fond blanc doit suivre le contour du texte Il y a une marge à l'intérieur du fond blanc autour du texte de 20px à gauche et à droite de chaque ligne, et d'environ 10px en haut et en bas Le texte est dynamique, et on doit donc pouvoir le modifier en conservant l'effet La solution doit fonctionner sur les navigateurs modernes (IE9, Firefox 13, Chrome 19, ...)

March 2012

IE6 et IE7 se meurent… CSS peut naître - La tête dans le Flux !

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

December 2011

How design could save the W3C — an article by Ben Schwarz

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.

November 2011

Techniques in responsive web design | Webdesigner Depot

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.

Vendor Prefixes Are Hurting the Web

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.

CSS Background: There’s More To Know Than You Think | Van SEO Design

Did you know you can control where in the background an image is painted or that you can even specify which part of an element is the background?

The Future Of CSS: Embracing The Machine - Smashing Coding

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?

June 2011

Testing the accessibility of the CSS generated content | cssgallery.info

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

May 2011

April 2011

10 techniques avancées et secrets de CSS2 - Alsacréations

by 4 others

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.

February 2011

Styling form controls with CSS, revisited | 456 Berea Street

by 14 others

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