Articles de la catégorie "Veille technologique"

Ces derniers mois ont été riches en échanges pour du mentoring avec plusieurs types de profil de Designers ou Designers en devenir. C’est toujours un plaisir de connaître les questions de nouveaux arrivants dans ce domaine vaste qu’est l’UX Design. Une question revient souvent : comment tu fais ta veille ?

Il vous est certainement déjà arrivé d’utiliser ces raccourcis disponibles au « force touch » ou « long touch » sur vos icônes d’application mobile ? C’est une manière d’accéder à des raccourcis à l’intérieur de votre application afin d’accéder rapidement à une section, ou entamer directement une action plus précise. Il est désormais possible de le faire pour vos Progressive Web App (PWA).

Vous vous souvenez certainement des scripts JS qui permettent de hacker le clic-droit afin de proposer un menu contextuel personnalisé ? Sachez qu’il est possible depuis peu de le faire grâce à du HTML et un bout de JS. HTML5 étend les capacités de l’élément menu grâce à un nouvel attribut.

Vous connaissez certainement cette fonctionnalité un peu bizarre sur smartphone qui bloque l’action durant un certain temps (350ms) lorsque l’on tapote sur un élément ? Il existe pas mal de techniques en JS pour éviter ce délai, mais ça n’est pas toujours sans effet de bord… Il est possible de le faire en CSS désormais !

On parle beaucoup de l’importance d’avoir un site web rapide, pour le référencement, mais aussi et surtout pour vos visiteurs. Il existe un gros point noir aujourd’hui sur le web : le poids grandissant des images. Toujours plus lourdes et pourtant indispensables ! C’est là que Imagify intervient…

Il est assez rare pour moi de publier ce type de contenu, surtout sur ce blog plutôt orienté vers les technologies web. Cependant après avoir suivi une formation de Sébastien dans la vraie vie, je ne peux que vous conseiller cet excellent formateur sur Udemy.

Microdata reste très méconnu malgré ses quelques années d’existence maintenant. J’en avais déjà parlé il y a de cela 3 ans sur différents blogs spécialisés. Depuis, les choses n’ont pas beaucoup changé : il reste très rare de voir du microformat, notamment microdata en place sur un site web.

L’utilisation du SVG est de plus en plus fréquente dans la composition de nos éléments d’illustration, nos logotypes ou encore nos icônes. L’un des avantages du SVG est sa capacité à s’adapter à tout type de densité de pixels. Un autre avantage est sa capacité à hériter de styles CSS et la possibilité d’animation.

Vous restez bloqués quand vous voyez l’interface d’un PHPmyAdmin ? Vous souhaiteriez quelque chose de plus sympa pour consulter vos bases de données SQL ? Essayez cette solution Open Source et gratuite basée sur le langage PHP.

Il y a quelques temps de cela, lorsque je faisais des recherches sur les boutons radios et checkboxes personnalisables en CSS, j’avais en tête de faire la même chose avec le champ « fichier » (input-file). J’avais donc fait un essai en CSS pur. Puis j’avais laissé l’idée de côté.

Il y a quelques jours est sortie la version 7.1 de iOS, apportant avec elle son lot de bugs (typo et bug) et de nouveautés. Parmi ces dernières, la meta viewport peut désormais accueillir la valeur minimal-ui qui permet de cacher une partie des éléments d’interface du navigateur.

Et là en lisant le titre vous vous dites : « mais mais mais… qu’est-ce qu’il va encore nous raconter ?! ». Je vais vous conter une histoire qui s’est déroulée il y a peu de temps et qui m’a bien surpris, et sur plusieurs aspects. Cela se passe sur iOS, smartphones et tablettes confondus (a priori)

HTML5 étant encore en brouillon, certains de ses éléments sont parfois revus dans leur définition. En substance ou sur un détail il est important de savoir de quoi l’on parle avant d’utiliser tel ou tel élément. L’idée première est de ne pas utiliser cet élément pour ses styles ou à la place d’un autre, tout en bénéficiant de sa sémantique.

L’élément progress en HTML5 permet de visualiser l’avancement d’une tâche. C’est un élément encore assez méconnu mais qui peut être pratique dans quelques cas où vous avez besoin de permettre à l’utilisateur de visualiser une évolution ou un stade précis dans un processus. Voyons comment l’intégrer et styler cet élément.

La problématique se pose depuis maintenant quelques temps concernant l’affichage d’image optimisée pour nos différents terminaux : qu’ils proposent une dimension d’écran plus petite ou une densité de pixels plus grande (HD). Cette problématique est en cours de travaux, et Webkit vient d’annoncer le support d’une des solutions envisagées.

Retina, ou la haute définition de manière plus générale pour les images de nos sites web pose un problème relatif. En effet depuis la sortie du premier Mac Book Pro à écran Retina (et avant pour certain), la question qui revient le plus souvent est : doit-on boycotter Retina, ou au contraire y accorder de l’importance ?

Je viens de tomber sur le cul en suivant une publicité pour IE10 croisée sur ma liste de lecture sur Grooveshark. Microsoft a adapté un jeu en multi-touch (qui fonctionne aussi à la souris, mais c’est vraiment pas jouable) avec un graphisme et un bande son que je trouve magnifiques. Apparemment il existerait depuis au moins Juin 2012, mais j’ai loupé un épisode.

J’ai souvent eu l’occasion à travers mes divers projets Web mobile (responsive), d’avoir à réduire la taille des polices de titre car même un simple mot ne passait pas en largeur. Pour éviter d’avoir une césure sur chaque mot du titre, le plus simple était de s’autoriser une réduction approximative du corps. (approximative… façon de parler). Je vous propose des solutions relative.