« Web responsive » : différence entre les versions
Aucun résumé des modifications |
|||
| Ligne 25 : | Ligne 25 : | ||
== 6 outils en ligne pour webdesigners : == | == 6 outils en ligne pour webdesigners : == | ||
[http://proto.io/freebies/onoff/On/Off Flipswitch HTML5/CSS3 Generator] | [http://proto.io/freebies/onoff/On/Off 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 ! | 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 ! | ||
| Ligne 34 : | Ligne 34 : | ||
[http://screenqueri.es/Screenqueri.es | Pixel Perfect Responsive Design Testing Tool] | [http://screenqueri.es/Screenqueri.es | Pixel Perfect Responsive Design Testing Tool] | ||
Screenqueri vous permet de tester votre site sur plus de 30 résolutions pré-définie. | 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. | 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] | [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. | 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. | |||
[[category:web]] | [[category:web]] | ||