6 outils en ligne pour webdesigners

6 outils en ligne pour webdesigners

Toujours utiles pour un travail efficace au quotidien, les outils gratuits en ligne permettent parfois de gagner un temps précieux. Découvrez une sélection de 6 sites offrant des services plutôt intéressants…

On/Off FlipSwitch

Un 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 !

Outils en ligne pour webdesigner

Responsify.it

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.

Responsify

Screenqueri.es

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.

Screenqueri

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.

Typecast

SnipSave

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.

Outils en ligne

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.

Form Builder

Que pensez-vous de ces outils ? Il en sort des dizaines de nouveaux chaque mois. Quels sont vos favoris ?

Vous aimerez aussi :

Cette entrée a été publiée dans Ressources, avec comme mot(s)-clef(s) , , , , , , . Vous pouvez la mettre en favoris avec ce permalien.

6 commentaires sur 6 outils en ligne pour webdesigners

  1. Dim dit :

    Comment???
    Un oubli de taille dans cette belle sélection: la plate-forme FRESC, qui permet d’échanger son feedback en live sur une image.
    Elle n’est certes pas réservée aux webdesigners, mais ceux qui font un peu de graphisme remercieront ses fondateurs, car elle leur évitera la lourdeur des interminaaaaaaaables echanges de .psd.
    Merci pour l’article!

  2. Ping : 6 outils en ligne pour webdesigners | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels | Lycée Jeanne d'Arc Rennes | Scoop.it

  3. Julia dit :

    Yahoo Smushit est un incontournable aussi pour réduire la taille des images, et avoir un site plus rapide. Je ne connaissais pas les autres, merci du tuyau !

  4. WDTrends dit :

    @Dim : Merci pour le partage, je parlerais de FRESC dans un prochain article avec des ressources ;)

  5. WDTrends dit :

    @Julia : Bien vu merci à toi !

  6. Ping : 6 outils en ligne pour webdesigners | Webdesign...

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>