Des pixels et du code #41

Peut-être les derniers liens avant la fin du monde, et cette semaine, de jolies collections d’icônes, des ressources Fireworks mais aussi quelques tutoriels et astuces CSS et Sancha qui explique à Facebook comment faire des applications en HTML5, sans oublier un script pour charger conditionnellement les ressources sur une page web.

Les tutoriels de la semaine

#CSS

Placeholders and Overflow, l’utilisation de text-overflow:ellipsis sur les placeholders en mobile pour réduire ce qui dépasse

Des ressources utiles

#Fireworks

hellofireworks.com un site web pleins de ressources pour Fireworks

#Icônes
The Big List of Flat Icons & Icon Fonts une collections d’icônes gratuites et payantes pour trouver votre bonheur

#CSS3

CSS calc un petit récapitulatif de la propriété CSS calc et ce qu’on peut faire avec

Les outils  et plugins pour vous faciliter la vie

#Mobile template

Multiple-Devices des templates minimalistes d’appareils mobiles et tablettes pour présenter son travail

#Icônes

Handy icons webfont kit  un pack d’icônes dessinées à la main

#jQuery

Real-shadow un plugin jQuery qui ajoute des effets d’ombres qui suivent une lumière venant de la souris de l’utilisateur

# Conditionnal Loading

Conditionizr.com un script qui permet de charger les ressources en fonction du navigateur en face, sympa, mais il se base sur du UA sniffing

Les articles à lire

#UX

Don’t be lazy, use HTML label correctly un cris du cœur qui montre que même des gros sites comme LindekIn oublient d’utiliser des labels sur des boutons radio.

Best mobile sign-up form, un retour d’expérience sur le processus d’inscription de l’application “Polar” pour iPhone

#HTML5 mobile

The Making of Fastbook: An HTML5 Love Story ou quand Sancha explique à Facebook que si si on peut faire une application performante en HTML5 c’est juste qu’ils sont pas doués

#Webdesign

A Strange and Sudden Design Trend , une rapide analyse du “flat design”, ce design de site “plat” sans effets qui semble s’inspirer de l’interface metro de Windows

Développement Web et navigation au clavier un petit rappel et initiation à la navigation au clavier et son importance sur un site web

#Typographie

Interactive Guide to Blog Typography, un petit guide pratique et dynamique des différentes propriétés applicables à la typographie sur un site web

#CSS3

Why moving elements with translate() is better than pos:abs top/left une explication détaillée, démos à l’appuie, sur pourquoi il vaut mieux utiliser translate() (CSS3) que des positions pour deplacer un élément avec une animation

Et le troll fun de la semaine, upgrader de l’iPhone 4 au 5 gratuitement.