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. It helps you visualize the layout of your page. 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 Transforms Coming soon

http://westciv.com/tools/

Related: Outils utiles

18 outils CSS utiles et extrêmement simples à essayer dès maintenant Cette série de 18 outils web vous sera utile la prochaine fois que vous travaillerez avec CSS. Elle devrait vous éviter quelques tâches parmi les plus chronophages et les moins agréables : Création de menus, d’animations, d’icônes. Nettoyage de votre CSS. Calcul et conversion de dimensions. Prévisualisation de vos polices d’écriture. 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.

Javascript Animation Advertisements You can use JavaScript to create a complex animation which includes but not limited to: FireworksFade EffectRoll-in or Roll-outPage-in or Page-outObject movements You might be interested in existing JavaScript based animation library : Script.Aculo.us. This tutorial will give you basic understanding on how to use JavaScript to create an animation. A pixel is not a pixel is not a pixel Page last changed today Yesterday John Gruber wrote about the upped pixel density in the upcoming iPhone (960x640 instead of 480x320), and why Apple did this. He also wondered what the consequences for web developers would be.

The 10 Best CSS Editors of 2015 CSS editors are sometimes hard to come by. So we put together a list of some of our favorite editors for 2015. If you have any other programs you like better, lets us know! Minify and Compress CSS Minifying CSS takes the beautified, well formed CSS code that you have written and removes the spacing, indentation, newlines, and comments. These elements are not required for CSS to be used successfully. It also makes the CSS more difficult to read.

CSS Vertical Text 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. CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example.

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects.