Ce petit coin de blog est le cadre idéal pour vous présenter quelques outils en ligne qui vous permettront de réduire le temps passé à réaliser l’intégration de vos sites web : éditeurs visuels, générateurs de colonnes, conversion des pixels en unité relative em, etc. Pas vraiment nouveaux, ils méritent quand même le détour !
- Construct Your CSS — Editeur visuel basé sur Blueprint et jQuery. Ce projet est commis par Christian Montoya pour mettre à la disposition des intégrateurs Web une boite à outils pour faire des CSS et du HTML sémantique.
- pagecolumn — Générateur de maquettes en plusieurs colonnes avec CSS 2.0 en utilisant les `%`, les `px` ou les `em`. Possibilité d’imbriquer plusieurs colonnes ou des faire des effets de menus à onglets.
- drawter — Générateur de code HTML et CSS en ligne. Lire Avec drawter, dessiné, c’est gagné.
- CSS Grid Calculator — Pour visualiser rapidement une maquette à partir d’une grille : les blocs de texte et les divisions de la page en colonnes (et les goutières) s’affichent dans le navigateur. En prime, vous obtiendrez les déclarations des styles CSS !
- JotForm — Création de formulaires en ligne.
- Em Calculator — Convertit vos pixels en `em` pour faciliter la mise en place de designs CSS fluides.
- CSS Compressor — Compressez vos feuilles de style CSS. Nombreuses options disponibles.
Articles sur le même sujet
PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car Il n'y pas d'amour, il n'y a que des preuves d'amour
(Jean Cocteau) ;) Merci d'avance.
Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)
[...] This post was mentioned on Twitter by br1o les bons tuyaux, Jérémy Grancher. Jérémy Grancher said: RT @br1o: 7 outils en ligne pour l’intégration HTML & CSS http://j.mp/9IOyCs [...]
[...] 7 outils en ligne pour l’intégration HTML & CSS via css4design [...]
[...] HTML & CSS 17 juin 2010 yoan Laisser un commentaire Voir les commentaires http://css4design.com/7-outils-en-ligne-integration-html-css Catégories:Astuce, Graphisme, Outils Commentaires (0) Rétroliens (0) Laisser un [...]
De très bon outil pour la réussite d’une intégration. Merci encore.
Des outils assez intéressant, notamment celui pour compresser le css. Cela dit, c’est vraiment utile sur de grosses feuilles de style comme celle de prestashop par exemple.
[...] #outils en ligne pour l’#intégration #HTML & #CSS http://css4design.com/7-outils-en-ligne-integration-html-css Posted on juillet 7, 2010 at 11:43 by Minini · Permalink In: Tweets · Tagged [...]
Intéressant mais à part situation extrême, je ne vois pas en quoi ils peuvent être utiles. Un bon Notepad++ version portable et quelques templates fait maison font largement l’affaire dans 99% des cas. Après le compresseur CSS peut servir, c’est vrai. Quand au reste… Dessiner des div, on se croirait de retour sous Dreamweaver en mode création. ^^’
Merci pour tous ces petits outils, je vais les essayer de ce pas.
J’ajoute l’excellent http://spriteme.org/ afin de générer en auto ses sprites CSS.
[...] 7 outils en ligne pour l’intégration HTML & CSS — Réduisez le temps passé à l’intégration Web : éditeurs visuels, générateurs de colonnes, conversion des pixels en unité relative em, etc. [...]
Merci pour cette petite liste !
Merci pour cette petite liste !
(si vous pouvez supprimer le doublon, cordialement ^^)
[...] 7 outils en ligne pour l’intégration HTML & CSS Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? [...]