En février j’avais donné deux cours à l’université en master. Le premier portait sur l’optimisation mobile, avec une introduction au marché mobile, navigateurs, la différence application native/ web-apps, les différents types de layout pour créer des sites qui s’adaptent. Elle comporte également une introduction à l’ergonomie mobile, à ce qu’il faut adapter, et une partie plus technique sur les media-queries, le viewport, et quelques astuces pour construire et tester son site. Vous pouvez d’ailleurs retrouver un article sur les différents … Lire la suite
Des pixels et du code #07
Cette semaine dans la 7em édition des pixels et du code, j’ai essayé de mettre un peu d’ordre dans les liens, et de les classer en “catégories” : beaucoup de ressources sur Fireworks, souvent mis de côté au profit de Photoshop, et pourtant il a du potentiel, quelques liens sur la mobilité (applications iOs, HTML, jQueryMobile et optimisation mobile) et quelques liens consacrés au wireframing (ou maquettage). Les tutoriels de la semaine : #iOs design Tutorial: How to design a … Lire la suite
Pack de 30 icones sociales pour webdesigners et développeurs
J’ai publié ce matin sur Onextrapixel le pack complet d’icônes social, une grosse mise à jour de ce pack. Il comporte désormais 30 icônes de réseaux sociaux dans trois tailles (39x40px, 58x60px et 77×79). Ces réseaux sociaux sont à la fois ceux que j’utilise en tant que webdesigner/developpeur, mais aussi ceux qu’on m’avait demandé en plus sur G+. Vous pouvez voir l’article sur Onextrapixel, ou les télécharger le pack de 30 icônes sociales directement depuis leur site. Ces icônes ont … Lire la suite
Responsive Web Design: Layouts et Media Queries sur Onextrapixel
Avec le nombre grandissant de Smartphones, Tablettes, et autres appareils capables d’aller sur le net, adapter son site à différentes tailles et appareil devient de plus en plus une nécessité. En tant que Webdesigner, notre but est de rendre accessible à l’utilisateur et agréable à la lecture le contenu de nos sites, sur le maximum de supports possible. Faire du cas par cas devient presque impossible, d’où la nécessité d’un design qui va s’adapter à la taille, orientation et résolution … Lire la suite
Des pixels et du code #06
Dans cette 6em édition des pixels et du code, beaucoup de plugins jQuery et jQueryMobile pour faciliter votre développement, mais aussi quelques articles sur l’UI et des icones à télécharger gratuitement. Enjoy :) #UI Interface-origami ou comment jouer avec des fausses interfaces en origami permet d’améliorer le design d’interface #jQueryMobile New jQuery Mobile theme: Twitter Bootstrap un thème Boostrap pour jQueryMobile, pourquoi pas après tout SwipeButton jQuery Mobile plugin launches. Millions-rejoice! un plugin “swipe to delete” pour jQueryMobile Font Awesome icons now included … Lire la suite