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.
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.
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.
Merci pour cette petite liste !
Merci pour cette petite liste !
(si vous pouvez supprimer le doublon, cordialement ^^)