« 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]] | ||