Articles de la catégorie ‘Veille technologique’

Créer un menu contextuel avec HTML5

Lire l'article

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.

Fast-tap : supprimer le délai de 350ms sur iOS

Lire l'article

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 !

Animer ses tracés SVG avec Vivus.js

Lire l'article 3

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.

Meta viewport Minimal-UI

Lire l'article 2

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.

iOS provoque des 404 sur votre site Web

Lire l'article 7

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)

Définition de l’élément aside en HTML5

Lire l'article

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.

HTML5 : l’élément progress, avancement d’une tâche

Lire l'article 4

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.

Webkit annonce son support de l’attribut srcset

Lire l'article

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.

Du Retina et HD pour votre site web : image-set, picture et srcset

Lire l'article 15

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 ?

Contre-Jour – Un jeu multi-touch pour faire la promotion de IE10

Lire l'article 2

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.

Une taille de police en fonction de la largeur d’écran

Lire l'article 57

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.

HTML5 Microdata – Outils et articles

Lire l'article 8

Les microdatas apportés par HTML5 sont un nouveau pan des microformats que vous connaissez certainement déjà à travers les schémas réunis sur le site microformats.org. Les microdatas apportent leur lot de nouveautés au niveau des attributs, mais également au niveau des schémas et de leur prise en charge.

CSS3 – Effet de feuilles superposées

Lire l'article 20

Il y a quelques jours de cela je répondais à un petit tweet d’un confrère pour donner une astuce sur la création d’un effet graphique de feuilles superposées en CSS3. Le défi était de ne pas multiplier les éléments HTML pour réaliser cet effet. C’est chose faite. Jetons un œil sur la technique utilisée.