A l’instar de Dispatch, Red Pen est un outil collaboratif en ligne vous permettant de booster votre productivité lors des phases de retours / validations. Lire la suite…
Archive pour le tag ‘Outils’
Retrouvez ci-dessous l’ensemble des articles tagués ‘Outils’
Editr – Installez vos démos HTML, CSS et JavaScript sur votre serveur
Editr est un bac à sable JavaScript permettant d'héberger directement sur son serveur des démos perso' en HTML, CSS et JS.
Vous connaissez certainement Codepen et cie, des plateformes permettant d’héberger des bouts de codes et de générer le rendu en live. Lire la suite…
Google annonce la sortie du bouton « Save to Drive »
Google a annoncé cette semaine la sortie d'une nouvelle fonctionnalité pour Google Drive : le bouton "Save to Drive". Il permet en un clic de sauvegarder n'importe quel fichier d'une page Web sur son compte.
La fonctionnalité est disponible dès à présent, vous pouvez donc l’implémenter sur votre site en quelques lignes de codes. Lire la suite…
Responsive Inspector – Redécouvrez les media queries
Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.
Cette extension Chrome en version beta permet de découvrir quelles media queries sont utilisées pour les sites Web que vous visitez.
Cet outil est très utile lorsque vous développez un nouveau projet car elle vous indique la valeur des min-width et max-width utilisées pour les media queries. Lire la suite…
Comment estimer le coût d’un projet Web ?
Web Development Project Estimator est un outil facile à prendre en main permettant aux concepteurs et aux développeurs de sites web d'estimer le temps et les ressources nécessaires pour un projet web.
Pour l’utiliser, il suffit d’entrer le nom de la ressource et le taux horaire relatif à cette dernière. Vous pouvez ajuster le nombre d’heures prévues par BU et générer le total estimé pour le projet. Lire la suite…
CyberCrab – Testez votre site Web sur différentes résolutions d’écran
Découvrez CyberCrab Screen Check, l'outil pour tester vos designs responsive sur différentes résolutions d'écran.
Screen Check développé par CyberCrab est un outil en ligne offrant la possibilité de tester un design responsive selon différents viewports, résolutions et supports : tablette, mobile, TV, desktop. Lire la suite…
Wireframe Windows 8 – Templates gratuits PowerPoint
Avec la dernière version de son OS, Microsoft souhaite offrir une nouvelle expérience utilisateur à ses aficionados.
Windows 8 propose une interface graphique mettant l’accent sur la simplicité du design, accompagnée d’une refonte des interactions. Si vous envisagez le développement d’une application Windows 8, l’étape des wireframes est essentielle à la réussite de votre projet. Autant faire les choses bien en adoptant dès cette étape l’UI du Metro style grâce à ces templates de wireframing gratuits proposés par Andreas Wulf.
Réaliser une capture d’écran d’un site Web responsive selon différents viewports
Effectuer des captures d'écran d'un site Web en fonction de plusieurs résolutions peut prendre du temps.
Certains clients sont friands de ce type de demandes à diverses étapes d’un projet. Malheureusement, prendre 15-30 minutes pour redimensionner son navigateur selon les points de rupture du design, effectuer la capture d’écran et l’importer dans Photoshop peut vite faire grimper le coût du screenshot. Afin de vous faciliter la tâche, voici l’outil idéal pour réaliser rapidement des captures d’écran selon les résolutions les plus populaires. Lire la suite…