FrameLinks

jquery, css, css3, démos, plugins, framework, antisèche, cheat sheet, cms, générateur, html, php, animation, menu, slider, slideshow, php5, drag, drop, ajax

Les frameworks, CMS, plugins, démonstrations et antisèches présentés sur FrameLinks sont la propriété exclusive de leurs auteurs. Les dysfonctionnements, défauts d'affichage et autres bugs liés à leur utilisation doivent être signalés sur les sites d'origines. Il en va de même pour les conseils d'usage, les précisions techniques ou tout autre forme de support spécifique.

34 articles
Mot-clé : Générateurs

Générateur : 3D CSS Text

Mardi
22
janvier
2013
X com

Description :
3D CSS Text est un générateur de texte en trois dimensions. 3D CSS Text utilise la propriété CSS text-shadow et vous permet de générer plusieurs ombres pour simuler un effet de 3D.

Les options de 3D CSS Text sont nombreuses, vous pouvez paramétrer la hauteur, le dégradé,  l’opacité, l’angle d’inclinaison, la couleur ainsi que la font de votre texte. Ce générateur est simple et très intuitif et donc facile à prendre à main.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Artisteer, le générateur de thème

Jeudi
23
septembre
2010
X com

Description :
Artisteer est un générateur de thème pour wordpress, drupal, joomla, dotnetnuke et même blogger. Avec artisteer, vous pouvez en quelques clicks créer un template de design totalement unique pour votre site tant les options de personnalisation sont poussées.

Ce générateur est tellement facile à utiliser qu’il en devient ludique, et qu’on ne se lasse pas de jouer avec les gabarits. En gros, avec ce soft, même (et surtout) si vous n’avez aucune notion de webdesign, vous pouvez tout faire, à commencer par créer un vrai site d’aspect professionnel en quelques minutes.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Blueprint Grid CSS Generator

Jeudi
30
septembre
2010
X com

Description :
Ce générateur vous permettra de construire rapidement vos propres grilles CSS.
Blueprint grid CSS generator vous demande le nombre de colonnes, leur largeurs, la gouttière qui les sépare ainsi que la largeur totale que vous voulez. Vous saurez ensuite combien de pixels il vous manque (ou de combien vous dépassez) pour arriver à la bonne largeur.

Il vous suffira de régler les différentes valeurs pour générer le code CSS qui remplacera les valeurs de grid.css inclus à l’origine dans blueprint (blueprint propose une grille par défaut de 950 pixels de large, divisée en 24 colonnes de 30 pixels chacune, séparée par une gouttière de 10 pixels).

Pour finir, une version compressée vous est proposée, ainsi que l’image grid.png qui sert à afficher la grille de base pour le placement des colonnes lors de la phase de conception.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
   

TOUS LES LIENS

Générateur : Border Radius

Lundi
28
janvier
2013
X com

Description :
Border Radius (CSS3) est un générateur qui vous permettra de créer des coins arrondis sur un élément HTML. Border Radius génère le code suivant l’arrondi que vous souhaitez. Il suffit de modifier le chiffre dans un des quatre coins.

A noter quand même que la propriété Border Radius n’est supportée par Internet Explorer qu’à partir de la version 9. Simple et efficace, rapide et utile, génial pour aider les novices.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Code Barres

Jeudi
30
mai
2013
X com

Description :
Barcode coder est un générateur de code barres en ligne. Grâce à Barcode coder, vous pourrez créer le code barres de votre choix.

Choisissez la couleur du code barres, le nombre de barres, la largeur des barres, la couleur de fond, la hauteur du code barres et le code bien sûr que vous souhaitez. Simple, rapide et efficace.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Color Explorer, un générateur de couleur riche

Jeudi
17
février
2011
X com

Description :
Color Explorer est plus qu’un générateur de couleurs, c’est un outils complet pour les professionnels comme pour les amateurs. Avec color explorer, vous pouvez créer votre palette de couleur et l’enregistrer, importer des photos, des images et obtenir immédiatement la palette de couleurs qui correspond et pour finir vous pouvez voir et travailler à partir de multiples bibliothèques de couleurs.

