Handpicked free fonts for graphic designers with commercial-use licenses. Une Feuille de style et des ? hacks CSS ? pour cibler IE6, IE7 ou IE8. CSS3 Generator. Style Master CSS Editor for Windows and Mac OS X. Cool Tools and Toys for Web Developers John, the lead developer (ok, pretty much the only developer) of Style Master is an avowed hacker. He loves exploring and experimenting with the latest features in browsers.
Here's a collection of tools for web developers he's put together to help you analyse and debug your sites (and other people's sites as well), play with CSS3 features (bleeding edge browsers recommended) and more. XRAY works in Safari, Firefox and Internet Explorer. XRAY uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas.
MRI helps you create the best possible selectors for your CSS. MRI also uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas. CSS3 Sandbox Gradients Explore CSS gradients (both linear and radial) (an experimental feature in Safari 4, and a proposed addition to CSS3). Shadows CSS now lets you create drop shadows on text, and on the box of an element.
Previews. PrefixMyCSS - Prefix your CSS3 code. Instantly! CSS Vertical Text | ScottGale.com. Many people have written about the potential for vertical text in CSS so I wanted to try it out for myself. By using the technique described below I was able to achieve this effect: *Disclaimer: This doesn’t work in old Opera versions, but does work in Opera 10.5. This also works in IE6+, FF, and Webkit based browsers, so that is pretty encompassing.
Here is the basic markup: <p>CSS Vertical Text</p> I wanted to try to do my best to exclude IE browser checks and conditional checks. So this example handles all browsers mentioned previously with a single CSS block: Also, if I can stay away from IE filters I like too, but it’s worth mentioning that if you have an specific rotation, you have to use the IE filter: filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Where 0, 1, 2, 3 correlate to 0, 90, 180, and 270 respectively. So I tried to keep this one simple, but lining everything up in different browsers can be a pain because of the way each browser interprets the spacing. Nouveautés CSS 3 : c’est quoi les Media Queries ? - Kiwano. Les medias queries sont une nouveauté CSS 3 qui permet de définir des styles en fonction du média sur lequel est affiché la page web.
Avec les medias queries on peut limiter l’action d’un style en fonction d’informations précises comme par exemple les propriétés width, height, et color du navigateur. Dans un article précédent, nous vous avions parlé de la beta 4 de Firefox 3.5 et de son lot d’innovations dans un article intitulé « Nouveauté Mozilla Firefox 3.5 : raccourci nouvel onglet« . Parmi ces améliorations nous revenons ici comme promis sur le support des Media Queries une des nouveautés CSS 3. Exemple @media min-width Un exemple d’application très utile des media queries serait de pouvoir définir des styles en fonction de la taille du navigateur.
On peut imaginer par exemple un site qui afficherait un texte dans une structure en colonne dont le nombre dépendrait de la taille du navigateur. Les fonctionnalités Media Queries. CSS Sprite Generator | Project Fondue. HTML5 & CSS3 Support, Web Design Tools & Support ~ FindMeByIP ~ Paris Web 2010 ? Plus belle la vie avec HTML5 et CSS3. Webdesigner de profession (chez Alsacréations), je cumule deux passions créatives : la conception Web et la Photographie. Auteur des ouvrages web de référence « CSS2 - Pratique du design web » publié chez Eyrolles (3è édition en janvier 2009), du « Memento CSS » et du « Memento XHTML », chez le même éditeur. Membre du collectif Openweb, référence francophone en matière de standards web. Formateur expert en langages web (X)HTML et CSS auprès de groupes nationaux et internationaux.
Créateur et administrateur du site Alsacreations.com, communauté d'apprentissage web dont le trafic quotidien dépassait les 20000 visites uniques en 2010. Passionné de photographie, et auteur d'un livre technique d'apprentissage : « Le B. -A. BA de la photo de bébé », publié chez Dunod en 2009. Administrateur de plusieurs sites personnels ou associatifs tels que Goetter.fr, Polychromies.com, IE7nomore.com ou SLConstantia.com. Text-shadow, Photoshop like effects using CSS. CSS3 Please! The Cross-Browser CSS3 Rule Generator. Ultimate CSS Gradient Generator - ColorZilla.com.