background preloader

Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar

Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar

http://lab.maltewassermann.com/viewport-resizer/

Related:  useful sites for web designOUTILS UTILESOutils utiles

Quel tarif pour la création d'un webdesign de site? Calculez le prix de la conception et des droits d'auteur Le graphiste web est un professionnel créatif, qui est à l'écoute des évolutions et tendances graphiques. Il maîtrise l'ensemble du processus de création d'un site internet et peut recommander des intégrateurs html, des développeurs avec qui il a l'habitude de travailler pour mettre en ligne votre projet. Le graphiste web indépedant a également de bonnes bases en marketing et en communication visuelle.

Avez vous bien prepare le lancement de votre site web? Assez souvent, le lancement d’un site web se fait sans s’assurer de plusieurs points. L’étape de test se trouve négligée et des fois complètement ignorée. Il est toutefois très important de s’assurer de quelques points avant de laisser les utilisateurs visiter votre site web. Dans cet article j’essaierai de lister brièvement ces points. Le sélecteur de couleur nColor Qu'est-ce que c'est ? Le sélecteur nColor permet de sélectionner et comparer des couleurs dans diverses simulations de vision daltonienne. Il s'agit d'une simple page HTML contenant un script JavaScript et des propriétés de style. La page doit fonctionner en principes sur la plupart des navigageurs si l'interprétation des scripts et des feuilles de style est activée.

12 outils pour valider le Responsive Design de votre site Afin de vérifier le bon affichage de votre site sur les différents écrans et les différentes résolutions, il existe aujourd'hui des outils fort simples à utiliser et qui vous permettent d'effectuer ces différents tests. Est-ce que l'image inserée dans cet article ne va pas déformer ma mise en page sur les mobiles ? Est-ce que cette vidéo est-elle toujours lisible sur smartphone ? Bref, il est important de pouvoir contrôler en permanence la qualité du contenu que vous mettez en ligne sur votre site (ou votre blog) afin de vous assurer de sa parfaite adéquation avec l'affichage "Responsive Design". Pour vous aider dans votre tâche, je vous ai sélectionné 12 outils qui vous permettront d'effectuer ces vérifications et ces contrôles. Et pour gagner du temps, ajoutez cet article à vos favoris pour retrouver très rapidement cette liste dès que vous en aurez besoin (le classement des outils présenté est purement aléatoire).

4 outils pour minifier des fichiers PHP, HTML, JS et CSS Afin de rendre nos fichiers CSS et JS plus légers, il existe un procédé afin d'alléger le poids de ces fichiers, c'est la minification. Quand vous souhaitez télécharger Jquery, vous avez le choix entre deux versions, d'une part, celle qui est compressée avec l'extension min.js et d'autre part, non compressée avec l'extension js. La version non compréssée va etre utilisée, en phase de développement, en revanche, celle qui est compressée pour la mise en production de votre site. Selon le langage, la minification va supprimer les espaces inutiles, les sauts de ligne, optimiser votre code CSS... La minification entre, dans le process d'optimisation du chargement des pages et de leur poids.

Pourquoi je préfère Brunch Ah, vous croyez que vous êtes au top parce que vous utilisez Grunt, Gulp, Broccoli ou même Glou ? Eh ben non, pas forcément, voire carrément pas. Du tout. → 16 Outils pour créer un template Bootstrap Partage Tweet Email Découvrez une sélection de 20 outils gratuits et premium qui vous permettront de concevoir facilement et rapidement des templates Bootstrap. Ces outils vous proposent de créer votre propre mise en page HTML/CSS avec Twitter Bootstrap. Vous pourrez dessiner votre template bootstrap comme vous le souhaitez en faisant glisser les éléments sur la page avec un drag and drop.

Related: