février 2012
12 billets
3 tags
Responsive navigation patterns →
Une ressource qui s’avère être un excellent complément à l’un de mes billets précédents, nommé “quel type de navigation pour les mobiles ?”.
Fév 25
4 tags
Icônes "@font-face" et accessibilité
C’est la mode ! De plus en plus de sites proposent des tutoriels et des listes de fontes “graphiques” pouvant être intégrées dans des pages web grâce à la quasi-universelle propriété CSS3 @font-face : http://css-tricks.com/examples/IconFont/ http://speckyboy.com/2012/02/13/20-fontface-icon-sets/ http://blog.goetter.fr/post/14449665753/des-images-sans-images ...
Fév 21
3 notes
2 tags
20 @fontface icon sets →
(attention à l’accessibilité)
Fév 21
2 tags
Ressources Web Mobile →
Un nombre important de ressources, liens, astuces, conférences, frameworks, etc. sur le Web mobile
Fév 15
1 note
How to Design a Mobile Responsive Website | UX... →
Fév 14
11 notes
2 tags
Prefix-free, pour ou contre ?
Nous avons publié récemment un article sur Alsacréations au sujet de -prefix-free, un outil générant automatiquement des préfixes vendeurs sur les propriétés CSS3, selon nécessité. Cette ressource a certainement autant d’avantages que d’inconvénients…et donc autant de détracteurs que d’aficionados. Le premier argument, indiscutable, est tout simplement que JavaScript...
Fév 12
3 tags
Détecter le device-width en JavaScript, mission...
Suite à un billet récent constatant que le device-width (largeur d’écran d’un périphérique) diffère selon les navigateurs, j’ai souhaité pouvoir proposer un chargement conditionnel de mes feuilles de styles mobile voire de modifier la valeur de mon meta viewport. Le principe est de détecter en JavaScript la valeur de device-width et de charger une feuille de style adaptée (par...
Fév 10
4 notes
2 tags
Conférence MSTechDays : Trois avancées majeures en...
J’ai été invité hier à parler de CSS3 lors du cycle de conférences Microsoft TechDays au Palais des Congrès de Paris. Mon exposé s’est concentré sur 3 modules CSS3 que je considère majeurs : les Media Queries, le Grid Layout et les Animations. C’était d’ailleurs assez pittoresque de dévoiler des technologies qui ne fonctionnent pas du tout sur les versions encore...
Fév 9
Cahnory: UTF-8, comment ça marche � →
cahnory: L’UTF-8 est un encodage permettant de gérer bien plus de caractères que l’ISO, limité à seulement 256. Il est universel et couvre aussi bien les caractères latins que cyrilliques, arabes, japonais… à titre personnel, il m’est nécessaire pour afficher mon prénom ;). Si l’UTF-8 est très utile, il…
Fév 6
42 notes
2 tags
MS TechDays 2012 →
Dans 3 jours, je serai aux Microsoft TechDays 2012 en tant qu’orateur. J’y présenterai une conférence sur trois avancées majeures en CSS3 : MediaQueries, Animations et Grid Layout.
Fév 5
1 note
Fluid grids, orientation & resolution independence
responsivenews: If you’ve spent any time building responsive websites with fluid grids, you will have encountered the shock of seeing your beautiful portrait layout distort when viewed in landscape mode (or vice-versa.) Read More
Fév 4
85 notes
3 tags
Les mobiles nous mentent !
Vous le savez sans doute : les périphériques mobiles disposent de trois types de largeurs différentes : screen width : largeur physique de l’écran device-width : largeur déclarée par le périphérique viewport : largeur de fenêtre du navigateur Ces données ne concernent que la largeur mais sont transposables pour la hauteur, et sont bien-sûr susceptibles de...
Fév 3
2 notes