background preloader

Outils pratiques

Facebook Twitter

The ultimate CSS tools for web designers. La boite à outils du web 2.0 Wikimap. 20 outils pour vérifier vos sites web. Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle.

20 outils pour vérifier vos sites web

En plus de vérifier si le cahier des charges est rempli, il est également temps d’optimiser votre projet. Découvrez une sélection de 20 outils pour ne rien laisser au hasard. La phase de vérification et d’optimisation est aussi important que la phase de définition d’un projet web. Elle permet de finaliser un site en beauté, d’avoir au final un produit de qualité, fonctionnel et conforme aux normes du web.

Pour vous aider dans cette quête de perfection, je vous propose de découvrir ses quelques outils. Analyses préalables : Verify App « La manière la plus rapide de collecter les retours utilisateurs sur les maquettes et concepts ». Resolve App Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet Php Security Info Permet de vérifier la configuration de PHP sur le serveur. sfProjectAnalyser Analyse et vérifie que votre projet web avec Symfony est codé selon les normes.

21 outils et générateurs CSS pour développeurs web. Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3.

21 outils et générateurs CSS pour développeurs web

Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). Ainsi, vous gagnerez du temps au démarrage de la conception du style CSS. 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3.

Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 5 outils d’édition et de partage pour faire du HTML en ligne ! - integration-ressources. Aujourd’hui sur le Blog Du Webdesign, découvrez 5 outils pour apprendre, créer et partager du HTML/CSS/JS !

5 outils d’édition et de partage pour faire du HTML en ligne ! - integration-ressources

Codepen style : CSS, LESS, SCSS, SASSmarkup : HTML, HAML, SLIM, Markdownscript : js, Coffeescript Codepen se démarque aussi par sa galerie de création, un endroit vraiment parfait pour apprendre. Dabblet. Créer la maquette de son site web pro : les bons outils. Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ».

Créer la maquette de son site web pro : les bons outils

Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. Simples d'utilisation, ils sont particulièrement utiles aux professionnels encadrant la réalisation d'un projet web. Présentation. Notre vidéo Le wireframing ou maquettage de sites web : qu'est-ce que c'est ? Le « wireframing » (maquettage) est l'étape consistant à représenter schématiquement l'organisation d'un site web (ex : arborescence), ainsi que son interface graphique (interactivité et ergonomie). Outils et logiciels de maquettage ou de wireframing Les outils de maquettage se destinent à l'ensemble des professionnels réunis autour d'un projet de conception web, qu'ils soient ou non techniciens.

Pour quels professionnels ? Pencil Project Lumzy MockFlow Cacoo. Un générateur d'infographie pour représenter votre empreinte sur les réseaux sociaux. Vendredi 23 mars Réseaux sociaux - 23 mars 2012 :: 11:26 :: Par Eric Intel propose un générateur automatique d’infographie qui représente de façon graphique en un clic vos différents centres d’intérêt sur les réseaux sociaux.

Un générateur d'infographie pour représenter votre empreinte sur les réseaux sociaux

Il semblerait que les internautes soient nombreux à être friands d’infographies en tous genres. [Boîte à outils] 5 applications pour créer sa propre infographie. Esthétiques, claires, efficaces et surtout très virales, les infographies en tous genres envahissent la toile.

[Boîte à outils] 5 applications pour créer sa propre infographie

Très sollicitées pour mettre en avant les chiffres clefs d’une études, les principales tendances d’un marché, elles sont utilisées par un panel d’acteurs : agences, cabinet d’études, blogueurs, médias, etc. Surfant sur cette tendance, plusieurs startups ont mis au point des web applications permettant à n’importe quel internaute de créer tout seul une infographie en ligne, en y insérant ses propres données. Pour l’heure, une majorité de ces services (en anglais) sont encore en version bêta et donc perfectibles.

A moyen terme, ces plateformes pourraient néanmoins venir concurrencer les métiers de web designers ou tout au moins réinventer certaines collaborations. Tour d’horizon des 5 principaux outils actuellement disponibles. 1. En mars dernier, la plateforme de datavisualisation Visual.ly a lancé une nouvelle fonctionnalité baptisée Visual.ly Create. Les banques d'images · delphnicolas.