A noter que color explorer est un outil sans obligation d’inscription et gratuit mais si vous décidez de sauvegarder en ligne vos palettes, il est préférable de s’inscrire.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Color Scheme Designer

Dimanche
27
mars
2011
X com

Description :
Color scheme designer est un générateur en ligne pour les professionnels et les amateurs qui vous permettra de trouver les bonnes associations de couleurs. Dans un premier temps, vous choisissez la couleur qui vous intéresse, color scheme designer va vous proposer une palette de couleurs qui correspond. Avec un click de plus, vous pouvez visualiser les couleurs complémentaires à votre sélection et donc celles qui se marieront le mieux avec cette dernière.

De plus, color scheme designer vous permet d’exporter votre sélection en plusieurs formats différents : HTML + CSS, XML, texte, ACO (pour les palettes photoshop) et même en GPL (pour les palettes gimp).
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Colour Code

Samedi
13
juillet
2013
X com

Description :
Colour Code est un générateur exceptionnel qui vous permettra de trouver les meilleures associations de couleurs en toute simplicité.

Simple et enfantin à prendre en main. Colour code est composé de plusieurs options colorimétriques (monochrome, analogique, complémentaire, etc…). Vous choisissez vos teintes, puis vous faîtes glisser horizontalement votre curseur sur les panels de couleurs. Modifiez ensuite la luminosité en réalisant un mouvement vertical ou utilisez votre mollette de souris pour changer la saturation. Enfin, téléchargez votre combinaison de couleurs et le tour est joué.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : CSS Arrow Please

Lundi
11
février
2013
X com

Description :
CSS Arrow Please est un générateur de box avec une flèche directionnelle (vous devez choisir la direction que vous souhaitez), qui est semblable à une infobulle, le tout conçut avec des propriétés et des pseudo-classes CSS.

CSS Arrow Please propose quelques options pour la personnalisation (la position, la taille, les bordures, etc) et crée automatiquement le code CSS associé. Ainsi, il ne vous reste plu qu’à faire un copier/coller.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : CSS Creator

Lundi
7
juin
2010
X com

Description :
CSS creator est un générateur de mise en page CSS. Ce générateur va créer une largeur fixe ou fluide avec un maximum de trois colonnes et avec un en-tête et un pied de page. Les valeurs peuvent être spécifiées en pixels, EMS ou en pourcentages.

Pour créer votre mise en page, il faut sélectionner les éléments structurels qu’exige votre site (en-tête, pied de page, colonnes). Puis, il faut spécifier une taille dans le champ prévu et choisir une couleur de fond. Par contre, le générateur a besoin d’un navigateur compatible DOM avec javascript activé.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : CSS3 generator

Vendredi
1
février
2013
X com

Description :
CSS3 generator est un générateur CSS3 qui a été conçu pour utiliser quatre propriétés : les bords arrondis (border-radius), les ombres (box-shadow), les dégradés de couleur (gradient) et l’opacité (opacity).

CSS3 generator est compatible avec internet explorer 7 et plus. L’utilisation du générateur est simple, vous ajustez le cadre comme vous voulez, puis  vous cliquez sur “ Get the code ”, et voilà c’est tout.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : CSS3 Sandbox

Mardi
7
février
2012
X com

Description :
Ce générateur est utilisé pour les fonctions CSS3 tels que les coins arrondis, les dégradés radiaux et linéaires et les ombres portées. CSS3 Sandbox a été développé par John Allsopp, pour les développeurs web.

Très pratique pour s’amuser avec les fonctionnalités CSS3. Vous trouverez aussi dans cette petite collection, des outils en ligne pour les dégradés, les ombres, et les transformations de texte.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : CSSload.net

Dimanche
17
février
2013
X com

Description :
CSSload.net est un générateur d’icônes de chargement appelés aussi loader, entièrement en CSS avec les animations comprises. Simple d’utilisation, vous devez d’abord choisir l’une des huit icônes proposées.

