La semaine en pixels – 20 février 2015

La semaine en pixels – 20 février 2015

Ce contenu a été rédigé il y a 10 ans. Il se peut qu'il ne soit plus à jour.

Comme chaque semaine,  je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).

Au programme : l’état du web en Chine, des icônes et de l’UX, de jolis cookies panda, une app pour retrouver vos amis dans la foule, des ressources et tutoriels CSS pour les animations et comprendre les longueurs en CSS, deux jolies polices d’écriture pour vos projets et un outil pour trouver des Photos gratuites en ligne.

Pour plus de liens vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#CSS

CSS Ruler, un petit outil en ligne pour mieux comprendre le fonctionnement des unités en CSS

CSS Ruler

Les articles de la semaine

#Design #Chine

C’est toujours enrichissant de découvrir les usages d’autres pays (et cultures), aujourd’hui les tendances webdesign en Chine pour 2015 avec de plus en plus d’utilisateurs “mobile only” (aka qui n’accèdent au net que via leur smartphone). Cette citation est assez impressionnante : “If your website doesn’t work in WeChat’s native browser, it will be irrelevant to the Chinese marketplace.”

Etat du web en Chine

#Com

Le pouvoir d’un super sideproject avec une com’ rondement mené :)

check

#Wireframe

A visual way to brainstorm your ideas une autre façon de travailler pour avoir des idées

A visual way to brainstorm your ideas

#The Web

This is still a motherfucking website une réponse toute aussi polie à  motherfuckingwebsite.com

This is still a motherfucking website

#Icons

5 Confusing Icons and Their History – l’histoire derrière 5 icônes qui peuvent prêter à confusion quand on ne les connait pas : partage, “play”, bluetooth, usb et “power”

5 Confusing Icons and Their History

#UX #Icons

Testing Accordion Menu Designs & Iconography – un test des icônes plus et flèche d’accordéons et leur position gauche droite

Testing Accordion Menu Designs & Iconography

De l’inspiration et de jolies idées

#Cookies

Des cookies panda tout cute (bon ok pour la Saint Valentin)

panda cookie

#App

Une petite application pour retrouver facilement vos amis dans un bar, au ciné, etc. Le concept est vraiment pas bête LookFor

LookFor

#CSS

Animated Text Fills sur Codrops

Animated Text Fills

#Design

Des petites cartes avec des blagues de designer : Graphic Design Pun Cards

Graphic Design Pun Cards

Les tutoriels de la semaine

#CSS Animation

Animating List Items – animer l’arrivée des éléments de liste en CSS

Des ressources utiles

#Formulaires

WTF form? une ressource pour personnaliser les éléments de formulaire à partir de IE9

#Font

Moon, une jolie police de caractères ronde avec deux graisses

Moon

Serendipity Script, une jolie cursive

Serendipity Script

#RWD

44 Responsive Web Design Resources: The Ultimate List, une selection de ressources pour débuter et appréhender le responsive web design

#Mobile

L’utilisation des appareils en mobile en fonction du moment de la journée :

Desktop by day, tablet by night

Des outils  et plugins pour vous faciliter la vie

#Android

AndroidLibs une collection d’outils et de librairies pour développer sous Android

AndroidLibs

#Photos

Stocksnap.io une librarie d’images en CC0 (pas d’attribution) avec formulaire de recherche

Stocksnap.io

Pour le fun: jeux et démos sympas et impressionnantes

#Troll #jQuery

Quand un utilisateur de stackoverflow pose une simple question JS et qu’on lui répond de prendre un plugin jQuery

jquery

#German

Pour ceux qui comme moi n’ont jamais compris la logique des articles die, der et das de la langue allemande : This is the how the  German language figured out gender for nouns.

This is the how the  German language figured out gender for nouns.