Chez Jérémie

Aller au contenu | Aller au menu | Aller à la recherche

lundi 26 juillet 2010

SVG et HTML5 font bon ménage avec Firefox

Pour faire suite à mon précédent article sur SVG, je vous propose de partir explorer la révolution technique que représente la possibilité d'inclure du SVG directement dans un document HTML. Cette possibilité fait partie du futur standard HTML 5. C'est une fonctionnalité qui sera disponible dans Firefox 4 et Internet Explorer 9 dès leur sortie. Alors comment ça marche et qu'est-ce qu'on peut en faire ?

Lire la suite...

mardi 29 juin 2010

Introduction à SVG

Dans les années à venir, le format d'image SVG (Scalable Vector Graphics) va devenir une technologie extrêmement commune sur le Web. Le décollage de cette technologie va se faire grâce à deux évènements d'importance dans le monde du Web. D'une part, avec l'arrivée du support de SVG par Internet Explorer 9, cette technologie sera désormais disponible nativement dans tous les navigateurs majeurs du marché. D'autre part, la norme HTML 5 va normaliser et simplifier la façon d'embarquer du SVG directement au sein des documents HTML. C'est le moment ou jamais de s'intéresser à cette technologie ;)

Lire la suite...

mercredi 23 juin 2010

Améliorez vos liens avec la génération de contenu CSS

Les liens hypertextes sont la colonne vertébrale du Web. La plus part du temps, ils se résument à un texte graphiquement mis en évidence (historiquement, bleu et souligné). Néanmoins, techniquement et sémantiquement parlant, les liens peuvent bénéficier de méta-données qui offrent un certain nombre d'informations qui pourraient être utile à l'utilisateur mais ne sont pas mises en évidence par les navigateurs. Par exemple, l'attribut target permet de définir dans quel fenêtre ou cadre va s'ouvrir le lien, ou l'attribut hreflang qui permet de connaitre la langue de la page où mène le lien et je ne vous parle même pas de l'attribut rel. Dans cet article je vais vous montrer comment utiliser la génération de contenu CSS pour afficher certaines de ces informations à l'utilisateur.

Lire la suite...

vendredi 11 juin 2010

@media London 2010 : Day 4

Quatrième et dernier jour à Londres. Programme toujours aussi intense pour cette dernière journée avec encore six conférences de prévus. Heureusement, cette fois-ci les choix ont été un peu moins dure à faire.

Lire la suite...

@media London 2010 : Day 3

Troisième jour à Londres. Aujourd'hui, fini les ateliers, c'est le débuts des conférences. Le programmes est dense et le choix de chaque conférence a été difficile. L'évènement à lieu au Hall Queen Elizabeth à proximité de la gare de Waterloo. Le lieu est bien choisi, et malgré la présence d'au moins 300 participants, on ne se sent ni à l'étroit ni perdu au milieu du vide. La qualité de l'accueil est impeccable, mais ce qui compte vraiment ce sont les conférences ;)

Lire la suite...

mercredi 9 juin 2010

@media London 2010 : Day 2

Deuxième jours à Londres. Cette fois-ci, j'assiste à l'atelier « Designing Social Interface » conduit par Christian Crumlish (et toujours des photos sur Flickr)

Lire la suite...

mardi 8 juin 2010

@media London 2010 : Day 1

Cette année j'ai pu me rendre à @media (c'est comme Paris Web, mais à Londres et en plus chère ;) ). Ce cycle de conférences comprend 2 jours d'ateliers (1 atelier = 1 journée... autant dire qu'on rentre sérieusement dans le détail) et 2 jours de conférences. Choisir entre les différents ateliers fut une vraie torture, mais finalement, pour le premier jours, j'ai opté pour l'atelier de Andy Clark sur le thème « Advanced CSS styling ».

Lire la suite...

mardi 23 février 2010

Le marketing du choix des navigateurs

Je viens de lire l'article de Tristan Nitot sur le futur écran de choix des navigateurs qui sera prochainement accessible aux utilisateurs de Windows. Ce qui a particulièrement attiré mon attention, c'est la capture d'écran qui est affichée et qui présente les différentes accroches marketing que chaque constructeur va utiliser pour mettre en avant son navigateur. Elles sont particulièrement représentatives et je vous propose d'en faire une petite analyse rapide.

Lire la suite...

jeudi 28 janvier 2010

La propriété CSS display: inline-block

La propriété CSS display reste sous-employée par les intégrateurs web. Ce n'est pas entièrement leur faute, les implémentations dans les navigateurs n'étant pas entièrement à la hauteur de la norme. Je reviens ici sur la valeur inline-block de cette propriété qui est désormais implémenté dans tous les navigateurs du marché et qui peut facilement nous aider à sortir de la sur-utilisation de la propriété float.

Lire la suite...

mardi 10 novembre 2009

Le modèle de boite flexible en CSS 3

La future norme CSS3 introduits plusieurs façons différentes d'appréhender la mise en page d'un document web. Il y a quelques temps, je vous ai parlé du module "Template Layout". Cette fois je vais vous présenter le module "Flexible Box Layout" qui est sans doute le plus prometteur de tous, d'autant plus qu'il commence déjà à être implémenté (non, pas dans IE, arrêtez de rêver !)

Update: Dear English readers, I've made an English version of this article available on hacks.mozilla.org.

Update 2: There's a Chinese version available... amazing!

Lire la suite...

- page 1 de 3