Le blog de tuto.com
Aujourd’hui, un site web doit être parfaitement adapté à tous les écrans : ordinateurs, tablettes et smartphones. Voici 7 outils gratuits pour vérifier le responsive de votre site web.
Tester le responsive design est indispensable pour garantir une bonne expérience utilisateur et un référencement optimal.
Heureusement, plusieurs outils gratuits permettent de visualiser et tester facilement l’affichage d’un site sur différentes tailles d’écran.
C’est incroyable ; à peine une tendance apparait, le temps de quelques échauffourées tout en exaltations contrastées (de cette volonté de participer, en toute circonstance, à la grande conservation du monde ; comme nous !), que celle-ci est aussitôt remplacées par la suivante. Décidément rien ne résiste au cours inexorable du web ! Et à son étonnante capacité de (re)production. Car, d’emblée cette pensée nous saisie d’effroi ; si tout est tendance, c’est que plus rien ne l’est vraiment… Non ?
Et déjà un nouveau débat s’engage sur cette question : le Flat Design avec des Long Shadow est-il toujours du Flat Design ? Ça promet !… Bref.
Flat Design : Règles strictes et clairement établies, approche visuelle minimaliste parfois radicale ; réflexion globale sur le Web Design, partie intégrante d’un même mouvement comprenant le Responsive Design, volonté de bousculer les normes esthétiques imposées, au centre de quelques débats qui agite les acteurs concernés, etc. ; Autant d’éléments qui pourraient permettre d’envisager le Flat Design comme l’expression d’une véritable intention artistique. Mais nous n’en sommes encore pas là…
ps : l’image d’intro du billet est un petit clin d’œil à Say Fat, une boutique de tee-shirts appétissante…
Après avoir longtemps été confiné aux seuls écrans d’ordinateur, Internet est dorénavant accessible – en tous lieux et en tout temps – depuis un grand nombre de terminaux : smartphones, tablettes, desktop, télévision connectée ; de résolutions et de formats différents. Une multitude de supports qui déterminent une multitude de contextes de consultation : au bureau, dans un train ou caler dans son bain, dans les sollicitations ou dans le vide du quotidien… Bref.
Cette évolution des usages tend à reconfigurer notre manière de consommer (lire et interagir) de l’information. Presque un lieu commun, me diriez vous. Mais dans ce nouveau cadre, la mobilité devient une composante majeure.
Adobe Edge Reflow vient de sortir en version preview 1 et rejoint donc la liste de la gamme Edge. Edge Reflow est en quelque sorte le Photoshop du HTML5/CSS. C’est sur ce logiciel que vous allez créer l’interface de votre site web en responsive design, en appliquant des styles CSS de manière visuelle (ombres portées, ombres internes, contours, dégradés…). Design que vous pourrez tester puis exporter par la suite pour le fournir à vos développeurs.
Dreamweaver CS6 première vidéo ! Et oui, les équipes d’Adobe viennent de publier la première vidéo sur Dreamweaver CS6…et vous allez adorer. Comme le montre la vidéo qui suit, vous pourrez très prochainement travailler vos sites web en mode design fluide, c’est à dire un design qui s’adapte au support sur le quel vous consultez votre site Internet : ordinateur, tablette ou mobile.