Tous les articles dans Articles datés pas mis à jours

Une nouvelle série de tips & tricks pour Adobe Photoshop CS6 – Onextrapixel

Ce contenu a été rédigé il y a 12 ans. Il se peut qu’il ne soit plus à jour.J’avais il y a plus d’un an écrit un article qui s’intitulait « 8 Photoshop tircks I wish I know when I was a student » où je détaillais des astuces Photoshop. Depuis CS6 est sorti, apportant sa collection de nouveautés. J’ai donc écrit une sorte de mise à jour de cet article avec de nouvelles astuces consacrées à Photoshop CS6 principalement concernant la …

[mobile] Charger des ressources de manière conditionnelle avec matchMedia()

[mobile] Charger des ressources de manière conditionnelle avec matchMedia()

Ce contenu a été rédigé il y a 12 ans. Il se peut qu’il ne soit plus à jour.A ParisWeb, suite à une réflexion de Vitaly Friedman sur les ressources chargée en web et  mobile first, nous avions avec Raphaël Goetter fait quelques tests de chargement conditionnel, notamment pour ne pas charger du tout une police @font-face sur la version mobile. Ces tests se basent sur window.matchMedia(). Christian Heilmann dans son article (en anglais) « Conditional loading of resources with mediaqueries » pousse cette méthode encore …

Des ressources utiles pour vos sites en Responsive Webdesign

Des ressources utiles pour vos sites en Responsive Webdesign

Ce contenu a été rédigé il y a 12 ans. Il se peut qu’il ne soit plus à jour.Le responsive webdesign est plus qu’une mode mais bien une technique qui est là pour rester. Beaucoup d’outils en lignes, de scripts, de librairies permettent de faciliter la tâche du développeur/intégrateur/designer pour faciliter la mise en place de sites qui s’adaptent à la taille du viewport de l’appareil. J’ai réuni une collection de ces liens que j’utilise très souvent et les ai …

Remplacement d’image CSS adapté au retina display des appareils mobiles

Remplacement d’image CSS adapté au retina display des appareils mobiles

Ce contenu a été rédigé il y a 12 ans. Il se peut qu’il ne soit plus à jour.De plus en plus d’appareils mobiles que ce soit sur tablette ou smartphone ont des écrans dits « retina » avec un pixel ratio plus élevé que nos écrans de bureau. L’arrivée du retina sur l’iPad 3 s’est d’ailleurs fait grandement remarqué. Les designers d’applications natives ont depuis un petit moment déjà pris l’habitude de créer deux versions de leurs images et icônes : …

Responsive Web Design: Layouts et Media Queries sur Onextrapixel

Responsive Web Design: Layouts et Media Queries sur Onextrapixel

Ce contenu a été rédigé il y a 13 ans. Il se peut qu’il ne soit plus à jour.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 …

Sur Noupe : tutoriel jQuery Mobile création d’une application web de choix de restaurant

Sur Noupe : tutoriel jQuery Mobile création d’une application web de choix de restaurant

Ce contenu a été rédigé il y a 13 ans. Il se peut qu’il ne soit plus à jour.Noupe m’a demandé d’écrire pour eux au moment où je préparais mes cours pour les étudiants du Master2 Caweb qui portaient sur la mobilité et jQuery Mobile. J’ai donc décidé de reprendre un des exercices proposés durant ce cours, de l’améliorer un peu, pour le publier sous forme de tutoriel sur Noupe. La démo est une mini web-application créée en utilisant jQuery …

Sur onextrapixel : tout sur les boutons : inspiration,  PSDs à télécharger, générateurs en CSS et Frameworks

Sur onextrapixel : tout sur les boutons : inspiration, PSDs à télécharger, générateurs en CSS et Frameworks

Ce contenu a été rédigé il y a 13 ans. Il se peut qu’il ne soit plus à jour.Les boutons faisant partie intégrante de nos sites web, j’ai réuni sur Onextrapixel quelques ressources utiles : de belles galeries de boutons, des fichiers PSDs à télécharger, mais également des générateurs de boutons en CSS3 et des framework tout fait. Le parfait petit kit du webdesigner qui a envie de se lancer dans le design de boutons. Vous pouvez aller lire l’article …

Android script Photoshop pour exporter en ldpi, hdpi et xhdpi.

Android script Photoshop pour exporter en ldpi, hdpi et xhdpi.

Ce contenu a été rédigé il y a 13 ans. Il se peut qu’il ne soit plus à jour.[UPDATE] Ces actions sont dépassées,  une mise à jours de l’article avec un export directe depuis Photoshop est disponible ici : Photoshop: export to mdpi hdpi xhdpi xxhdpi and xxxhdpi for Android assets«  En général quand je crée une application, je pars du mdpi, du coup, pour suivre les guidelines android, il faut re-créer tous les drawables en ldpi, hdpi et xhdpi. …

Sur Onextrapixel : 8 astuces photoshop que j’aurais aimé connaitre quand j’étais étudiante

Sur Onextrapixel : 8 astuces photoshop que j’aurais aimé connaitre quand j’étais étudiante

Ce contenu a été rédigé il y a 13 ans. Il se peut qu’il ne soit plus à jour.A l’école j’ai eut quelques cours de Photoshop, mais je me suis principalement formée moi-même en lisant pas mal de blogs et de tutoriels A force j’ai appris quelques techniques et astuces sympas pour gagner du temps et se faciliter la vie dans Photoshop. De l’auto sélection de calques comme dans Illustrator aux masques d’écrêtage en passant par le changement rapide de …