Puis, vous configurez la vitesse d’animation, les couleurs, et les dimensions. L’animation est gérée par les keyframes CSS3 (fonctionne comme celui de la fonction jQuery animate()).
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : CSSWARP

Samedi
23
février
2013
X com

Description :
CSSWARP est un générateur qui vous permettra de déformer votre texte selon un cercle ou une courbe de Bézier. CSSWARP est très facile à prendre à main. Plusieurs paramètres vous sont disponibles tels que l’ajout de points à la courbe, l’incurvation, le choix des fonts (Google Fonts ou Fonts local), la taille ou encore l’alignement du texte.

Après avoir fait votre choix, il vous suffit de cliquer sur “ Generate HTML ” et le code s’affiche. Simple, facile et sympathique. CSSWARP est un générateur à avoir sous la main.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : De code HTML et CSS

Jeudi
15
novembre
2012
X com

Description :
Drawter est un générateur de code HTML et CSS en ligne qui vous permet de dessiner votre mise en page dans un canevas. Vous pouvez choisir les options de votre page comme le titre, le doctype, la langue du document, les balises que vous souhaitez pour chaque bloc présent à l’écran et pour chacune d’entres elles les propriétés et les attributs.

Une fois votre maquette terminée, vous choisissez le mode de placement pour vos blocs (float left ou position absolute). Le site autorise les imbrications de balises pour réaliser des mises en page complexes dans une interface réactive et intuitive. N’hésitez pas à parcourir toutes les options disponibles dans les palettes d’options.
TOUS LES LIENS

Rubriques :
Générateurs   HTML(x)

Mots-clés :
 

TOUS LES LIENS

Générateur : De dégradés CSS3

Mercredi
14
septembre
2011
X com

Description :
Cet outil, très utile,  est un générateur de code CSS3 qui vous permettra d’utiliser toutes les fonctionnalitées de dégradés mises à disposition par le CSS3, sans négliger les aperçus des anciens navigateurs.

Ce générateur est prévu pour firefox 3.6 +, safari 4, opéra 9.5, internet explorer 5.5 ou google chrome 4.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Générateur de code CSS3

Mercredi
19
janvier
2011
X com

Description :
CSS3 generator est un générateur entièrement automatique qui écrit votre code CSS3 immédiatement. CSS3 generator est un outil simple et à la fois très pratique qui vous permettra de générer des bouts de CSS3 à intégrer directement dans votre feuille de style.

Le CSS3 generator vous écrira le code pour toutes les fonctions suivantes : border radius, box shadow, text shadow, RGBA, @font-face, multiple columns, box resize, box sizing and outline. Vous pourrez voir aussi un aperçu, ainsi que le récapitulatif des navigateurs compatibles avec la propriété sélectionnée.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Générateur de faux-texte aléatoire

Jeudi
6
mai
2010
X com

Description :
Lorem Ipsum est un générateur de textes aléatoires. Vous choisissez le nombre de paragraphes, de mots, ou de listes. Vous obtenez alors un texte aléatoire que vous pourrez ensuite utiliser dans vos maquettes. Le texte généré est du pseudo latin, du français ou de l’anglais. Vous pourrez aussi mettre le texte en minuscules ou en majuscules si vous le désirez.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Générateur de thème pour WordPress

Mercredi
25
août
2010
X com

Description :
Ce générateur en ligne vous permet de créer votre propre thème wordpress en quelques minutes sans que vous n’ayez besoin de connaissances en HTML, javascript et CSS.

Bref, ce générateur est idéal pour les amateurs. Choisissez vos couleurs, la mise en page, les réglages, enregistrer et télécharger votre thème au format zip.
TOUS LES LIENS

Rubriques :
CMS   Générateurs

Mots-clés :
   

TOUS LES LIENS

Générateur : Gridinator

Dimanche
2
décembre
2012
X com

