Tous les articles dans Ressources et Outils

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Projets sans budgets d’achat d’art, blogs personnels, il n’est hélas pas toujours possible d’acheter des images pour tous nos projets. C’est là que généralement on se retourne vers les solutions d’images libres sous licence Creative Commons : de plus en plus de sites proposent d’utiliser gratuitement des images mises gracieusement à disposition de leur auteur, à condition toute fois de citer l’auteur. C’est suffisant dans 90% des cas, mais parfois la partie “citation” de l’auteur coince : parfois le client refuse de …Lire la suite

Sizzlepig, un outil en ligne de recadrage et redimension automatique d’images

Créer plusieurs versions de la même image lorsque l’on est rédacteur de contenus est souvent long et fastidieux. Ça se fait généralement à la main, ou avec des scripts d’automatisation dont les résultats sont parfois hasardeux au niveau de la composition de l’image puisque tout est automatisé. Ce matin je suis tombée sur un outil en ligne très prometteur : Sizzlepig. Ce petit outil vous permet de faire du traitement d’images par lot et dossiers pour la redimension et le …Lire la suite

SpecKing, un plugin pour créer des spécifications dans Photoshop

SpecKing, un plugin pour créer des spécifications dans Photoshop

J’ai pu tester ce weekend SpecKing, un plugin Photoshop qui vous permet de créer des calques de “spécifications”. Il se compose de 3 panneaux qui permettent de récupérer les largeurs et hauteurs d’éléments, les distances (padding et margin) ainsi que toutes les informations typographiques d’un calques texte. Vous pouvez lire le teste du plugin en anglais dans l’article “SpecKing, a plugin to measure and create design specs in Photoshop“. Pour les allergiques à l’anglais, une présentation du plugin en Français …Lire la suite

Animations et transitions d’interface : où trouver l’inspiration ?

Animations et transitions d'interface : où trouver l'inspiration ?

Dans le design d’interface et de site web, chaque petit détail compte de plus en plus. Les petites transitions et animations entre les éléments d’interface avec lesquels l’utilisateur va interagir au survol ou au clique sont aujourd’hui une partie très importante de l’expérience globale qu’il va avoir avec un service ou une application en ligne. L’excellent article “Transitional Interfaces” vous donnera de bons exemples de ce en quoi de simples petites animations peuvent améliorer l’expérience utilisateur. Penser, prévoir et imaginer …Lire la suite

Outils de capture d’écran d’une page d’un site en entier et envoi sur Pinterest

Outils de capture d’écran d’un site en entier

J’ai souvent besoin de faire des captures d’écran d’une page d’un site en entier pour envoyer des retours à un client,  pour faire des images pour mon portfolio ou pour envoyer sur Pinterest pour alimenter mes galeries d’inspiration. Avant ma technique se résumait à faire une capture de ce qui est dans le navigateur, scroller, faire une capture, scroller, puis faire un puzzle sur Photoshop. Oui, c’était très archaïque comme technique. Fort heureusement il existe plusieurs plugins et outils en ligne …Lire la suite

Pixel Dropr, un plugin Photoshop pour créer des collections d’assets

PixelDropr, un plugin Photoshop pour créer des collections d'assets

Je suis une grande fan d’Illustrator, et particulièrement des librairies de symboles qui permettent facilement d’enregistrer toute une collection d’assets, icônes et boutons pour les glisser/déposer directement dans un projet.  J’attendais donc le plugin PixelDropr avec impatience depuis que j’ai vu une démonstration de son potentiel sur dribbble. Comme vous l’aurez compris, Pixel Dropr est un plugin Photoshop (CS5 et 6 proposé à 19$). Il ajoute un panneau dans Photoshop dans lequel il est possible de glisser / déposer jusqu’à 30 “assets”. Par “asset” …Lire la suite

Des ressources utiles pour vos sites en Responsive Webdesign

Le responsive webdesign est plus qu’une mode mais bien une technique qui est là pour rester. Beaucoup d’outils en lignes, de scripts, de librairies permettent de faciliter la tâche du développeur/intégrateur/designer pour faciliter la mise en place de sites qui s’adaptent à la taille du viewport de l’appareil. J’ai réuni une collection de ces liens que j’utilise très souvent et les ai partagé dans un article sur Onextrapixel : Really Useful Resources and Tools for Responsive Web Design  

Xampp supprimer Accès interdit et l’Error 403

En général quand je travaille en local, j’utilise xampp. Il est cependant parfois difficile de le faire fonctionner, et ce pour des raisons souvent liées à l’os / antivirus. Je vous propose donc une check-list de quelques conflits qui pourraient expliquer que votre xampp ne fonctionne pas. – Vérifier que rien n’obstrue votre port 80. Dans mon cas je me suis déjà retrouvé avec mon antivirus qui surveillait mon port 80, empêchant xampp de fonctionner. Skype est également un logiciel …Lire la suite