Coulr – Une palette de couleurs très sympathique, pour les développeurs et les designers Ce sont bien souvent les choses simples qui sont les plus utiles et ce n’est Coulr qui va me faire mentir. Il s’agit d’une nouvelle application libre (licence MIT), conçue dans le but de fournir une boîte à couleurs aux développeurs, aux designers et aux bidouilleurs de tous poils. Comme le montre l’image d’illustration l’interface de Coulr est très simple et permet de créer ses propres couleurs (RBG, HSL, HSV) très facilement, à l’aide des curseurs ou des champs dédiés situés en partie gauche. Le résultat s’affiche en temps réel en partie droite, où vous pourrez ensuite récupérer le code hexa à intégrer dans votre projet. C’est super simple, bien pensé (un peu comme Gcolor2 mais en mieux) et potentiellement très utile. Coulr est une application écrite en C++, elle repose sur Qt pour la partie interface et détail intéressant, celle-ci a été codée par Hugo Posnic, un tout jeune développeur d’à peine 16 ans. Amusez-vous bien.
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. … et quelques autres ! 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. Tuto CSS Vous avez aimé cet article ? Partagez-le avec votre entourage et votre réseau :)Découvrez régulièrement des tips pratiques & ressources essentielles en vous abonnant à la newsletter !
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
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! Stylizer Stylizer is a free Windows & Mac CSS editor with 8 built in web browsers. Editr Editr is a very interisting and different editor that is hosted on your web server. TopStyle CSS TopStyle CSS is a Windows only CSS editor that has great HTML5 and CSS3 support. Rapid CSS Rapid CSS is another Windows only editor that will set you back $29.95. Espresso Espresso is a beautiful CSS editor for Mac only. Stylesheet Maker Stylesheet Maker for Windows is a very basic CSS editor. Simple CSS Simple CSS is just that. Notepad++ Notepad++ is a common text editor that has become popular as a replacement for the default notepad on Windows. Coda 2 is a $99 Mac only IDE. Auduo CSS is another free Windows CSS editor.
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. The 'best practice' of many developers is to maintain a 'beautified' version, and when rolling out their project will run the styles through a minification program. They will also combine their many style files into one file. A Minify Example Before: After: Why use CSS Minifier? The purpose of minifcation is to increase the speed of a website. It is also common practice to combine all the CSS files for a single website into one file. External Links 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. In other words, this is a starting point, not a self-contained black box of no-touchiness. If you want to use my reset styles, then feel free! Previous Versions v1.0 (200802) Acknowledgments Thanks to Paul Chaplin for the blockquote / q rules.
La technique du Reset CSS Le reset CSS est une technique qui consiste à réinitialiser à 0 la valeur de certains éléments HTML afin d'éviter une partie des différences d'affichage sur les divers navigateurs. Avant d'aller plus loin, rappelons que l'usage de cette technique est controversé. Si vous souhaitez l'utiliser, il est recommandé d'utiliser un Reset CSS évolué, comme celui proposé par Eric Meyer, et d'éviter l'utilisation du sélecteur universel (*). Le Reset CSS classique (déconseillé) Les navigateurs n'utilisent pas toujours les mêmes marges et padding par défaut pour les différents éléments HTML. Si on souhaite aller plus loin et gommer d'autres différences en remettant tout «à zéro», on peut aboutir au code suivant: Problèmes avec cette technique Le problème de cette technique, c'est qu'elle annule certains styles par défaut des navigateurs qui sont réellement utiles. Seulement voilà: le sélecteur universel * a pour avantage tout comme inconvénient de sélectionner sans distinction tous les éléments HTML.
necolas/normalize.css 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. In other words, this is a starting point, not a self-contained black box of no-touchiness. If you want to use my reset styles, then feel free! Previous Versions v1.0 (200802) Acknowledgments Thanks to Paul Chaplin for the blockquote / q rules.