« Web responsive » : différence entre les versions

Aucun résumé des modifications
Aucun résumé des modifications
Ligne 24 : Ligne 24 :
[http://tympanus.net/Development/GammaGallery/ Gamma Gallery - A Responsive Image Gallery Experiment]
[http://tympanus.net/Development/GammaGallery/ Gamma Gallery - A Responsive Image Gallery Experiment]


== 6 outils en ligne pour webdesigners : ==
[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 !
[http://responsify.it/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/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.<a href="http://typecast.com/Design in the browser with web fonts and real content - TypecastTypecast 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.<a href="http://livetools.uiparade.com/form-builder.html#Live Tools - Form BuilderUn 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]]