Tous les articles avec le tag responsive webdesign

Des pixels et du code #55

Des pixels et du code #55

Une semaine de liens qui devraient beaucoup plaire aux graphistes et webdesigner puisque beaucoup de tutoriels et d’outils en rapport avec Illustrator, la typographie ainsi que des réflexions sur le métier de designer en général et l’ergonomie. Des tutotoriels CSS et des démonstrations impressionnantes ne laisseront pas nos amis intégrateurs en reste et toujours autant de ressources utiles sur le responsive webdesign, difficile de passer à coté de l’optimisation des sites pour mobile aujourd’hui. Bonne lecture et fin de semaine … Lire la suite

Des pixels et du code #52

Des pixels et du code #52

Les liens à ne pas manquer cette semaine, avec toujours d’excellentes ressources pour du design responsive, pour utiliser des SVGs dans vos projets, des templates produit, des kits de papiers, ainsi que quelques petites nouveautés côté code avec Foundation qui passe à Zepto et mobile first pour sa version 4 et quelques plugins jQuery et outils toujours utiles. Du côté des articles cette semaine un concept de workflow qui change de l’ordinaire sans  validation de maquette client avant, des media … Lire la suite

[experimental] Une lightbox conditionnelle sur mobile utilisant des media queries.

[experimental] Une lightbox conditionnelle sur mobile utilisant des media queries.

Récemment j’ai fait quelques ajustements à ce blog dans le but d’améliorer sa vitesse de chargement et son utilisation sur mobile. J’ai retiré quelques scripts inutiles, et m’étais entre autre posée la question des lightboxs. Pour ceux qui me suivent sur twitter, j’avais demandé si quelqu’un connaissait un plugin WordPress pour une lightbox responsive. Quelques jours plus tard, Brad Frost écrivait un article intitulé “Conditional Lightbox” où il se pose la même question de la pertinence et l’utilité d’une lightbox … Lire la suite

Un e-mail en HTML responsive multi-clients – sur Alsacréations

Un e-mail en HTML responsive multi-clients - sur Alsacréations

La semaine dernière j’ai rédigé pour le site alsacréations.com un petit “tutoriel” sur la création d’e-mails qui sont compatibles sur différents clients lourd et webmails. Nous sommes en 2013, et beaucoup de clients de mail dits clients lourds sont encore à l’âge de pierre quant au support des propriétés pour les e-mails. Tableaux, CSS en ligne et autres astuces archaïques sont de mise pour faire en sorte que le rendu des mails soit à peu près homogène entre les différents … Lire la suite

Des pixels et du code #40

pixelcode40

Une semaine très orientée code, animations et surtout responsive webdesign, avec deux articles français sur le sujet, et des tutoriels et démonstrations d’API HTML5. Pour ceux plus orientés design, quelques belles ressources pour améliorer son workflow dans Photoshop, et sur l’expérience utilisateur. Les tutoriels de la semaine #Animation Sprite sheet animation with steps()  des animations CSS3 qui utilisent la propriété step() Animation in a Flashless world un second tutoriel plutôt impression pour créer un chat qui cours dans l’herbe #Email … Lire la suite