Description :
Gridinator est un générateur de grille CSS un peu différent des autres. Le plus de Gridinator est qu’avec ce générateur, vous pouvez définir la couleur des colonnes de votre grille, pour ensuite télécharger le template au format HTML et CSS ou l’image au format PNG.

C’est un générateur d’apparence très claire et donc très facile à utiliser.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Les bannières

Mardi
14
septembre
2010
X com

Description :
Ce générateur vous permettra de créer rapidement et facilement des bannières en ligne. Vous allez pouvoir choisir parmi une liste de bannière ou concevoir la votre avec vos propres dimensions.

Ensuite, le choix de la couleur de fond, de la taille et de la police de caractères à y insérer, ajouter des effets et même des bordures si vous le souhaitez.

Banner fans est entièrement paramétrable et très facile à utiliser. Quand votre bannière sera réalisée, vous pourrez alors télécharger l’image au format png ou utiliser le code HTML fourni pour l’intégrer dans votre blog ou votre réseau social préféré.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Les boutons

Jeudi
17
juin
2010
X com

Description :
As button generator est un outil qui permet de créer des boutons (au format png) très rapidement. Ce générateur est très facile à utiliser et entièrement paramétrable. Il est donc possible d’écrire sur le bouton, de choisir  la taille et la hauteur, d’insérer une image, de changer de couleurs, de mettre des rayures ou bien encore un filtre.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Les favicons

Samedi
22
mai
2010
X com

Description :
C’est un outils qui vous permettra de générer des favicons en ligne. Vous pouvez réaliser votre favicon avec les couleurs que vous désirez. Vous pouvez aussi voir en dessous du dessin ce que cela donne dans la barre d’adresse. Et, sachez qu’il est possible de créer un favicon animé.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
   

TOUS LES LIENS

Générateur : Les onglets

Mercredi
14
avril
2010
X com

Description :
Cet outil permet de créer des onglets en ligne (au format png) avez la possibilité de configurer les couleurs (fond, dégradé et bordures), les tailles (hauteur, largeur et bordures), l’orientation de l’onglet (horizontal ou vertical) ainsi que la taille de l’arrondi des coins.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Les Screenshots et Ascreens

Lundi
29
novembre
2010
X com

Description :
Apercite est un service qui réalise pour vous automatiquement des screenshots d’un site web, vous pourrez ainsi obtenir une miniature du site en moins de vingt secondes. Apercite vous propose différentes tailles de miniatures allant de 80×50 pixels jusqu’à 800×600 pixels.

Apercite génère aussi le format ascreen (120×90 pixels). Il s’agit d’une image qu’il faut placer à la racine de son site que l’on nomme ascreen.jpg. De nombreux sites annuaires vérifient la présence de cette image afin d’illustrer votre site.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Les textures

Vendredi
23
avril
2010
X com

Description :
BgPattern est un générateur de textures en ligne très ludique. Grâce à ce générateur, vous pourrez créer votre propre texture en paramétrant le motif, la couleur, son orientation ainsi que la couleur de fond. Une fois créé, il est possible de visualiser le résultat et de l’enregistrer. Vous pourrez aussi consulter le top des textures déjà créés par d’autres utilisateurs pour vous inspirer.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Lorem Pixel

Samedi
27
octobre
2012
X com

Description :
Lorem Pixel est un générateur d’images très utile. Il vous suffit d’indiquer la taille en pixel, avec le thème que vous désirez (nourriture, high-tech, vie nocturne, animaux, mode, etc…), en couleur ou en noir et blanc et vous verrez une image apparaître correspondant à vos choix.

Lorem Pixel est un générateur simple, rapide et efficace. Faîtes un click droit sur l’image et enregistrez la photo dans vos documents.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Mot de passe

Jeudi
28
mars
2013
X com

Description :
Le site générateur de mot de passe vous permettra de façon totalement aléatoire des mots de passe. Suivant les options que vous aurez cochées, un mot de passe compliqué que personne ne pourra trouver vous sera proposé. A vous ensuite, de le garder, d’en chercher un autre ou de faire un mélange de tous les propositions.

