INTÉGRATION HTML/CSS
Get flash to fully experience Pearltrees
Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. We’ve put together this guide to save you the time and frustration of figuring it out for yourself.
Guide to CSS support in email clients - Articles & Tips - Campaign Monitor
SVG - MDC Doc Center
SVG (Scalable Vector Graphics) est un langage balisé en XML décrivant des graphismes vectoriels bidimensionnels. En gros, on pourrait dire que SVG est aux graphismes ce qu'XHTML est au texte.
LESS : Changez la façon d’écrire vos CSS
0 Il est vrai qu’écrire ses feuilles de style n’est pas vraiment la partie la plus intéressante lorsque vous développez un site Web, il arrive souvent d’écrire plusieurs fois le même code un peu partout et le changement d’une couleur par exemple se fait généralement en parcourant chacune de nos feuilles de styles à la recherche de son code hexadécimal.
Je préparais dernièrement un document pour un boulot afin de montrer à des boîtes de créa print comment faire des PSD propres pour le web. Le but inavouable de la démarche était d’éviter de se retrouver avec des charniers inexploitables en intégration, chose qui arrive encore un peu trop souvent. Pas de règles de ninja ou de gimmicks avant-gardistes ici, juste des bonnes bases saines pour faire un boulot clean .
Guidelines pour produire des PSD adaptés au web
Conception de site web et e-commerce : Consultant web et Expert e-commerce - Ludovic Passamonti
Cette prestation consiste à modéliser le futur site sous la forme d’une maquette appelée wireframe ou prototype. Ce travail est réalisé par le consultant qui maitrise les aspects techniques, ergonomiques, et éditoriaux liés à la conception d’une interface de site internet. Le document validé est ensuite fourni au prestataire en charge de la réalisation du site pour lui permettre de travailler efficacement sur la phase créative.
Cette page est exceptionnellement en Arial 11px, pour servir le propos. J’espère que vous me pardonnerez car ce choix est déplorable pour la lisibilité à l’écran, tant par la taille que par la police. En 2011, prenons la saine résolution d’éradiquer le 11px !
Stop Arial 11px ! - romy.tetue.net
Première maquette web : comment faire ? - romy.tetue.net
Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases.
Unless you're designing for a CSS3-supported browser, be sure gradients backgrounds have appropriate start and end points to be used as background images. There's obviously more to talk about with color settings, but since most are particular to the situation, proper etiquette calls for being as consistent with your colors as possible.
The Photoshop Etiquette Manifesto for Web Designers
When you're on the website to be hyphenated you click on that bookmarklet to start hyphenating the page.
en_HowToUseHyphenator - hyphenator - How to use Hyphenator on a website - Javascript that implements client-side hyphenation of HTML-Documents - Google Project Hosting
Hyphenator est un script JS qui autorise la gestion des césures sur tout ou partie de votre site Web, bien que pour des raisons de performance, il est judicieux de se limiter au contenu des articles.
Hyphenator — Gérer les césures avec Javascript
About Initializr
Initializr - Start your HTML5 project in 15 seconds!
Apr 9 2012
CSS-Tricks
This quick demo shows just a few of the CSS3 properties PIE can render.
CSS3 PIE: CSS3 decorations for IE
css Zen Garden: The Beauty in CSS Design
A demonstration of what can be accomplished visually through CSS -based design. Select any style sheet from the list to load it into this page. Today, we must clear the mind of past practices.March 27, 2012 Design better.