10 outils indispensable pour les travailleurs du web

La fin de l’année approche de plus en plus et évidemment chacun pense aux bonnes résolutions qu’il prendra pour débuter l’année 2014. Et surement dans ces résolutions vous aurez : travailler moins, gagner plus d’argent ou être plus efficace ! Saviez vous qu’il existe une méthode pour réussir à remplir ces trois résolutions en même temps ?

Utiliser les ressources que le web vous offre (et souvent gratuitement) pour accélérer votre production pour gagner du temps et donc de l’argent. En plus quand vous travaillez dans l’internet (dév, intégrateur ou webdesigner) vous bénéficiez d’un panel de webapp assez incroyable.

Pour vous je vous propose les 10 applications à inscrire immédiatement en favoris et à utiliser autant que possible. C’est partit pour la découverte.

1 CSS3 Generator

Meilleurs outils pour webdesigners

Ce site vous propose de disposer du code CSS parfait pour réaliser vos feuilles de styles. Choisissez le type de styles (dégradés, transitions, ombre sur texte …) configurez les options puis copier / coller le code css dans votre fichier. Pratique rapide et très simple à utiliser.
Voir le site

2 Screen Sizes

Meilleurs outils pour webdesigners

Vous vous êtes très certainement déjà pose la question, quelle est la résolution d’un iPhone 4, ou d’un iPad retina… Ce site référence en un tableau simple et lisible toutes les résolutions d’écran des principaux devices utilisés aujourd’hui (tablette, smartphone, ordinateur).
Voir le site

3 Lorem Ipsum

Meilleurs outils pour webdesigners

Quand vous fêtes un webdesign, ou que vous intégrez une nouvelle maquette vous avez souvent besoin de faux textes. Pour cela lipsum.com est le site idéal. Remplissez le nombre de paragraphes ou de mots souhaités et c’est partit. Un peu plus décalé vous avez aussi le site http://www.picksumipsum.co.uk/ qui se base sur des répliques de cinéma pour générer le texte.
Voir le site

4 Kuler

Meilleurs outils pour webdesigners

Cet outil développé par Adobe est juste génial. Vous pouvez trouver les couleurs parfaites à partir d’une couleur… en gros vous pouvez tout faire à partir d’une couleur. En connaissant cet outil si vous arrivez encore à mélanger du jaune poussin avec du rose flashy alors je peux plus rien pour vous !
Voir le site

5 JS Hint

Meilleurs outils pour webdesigners

Pour ne plus perdre votre temps sur votre code javascript, copier / coller votre code source JS dans cette web app et elle se charge de vous dire ou sont les problèmes (si problème il y a). Vous pourrez ainsi débugger plus rapidement !
Voir le site

6 Web Color Data

Meilleurs outils pour webdesigners

Avec cet outils les couleurs n’auront plus aucun secret pour vous. Entrez l’url d’un site internet et WebColorData référence en un panel les couleurs dominantes trouvées. Vraiment pratique.
Voir le site

7 Gist Box

Meilleurs outils pour webdesigners

Vous avez surement passé du temps à rechercher une fonction JS, une classe CSS ou autre morceaux de codes précédemment créés ! Avec cet app vous pourrez enregistrer et classifier tous vos codes. Vous pourrez également les partager et profiter des codes des autres membres. Vraiment parfait.
Voir le site

8 Extract CSS

Meilleurs outils pour webdesigners

On vous demande de debugger une maquette, mais horreur le CSS est inscris en dur dans le code HTML ! Pas de panique extract CSS est la, copier coller le code HTML dans le formulaire et cette wep app se charge de coder automatiquement votre feuille de style CSS !
Voir le site

9 RWD Wire

Meilleurs outils pour webdesigners

Bluffant : cet outil vous permet de définir en drap and drop vos wireframes de site internet (cela pour en responsive total) puis vous pouvez exporter en HTML/CSS votre maquettes, reste plus qu’a remplir avec vos contenus pour un obtenir un site full responsive.
Voir le site

10 Slitches

Meilleurs outils pour webdesigners

Plus la peine d’ouvrir Photoshop pour générer vos sprites. Avec cette web app vous pourrez réaliser vos sprites en quelques secondes. Uploader vos images, puis télécharger immédiatement votre sprite. Rapide et vraiment utile.
Voir le site

Voila cette sélection est déjà terminé, j’espère que vous aurez trouver de bonnes apps à utiliser. Si vous connaissez d’autres applications utiles, merci de partager les urls dans les commentaires ! Merci à tous.

La suite des webapps les plus utiles la semaine prochaine.

Commentaires