Étiquette : Responsive

6 outils gratuits pour tester un site web responsive

Aujourd’hui, tout site se doit d’être responsive.

Un site « responsive » s’adapte automatiquement au format de l’appareil sur lequel l’utilisateur le consulte. Cela demande un travail supplémentaire, mais nécessaire quand on considère qu’en juin 2017, 56% des visites de site étaient réalisées via mobile, 30,5% via ordinateur et 13,5% via tablette (selon Médiamétrie).

Pour que l’expérience utilisateur soit réussie, vous devez notamment tester les différentes pages de votre site sur l’ensemble des 3 grandes familles d’appareils  : ordinateur, tablettes, smartphones …

Les outils gratuits sélectionnés dans cet article font partie des plus rapides et faciles à utiliser pour avoir un aperçu du rendu de votre site sur une multitude de supports et de dimensions. Ils vous permettront de tester les qualités responsive de votre site mais aussi de pouvoir obtenir rapidement un aperçu global du rendu final sur différents supports en quelques clics.

(suite…)

(6443)

18 outils CSS utiles et extrêmement simples à essayer dès maintenant

image_outils_css

Cette série de 18 outils web vous sera utile la prochaine fois que vous travaillerez avec CSS. Elle devrait vous éviter quelques tâches parmi les plus chronophages et les moins agréables :

  • Création de menus, d’animations, d’icônes.
  • Nettoyage de votre CSS.
  • Calcul et conversion de dimensions.
  • Prévisualisation de vos polices d’écriture.
  • Conversion de SVG en polices d’icônes.

… et quelques autres ! À découvrir, à essayer dès maintenant et mettre dans vos favoris pour vous aider pendant votre prochaine période de rush !

(suite…)

(18880)

Sketch 3 : l’avis des pros

sketch-img1

Sketch est un logiciel de design d’interface qui s’adresse aux webdesigners sur Mac. Encore très jeune, Sketch réussit, pourtant, à s’imposer progressivement auprès de la communauté des UX designers et dans de grandes sociétés telles que Facebook, Google, Twitter, Dropbox…
Et pour cause. Bohemain Coding, l’éditeur, semble bien tenir ses promesses en proposant, avec la version 3, un outil particulièrement fluide, flexible et taillé sur mesure pour les UI/UX/mobile designers. Au point de constituer, aujourd’hui, une alternative particulièrement solide à Photoshop et Illustrator ; dans les limites de ses champs d’application, du moins. En gros, Sketch nous fout bien le bordel dans un marché dominé jusque-là par Adobe et son Creative Cloud !

(suite…)

(20135)

Le nouveau tuto.com : plus joli, plus rapide, plus social

Social et mobile learning

… voilà ce qui pourrait bien résumer ce qu’on a voulu mettre dans cette nouvelle plateforme. 1 an et demi de travail et quelques centaines de milliers de ligne de codes plus tard, nous sommes contents d’enfin pouvoir vous présenter le nouveau tuto.com !

Tout a été revu : design, ergonomie, code, architecture serveur, fonctionnalités (plus d’une cinquantaine), mais surtout, surtout, nous avons voulu mettre l’accent sur le social learning.

Social learning : les échanges débarquent sur tuto.com

Une toute nouvelle partie fait son apparition sur tuto.com : les échanges. Désormais lorsque vous achetez un cours, vous accédez instantanément à un salon d’entraide, qui est réservé aux clients d’un même tuto. Ainsi, il vous sera possible d’échanger librement avec le formateur et les autres clients de la formation afin de parfaire votre apprentissage.

Une plateforme dans son époque : responsive et retina

Ça ne vous aura pas échappé, nous avons laissé tomber notre site sombre pour une version beaucoup plus clair, lisible et rapide !

Un des gros challenges a été de transposer notre grosse plateforme, dans une utilisation qui correspond aux usages actuels. Le site entier a donc été pensé en responsive web design et cerise sur le gâteau, tout est compatible avec les écrans retina pour plus de confort visuel.

Bon, et maintenant ?

Cette nouvelle version va nous permettre d’aller plus loin, beaucoup rapidement qu’avant. Attendez-vous a des nouvelles fonctionnalités et améliorations tous les mois. D’autres belles surprises sont à venir.

J’en profite pour remercier et dire un grand bravo à toute l’équipe et en particulier à Rémi, Fabien, John et Jean-Charles, qui ont beaucoup donné pour que ce chantier aboutisse. Merci merci !

On vous laissez profiter du site et nous faire vos premiers retours  :)

(800)

Dossier Responsive Design – Intro

Dossier Responsive Design - introduction

Le Responsive Web Design :

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.

(suite…)

(377)