« Web responsive » : différence entre les versions

Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !

A responsive template generator

Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG.

Pixel Perfect Responsive Design Testing Tool

Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie. Idéal pour le test rapide d’un site responsive.

in the browser with web fonts and real content - Typecast

Typecast est un outil de test de polices. Il permet de tester différentes combinaison dans un « environnement réel » avec du contenu réaliste comme des paragraphes, des titres…Pratique pour tester rapidement des polices avant de passer sur Photoshop par exemple.

SnipSave 2 - Save code snippets online for future reference

Outil non réservé aux webdesigners, Snip Save offre la possibilité d’enregistrer rapidement en ligne un snippet de code pour s’en servir ultérieurement.

Tools - Form Builder

Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même
à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !

@@ Ligne 24 : / Ligne 24 : @@
 	[http://tympanus.net/Development/GammaGallery/ Gamma Gallery - A Responsive Image Gallery Experiment]
-== outils en ligne pour webdesigners : ==
-*[http://proto.io/freebies/onoff/ Flipswitch HTML5/CSS3 Generator]
-Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !
-*[http://responsify.it/ A responsive template generator]
-Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG.
-*[http://screenqueri.es/ Pixel Perfect Responsive Design Testing Tool]
-Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie.
-Idéal pour le test rapide d’un site responsive.
-*[http://typecast.com/Design in the browser with web fonts and real content - Typecast]
-Typecast est un outil de test de polices. Il permet de tester différentes combinaison dans un « environnement réel » avec du contenu réaliste comme des paragraphes, des titres…Pratique pour tester rapidement des polices avant de passer sur Photoshop par exemple.
-*[http://snipsave.com/ SnipSave 2 - Save code snippets online for future reference]
-Outil non réservé aux webdesigners, Snip Save offre la possibilité d’enregistrer rapidement en ligne un snippet de code pour s’en servir ultérieurement.
-*[http://livetools.uiparade.com/form-builder.html#Live Tools - Form Builder]
-Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même <br>à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !
-== test ==
 	[http://blog.responsivenews.co.uk/ Responsive News]
@@ Ligne 86 : / Ligne 64 : @@
 	[https://hicksdesign.co.uk/ A series of illustrations for DuckDuckGo]
-[[category:web]]
+== outils en ligne pour webdesigners : ==
+*[http://proto.io/freebies/onoff/ Flipswitch HTML5/CSS3 Generator]
+Proto.ioUn superbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !
+*[http://responsify.it/ A responsive template generator]
+Créez une grille adaptative en quelques secondes grâce à cet outil en ligne. Choisissez le nombre de colonnes, la taille des marges et les breakpoints. Il ne reste plus qu’à télécharger votre template au format HTML, CSS et PNG.
+*[http://screenqueri.es/ Pixel Perfect Responsive Design Testing Tool]
+Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie.
+Idéal pour le test rapide d’un site responsive.
+*[http://typecast.com/Design in the browser with web fonts and real content - Typecast]
+Typecast est un outil de test de polices. Il permet de tester différentes combinaison dans un « environnement réel » avec du contenu réaliste comme des paragraphes, des titres…Pratique pour tester rapidement des polices avant de passer sur Photoshop par exemple.
+*[http://snipsave.com/ SnipSave 2 - Save code snippets online for future reference]
+Outil non réservé aux webdesigners, Snip Save offre la possibilité d’enregistrer rapidement en ligne un snippet de code pour s’en servir ultérieurement.
+*[http://livetools.uiparade.com/form-builder.html#Live Tools - Form Builder]
+Un générateur de formulaire (HTML/CSS) qui en impose. En effet, les options de personnalisation proposées vous permettrons de mettre sur pied un formulaire de connexion en quelques secondes. Il vous restera tout de même <br>à réutiliser vous-même les styles créés pour styler vos boutons radio ou checkbox par exemple.erbe outil pour générer rapidement et facilement des boutons de type switch en pur CSS3. Personnalisez la couleur, la taille, les états actifs ou non…En plus ils sont animés !
+[[category:Dev]]