Archives des tags : Générateur

Pas encore de description pour le tag Générateur. Suggérez à l'administrateur du site de d'y remédier.
HTML & CSS

Editeur de dégradés CSS3 à la mode de Photoshop

ColorZilla, connu pour ses extensions couleur pour Mozilla et Chrome, met à notre disposition Ultimate CSS Gradient Generator. C’est un générateur de dégradés CSS3 en ligne qui reprend grosso modo l’interface utilisateur de Photoshop pour fournir les déclarations CSS pour l’ensemble des préfixes propriétaires -moz-, -webkit-, -o-, -ms-. Pour Internet explorer 6 à 8, l’outil génère la propriété filter ; pour les versions IE9 et au-delà il y a même le commentaire conditionnel à ajouter pour annuler filter et basculer sur la génération du dégradé via SVG en base 64. →

HTML & CSS

CSS3 Generator : éditeur de CSS3

CSS3 Generator est un éditeur de CSS3 créé par Pascal von Seth. Cet outil en ligne permet d’éditer une dizaine de propriétés : background, border, border-radius, gradient, box-shadow, transform, opacity, font et text-shadow. Chaque propriété est modifiable grâce à des sélecteurs de couleur, des champs de saisie ou des curseurs dynamiques selon la nature de la propriété CSS. →

Design & Graphisme

Le petit journal permanent de CSS3 — 100+ ressources pour commencer

Après mes petits journaux permanents consacrés à la typographie et à HTML5, voici un numéro spécial qui fait la part belle à CSS3. Ces nouvelles propriétés proposent des effets graphiques ou typographiques à votre page Web, mais pas seulement : CSS3, ce sont aussi des sélecteurs et des pseudo-classes qui vont nous faciliter l’intégration et nous permettre de repousser encore plus loin les frontières de l’univers et au-delà ! En attendant, voici des générateurs de code CSS3 en ligne classés par propriétés ; des ressources pour vérifier la compatibilité des navigateurs et quelques liens pour faire entrer dans le rang les plus récalcitrants ; des tutoriels et des exemples de tests et d’expérimentations diverses avec CSS3 qui devraient vous inspirer. Ce guide permanent sur CSS3 contient plus d’une centaine de liens, pour commencer. →

HTML & CSS

Dégradés CSS3 WYSIWYG avec Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator est un éditeur de dégradés mis au point par Alex Sirota (ColorZilla) qui permet de générer les déclarations pour vos dégradés CSS3 via des sélecteurs de couleurs et des curseurs très proches de l’Outil Dégradé de Photoshop. Quelques réglages préétablis sont disponibles mais la création d’un dégradé personnalisé est très intuitive. La fenêtre de prévisualisation permet de modifier l’orientation verticale ou horizontale du dégradé, et le code CSS est mis à jour automatiquement à chaque modification avec une petite pensée pour Internet Explorer. →

CMS WordPress

WordPress Theme Generator : un thème WordPress en quelques clics

WP Generator Blog — Ce générateur de template crée votre thème WordPress sans nécessiter de connaissances préalables en HTML, JS, PHP ou même CSS. Il suffit de spécifier le nom du blog (ou votre logo), la largeur du site (750px, 950px, 984px 100% ou largeur personnalisée), l’emplacement (droite ou gauche) et la largeur (160px, 180px ou 300px) des barres latérales. →

HTML & CSS

7 outils en ligne pour l’intégration HTML & CSS

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 !  →

HTML & CSS

Formbuilder — des formulaires HTML avec PHPForm

Formbuilder — Trois étapes suffisent pour créer des formulaires en éliminant la phase de codage HTML : il suffit de cliquer sur les éléments que vous voulez, personnaliser les labels et renseigner les valeurs par défaut. Il est possible de modifier l’ordre des éléments après leur création par glissé-déposé. Enregistrez, c’est gagné ! →

Helper PHP

WebProjectHelper — Générateur de structure MySQL et de classes PHP

WebProjectHelper est un générateur PHP en ligne pour créer des tables, des classes, des getters, des setters, etc. à partir de simples définitions en respectant une syntaxe très simple. Ce générateur de classes PHP ne se contente pas de fournir les entêtes des méthodes, il fournit aussi et surtout leur contenu. De nombreuses heures de développement sont ainsi épargnées ! →

HTML & CSS

CSS3, Please! Générateur de CSS3 Cross-Browser

CSS3, Please! — Une belle page éditable avec l’essentiel des propriétés CSS3 : border-radius, box-shadow, Gradient, RGBa(), Transition, @font-face, etc. avec les filtres Microsoft pour IE6/7 et IE8 qui vont bien (ou mal). Un bloc de contenu reflète automatiquement les changements apportés aux déclarations avec la possibilité de désactiver les effets les uns après les autres pour mieux les percevoir. CSS3, Please! est certainement l’un des meilleurs générateurs de CSS3 disponibles. →

HTML & CSS

Générateurs de CSS3 pour tous les navigateurs (ou presque)

Même si tous les navigateurs ne prennent pas en charge les spécifications CSS3, il est intéressant de se pencher dessus, d’autant plus de que nombreux générateurs en ligne sont là pour adoucir la courbe d’apprentissage. Au menu : des générateurs de propriétés CSS3 comme border-radius, gradient, box-shadow, text-shadow, RGBa, @font-face, Multiple Columns, etc. ; des effets de texte  et une palanquée de ressources complémentaires. →