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.
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. Administrateur de plusieurs sites personnels ou associatifs tels que Goetter.fr, Polychromies.com, IE7nomore.com ou SLConstantia.com.
Une Feuille de style et des ? hacks CSS ? pour cibler IE6, IE7 ou IE8 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. Avec les media queries, il est très facile de fixer un style pour les navigateurs ayant une largeur minimum. Les fonctionnalités Media Queries Notez enfin que la beta de Safari 4 supporte également ces Media Queries !
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. 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. Information for this post was pulled from the following places:
CSS Sprite Generator | Project Fondue