https://firstsiteguide.com/tools/
Related: Online toolsChrome : 30 extensions totalement indispensables Les internautes qui partagent souvent des liens le savent, les adresses de certaines pages peuvent parfois être longues, très longues. Si ces liens peuvent être pratiques dans le cadre d’un partage sur une messagerie instantanée, dans un mail ou sur un réseau social, ils le sont bien moins dans une signature de mail ou pire, sur un document. Dès lors, il peut être pratique, et esthétique, de passer par un raccourcisseur d’URL. Si Twitter possède t.co, Google a de son côté goo.gl. Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign
Moqups - Une application de wireframing / mockup en HTML5 Moqups est une web app HTML5 permettant de créer facilement des wireframe / mockups de vos applications web et mobiles. Il existe de nombreuses applications de wireframing / mockup sur le marché, mais la très grande majorité est développée en Flash ! Moqups est une application web gratuite développée en HTML5 / Javascript et SVG. L'interface est d'une fluidité surprenante, un novice n'aura aucun mal à la prendre en main à coup de drag and drop d'éléments, de doubles clics pour les modifier ... Côté fonctionnalités, l'application est bien garnie et on a du mal à imaginer qu'il s'agit d'une application web, notamment grâce aux nombreux raccourcis claviers classiques (CTRL Z / Y / A / C / V...). Plus de 60 éléments sont utilisables grâce à la sidebar.
CRO Consultant Expert Web Analytics et Optimisation Taux Conversion Il faut l’avouer sur le web, en général on est assez impatient. On n’aime pas attendre qu’une page se charge, chercher l’accès à un contenu, comprendre pourquoi la validation d’un formulaire ne se fait pas. La décision de cliquer sur tel ou tel lien est prise très rapidement. Les meilleurs astuces et raccourcis pour Google Chrome Bonjour, Google Chrome, le mystérieux navigateur qui a pris sa place en seulement 4 ans (lancé en 2008), est sans doute le navigateur le plus rapide comme vous pouvez le constater, mais ce que la plupart des gens ne connaissent surtout pas c’est que ce navigateur contient des fonctions très puissantes, pouvant vous aider à gagner un temps précieux. C’est pour cela que j’ai pensé à rédiger cet article, j’ai résumé tous les astuces dans un seul endroit, avec les quelques raccourcis clavier pour vous faciliter la vie avec le mystérieux navigateur, Google Chrome.
Résolution, tablettes & smartphones Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Hallo.js - Un éditeur WYSIWYG inline léger en jQuery Hallo est un éditeur de texte de type WYSIWYG très simple et épuré permettant de mettre en forme votre texte comme sous Word. L'objectif de cet éditeur est d'être le plus simple et ergonomique possible pour que n'importe quel utilisateur novice puisse mettre en forme le contenu de ses pages web. Développé à base de Coffescript compilé en Javascript, et se présente au final plus sous forme d'un plugin jQuery UI. Le style ressemble fortement à celui de l'iPad, un popover apparaît lorsque le texte à modifier est surligné.
Print Friendly : un outil gratuit pour optimiser l’impression des pages web et les sauvegarder en PDF Print Friendly est un outil pratique qui permet de ne garder que l'essentiel d'un article en supprimant le contenu superflu (publicités, commentaires, encarts, etc) pour l'imprimer ou pour le sauvegarder en fichier PDF. Vous pouvez ainsi économiser du papier et de l'encre et ne garder que la partie qui vous intéresse. Vous pouvez utiliser Print Friendly de différentes façons : 1) directement sur le site en collant l'URL de l'article dans la barre prévue à cet effet, puis en cliquant sur les zones (texte, images) à supprimer et en terminant l'opération en choisissant l'option PDF ou l'option imprimer 2) en utilisant une extension pour votre navigateur (Firefox, Chrome, Internet Explorer ou Safari) 3) en utilisant un bookmarklet à intégrer dans votre navigateur 4) en intégrant un plugin sur votre site ou blog (Blogger, Wordpress, Drupal) Voici une vidéo de présentation de l'outil : Print Friendly
5 ressources incontournables pour tester et améliorer un blog « SEO, temps de chargement, référencement, testes ». Si tous ces mots ne vous sont pas indifférents, alors ce qui suit va vous plaire ! En effet, chaque Webmaster se doit d’améliorer son blog de la meilleure manière qu’il soit. Et lorsqu’on y connait que dalle, il est parfois dur de sortir de la masse. Heureusement, tonton Cédric a toujours des vieilles astuces de grand-mère qui vous facilitent la vie. Aujourd’hui, vous allez découvrir 5 ressources incontournables pour tester et améliorer un blog… Des pixels et du code #18 - Stéphanie Walter : Webdesign - intégration web Cette semaine beaucoup de ressources concernant le Responsive Webdesign, des ressources pour générer du bruit, les nouveautés iOS6 en terme de design ainsi qu’un framework pour créer des applications HTML5 JavaScript contrôlables avec les gestes Kinect. Sans oublier la sortie de github pour Android ! Les tutoriels de la semaine #Canvas Html5 canvas slideshow jquery un tutoriel interessant pour créer un slider en utilisant des canvas pour modifier les images et du jQuery Set text on a circle Afficher du texte sous forme d’arc de cercle en CSS
FocusFox. Éditeur de texte markdown en ligne gratuit et musical FocusFox est un drôle d’éditeur de texte en ligne. Entièrement gratuit, il propose un éditeur markdown et une interface qui vont vous aider à vous concentrer en diffusant de la musique adaptée. Original et bien mieux qu’un simple gadget.