Préfixer automatiquement ses CSS. Si vous faites un peu de CSS, vous avez dû remarquer qu'il était possible de préfixer les propriétés CSS en fonction de certains navigateurs...
-moz- pour Firefox, -webkit- pour Safari, Chrome, Android, -ms- pour Internet Explorer...etc. Cela permet aux navigateurs de supporter des fonctionnalités CSS qui ne sont pas encore intégrées officiellement dans la norme W3C. Mais quand on est développeur, on est aussi fainéant qu'une palourde qui aurait fumé trop de beuh. Heureusement, il existe sur le site Nettuts+, un outil qui permet de préfixer automatiquement vos CSS. Vous collez, vous appuyez sur le bouton et vous n'avez plus qu'à copier. Cool non ? A conserver dans votre boite à outils. Appfolio Engineering. To many Web developers, being good at CSS means you can take a visual mock-up and replicate it perfectly in code.
You don’t use tables, and you pride yourself on using as few images as possible. If you’re really good, you use the latest and greatest techniques like media queries, transitions and transforms. While all this is certainly true of good CSS developers, there’s an entirely separate side to CSS that rarely gets mentioned when assessing one’s skill. Interestingly, we don’t usually make this oversight with other languages. A Rails developer isn’t considered good just because his code works to spec. These questions are natural when assessing other parts of the code base, and CSS shouldn’t be any different. The Goals of Good CSS Architecture In the CSS community, a general consensus of best practices is very difficult to come by. So instead of laying out an argument for my own set of best practices, I think we should start by defining our goals.
CSS3 Transitions – Are We There Yet? Cascading Style Sheets 3 has been available for “some time” (first time introduced nine years ago).
However, CSS3 hasn’t been available in common use for more than two years. CSS3 Transitions in real use were introduced in late 2007 by Safari. At that time, they were referred as “CSS Animations”, but the terminology changed when Safari introduced their proprietary features also called CSS Animations I’ve split this topic in two articles. In this first article I’ll make a generic overview on CSS3 Transitions.
Additionally, I’ll introduce some of the basic implementations and evaluate few CSS properties, meant for creating transformations and transitions. This article is also published in Finnish, titled as “CSS3 Transitiot – olemmeko jo perillä?” Getting Started What about Internet Explorer? The Basics of the Basics Unfortunately, there’s no “one rule to rule them all” for transitions. What can be transitioned? The property values for transitions Duration: The Basics Width + Height Scale Linear. La CSS3 ou le rêve des web-designers.
Ça faisait vraiment longtemps que j’avais pas écrit d’article, j’essaye donc de rattraper mon retard pendant ces vacances.
Aujourd’hui, je vais vous présenter la CSS3 (ou 3° version de la CSS). Première question de la plupart d’entre-vous (du moins, je suppose) : qu’est-ce que c’est la CSS? La CSS est un langage qui permet décrire la présentation d’un document HTML (le plus souvent une page web). Regardez le texte suivant :Ceci est un test pour montrer la CSS! Toutes ses caractéristiques (police d’écriture, couleur et italique) ont étés définit par une série de règle CSS. Avant de rentrer dans le vif du sujet, je tiens à préciser plusieurs choses : les exemples que je donnerais ici ne marcheront pas avec tous les navigateurs (Firefox est le seul à bien afficher tous les exemples).
Je pense que le code se suffit à lui-même, mais si vous ne comprenez pas, hésitez pas à poster dans les commentaires. Des coins arrondis Arrondis simple :