générateur

Outil destiné à la création automatisée d’objets.

Générateur de styles CSS3

Publié le 2 avril 2013 - Outils Webmasters.

Si l’arrivée des CSS3 est une excellente nouvelle pour d’innombrables raisons, le revers de la médaille concerne la manipulation des propriétés ajoutées. En effet, la plupart des effets introduits par cette mise à jour ont des propriétés généralement plus importantes que les éléments traditionnels, et ces propriétés doivent aussi souvent être dupliquées afin d’assurer une compatibilité entre les navigateurs. Ceci est principalement dû à une relative jeunesse, n’empêche, là ou un simple border-radius:5px devrait suffire pour arrondir une div avec un angle de 5px selon les spécifications de la norme, il est souvent nécessaire d’ajouter -webkit-border-radius: 5px, ou -moz-border-radius: 5px […]

Générateur de menu déroulant CSS3

Publié le 29 mars 2013 - Developpement Web, Outils Webmasters.

Pour ceux qui seraient à la recherche de menus déroulant CSS3 gratuits, CSS3Menu devrait vous rendre une fière chandelle. Tirant partie comme son nom l’indique des nouveautés CSS3, le site vous offre différents styles (une 30aine si mes calculs sont bons) de menus déroulant à télécharger gratuitement. Toutes les démos sont disponibles sur le site, et il est très facile de modifier le code à votre guise si vous avez des notions de CSS/CSS3. Voici les principales caractéristiques des menu: Pas de javascript (100% CSS) Menu « Responsive » (s’adapte à votre résolution écran) SEO friendly (liens en dur) Compatibilité étendue (à […]

Générateur de dégradés CSS3

Publié le 3 août 2011 - Outils Webmasters.

Petit billet rapide pour vous présenter un petit outil sympathique consacré à la création de de dégradés via les propritétés CSS3 : Ultimage CSS gradient Generator. Proposé par les créateurs de l’Addon Firefox Colorzilla,  cet outil vous permet de créer des styles dégradés CSS3 en toute simplicité : Entrez vos couleurs, Définissez un sens pour le dégradé, Choisissez les arrêts , Ajustez la teinte/saturation, Validez, Cet outil fonctionne comme celui disponible sous Photoshop, à la différence que le résultat est une feuille de style prête à l’emploi. Notons également qu’une prévisualisation est disponible vous permettant d’afficher le résultat de votre […]

Générateur de rubans en ligne

Publié le 3 avril 2009 - Outils Webmasters, Webdesign.

Personnellement, j’aime bien le côté sobre et moderne des sites (example) affichant une sorte ruban à l’un de leurs coins supérieur. Bien que la façon de les réaliser ne soit pas difficile, il est toujours pratique de gagner un peu de temps via des outils dédiés. Voici donc Quick Ribbon, un générateur en ligne gratuit de ruban pour vos sites internet! Définissez simplement votre texte à afficher (ainsi que son lien) et personnalisez votre ruban selon 4 types formes différentes (postal, droit, arrondi, droit), 8 police de caractères, avec la possibilité de définir jusqu’à 3 couleurs distinctes. Pour mettre à […]

Générateur de badges web 2.0

Publié le 27 juin 2008 - Webdesign.

Dans la lignée des nombreux générateurs en ligne disponibles sur la toile depuis l’avènement du web 2, je vous propose aujourd’hui de générerateur de badges web 2.0 : Web 2.0 Bagdes. Indispensable pour certains, complètement inutile pour d’autres, à chacun de se faire son propre avis sur la question. Toujours est-il que si vous aimez, ce Web 2.0 Bagdes est sans doute ce qu’il se fait de mieux à l’heure actuelle sur le sujet! Au menu : une 20aine de formes différérentes paramétrables à la volée (couleurs, angle, police, etc.). Et pour le puristes… voici un petit tutorial pour photoshop.

Nuages de tags : un générateur de tags en ligne

Publié le 18 juin 2008 - Outils Webmasters, Référencement SEO.

Les nuages de tags sont devenus un élément incontournable pour toute application Web 2.0 qui se respecte, de plus en plus de sites proposant cette classification ‘Folksonomique’. Le concept est simple : vous associez à chaque article de votre blog, chaque page de votre site des tags que vous définissez manuellement et le script de nuage de tag fait le reste, affichant en gros les tags les plus utilisés. Technique très intelligente et pertinente au niveau du référencement on peut aussi la detourner de sa fonction initiale : pour trouver nos mots clés! Base de tout référencement, la définition d’un […]

Générateur de Loader animé pour vos scripts en Ajax

Publié le 5 juin 2008 - Webdesign.

AjaxLoad, voici un utilitaire qui ne paie pas de mine mais qui est vraiment très pratique! Jugez plutôt : il vous permet en seulement 2 paramètres basiques (forme er couleur) de générer un loader en gif animé. Parfait pour personnaliser vos applications Ajax, incontestablement a must have!

Créer des background rayés tendance web 2.0

Publié le 16 mai 2008 - Webdesign.

Stripe Generator est un service de création de rayures (stripes en anglais) avancé, produisant une image qui, répétée à l’infini affiche un fond rayé comme il est fréquent d’en rencontrer sur les blogs ou sites Web 2.0 à la mode. Les options sont basiques mais suffisantes : choix de la largeur des rayures et des couleurs. Il n’y a pas grand chose de plus à ajouter, si ce n’est essayez-le!

Comment créer une favicon en 3 clics

Publié le 12 mai 2008 - Webdesign.

Encore un nouveau service web 2.0 bien pratique à destination des webmasters : Genfavicon. Simple et efficace le site vous propose la création en ligne d’icones de favoris pour votre site. Uploadez votre image, sélectionnez la zone à découper, validez et c’est dans la boite… Pour rappel, voici le code à insérer entre vos balises <head> </head> pour pouvoir utiliser ces fichiers .ico sur votre site: <link rel= »shortcut icon » href= »monicone.ico » /> Pour ceux qui voudraient en tester d’autres, dans la lignée il existe aussi favikon.