Sachez quand même, qu’aucune donnée personnelle et aucune trace des mots de passes créés ne sont enregistrées sur ce site. Et enfin, une dernière information, un mot de passe fort doit avoir une longueur d’au moins huit caractères et doit contenir des lettres minuscules, des lettres majuscules et des chiffres.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : On/Off Flipswitch HTML5

Samedi
18
mai
2013
X com

Description :
On/Off Flipswitch HTML5 est un générateur de code CSS3/HTML5 en ligne, qui va vous permettre de réaliser des boutons personnalisés pour votre site avec des animations de transitions. On/Off Flipswitch HTML5 est supporté par tous les navigateurs modernes : google chrome, firefox, opéra, ios4 et 5, android et par internet explorer 9 et +.

Vous choisissez votre style (personnalisé, iOS4 ou 5, Android ou Windows 8), puis vous donnez vos préférences (taille des éléments et textes, couleurs de fond, bordures…) et vous enfin vous obtiendrez le code CSS3 et HTML à que vous devrez insérer dans vos pages de code respectives.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
   

TOUS LES LIENS

Générateur : Paperkit

Lundi
11
mars
2013
X com

Description :
Paperkit est un générateur de modèle de papier millimétré, en pointillé et linéaire (pour écrire). Paperkit dispose d’une barre d’outils qui vous permettra de faire tous les types de réglages dont vous avez besoin. L’espacement entre les lignes de la grille, la taille, la couleur de la marge, la largeur et la taille du papier (plusieurs formats vous sont proposés : A4, A3, juridique, tabloïd et la lettre).

Sans oublier, que Paperkit dispose de deux types d’unités, les millimètres (pour les francophones) ou les pouces (pour les anglophones). Lorsque tous vos paramètres sont effectués, il ne vous reste plus qu’à enregistrer le format sur votre disque dur, le modèle au format PDF est crée, vous pouvez donc immédiatement l’imprimer sur du papier ou l’enregistrer en cliquant sur le bouton droit de la souris.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :

TOUS LES LIENS

Générateur : Patternizer

Mercredi
22
mai
2013
X com

Description :
Patternizer est un générateur qui vous permettra de créer une image de fond sur votre site avec les rayures de votre choix.

Avec Patternizer vous pourrez modifier la largeur des lignes, les couleurs, les angles et les écarts. Obtenez ensuite le code correspondant à l’image que vous souhaitez en cliquant sur l’onglet.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : UI.Livetools

Lundi
19
novembre
2012
X com

Description :
UI.Livetools est un site qui vous propose quatre sortes de générateurs : Un générateur de boutonsun générateur de formulairesun générateur d’icônes et un générateur de rubans.

Pour chaque générateur, vous pouvez définir le style (police, couleurs), la taille (de l’image et de la police), les effets (ombres et bords), et même créer vos propres icônes (taille : 16 px par 16 px). Chaque générateur propose le code HTML et CSS de ce que vous aurez réalisé. Et pour le générateur d’icônes, UI.Livetools vous propose de la télécharger au format PNG.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : Ultimate CSS Gradient Generator

Mercredi
25
mai
2011
X com

Description :
Ultimate CSS gradient generator est un éditeur de dégradés crée par Colorzilla qui permet de générer les déclarations pour les 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.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
 

TOUS LES LIENS

Générateur : WOW Slider générateur de slider

Dimanche
24
avril
2011
X com

Description :
WOW Slider est un générateur de slider qui permet de créer en quelques clicks un slider ou un slideshows d’images pour votre site web. WOW Slider est un logiciel gratuit. Pratique et simple pour les débutants qui apprennent à développer en javascript et HTML.

Vous placez les images que vous souhaitez par drag and drop, vous choisissez la taille, le style, les effets et il ne vous reste plus qu’à publier pour générer le script. La version gratuite laisse un petit filigrane sur les images. Pour le supprimer il vous faut acheter le logiciel.
TOUS LES LIENS

Rubriques :
Générateurs

Mots-clés :
     

TOUS LES LIENS