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
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. SVG a une portée similaire à la technologie propriétaire Flash d'Adobe, mais ce qui distingue SVG est qu'il s'agit d'une recommandation du W3C (c'est-à-dire en standard sans restriction aucune) et qu'il est basé sur XML plutôt que d'être un format binaire fermé. Il est explicitement conçu pour fonctionner avec d'autres standards du W3C comme CSS , DOM et SMIL . Les raisons d'utiliser SVG <p style="text-align:right;color:#A8A8A8"></p>
LESS : Changez la façon d’écrire vos CSS
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. C’est laborieux, compliqué et pénible. Existe-t’il un outil ou un langage qui nous permette de les écrire d’une façon plus dynamique, plus intéressante et surtout plus pratique ?
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 !
Première maquette web : comment faire ?
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.
Using Hyphenator as a Bookmarklet
en_HowToUseHyphenator - hyphenator - How to use Hyphenator on a website - Javascript that implements client-side hyphenation of HTML-Documents
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
