September 2010
19 posts
2 tags
Style search inputs in Safari
guillee:
HTML5 search inputs work & look great in Safari, but by default they’re impervious to CSS. If you want to style them, use this rule in your stylesheet to force Safari to treat them like a regular text field:
input[type="search"] {
-webkit-appearance: textfield;
}
(Tip of the hat to Mark Pilgrim.)
The HTML5 Experiments of Hakim El Hattab →
Attention de bien mettre un coussin sous votre mâchoire avant de regarder tout ça. Enfin, si l’animation, flash et l’html ça vous parle bien-sûr…
Why they teach 'The Wire' at Harvard
mrgan:
The Harvard Kennedy School is teaching a course about HBO’s The Wire:
“The Wire,” which depicted inner-city Baltimore over five seasons on HBO, shows ordinary people making sense of their world. Its complex characters on both sides of the law defy simplistic moral distinctions. Critics loved it. Its fans hung on every episode. We think it is more than just excellent television. Impressed...
Snoopy | View-source bookmarklet for iPad, iPhone... →
Pratique.
Via Simplebits & Adactio
1 tag
LukeW | Designing for the Retina Display (326ppi) →
Autant c’est vrai que pour l’instant, il n’y a pas de quoi paniquer sur le sujet et que ça ne va concerner qu’une infime partie des internautes, autant c’est bien de commencer dès maintenant à se familiariser aux techniques qui permettent de s’adapter aux écrans de différentes résolutions.
Ca serait étonnant qu’on ait pas des équivalent du Retina Display...
2 tags
Proportional leading with CSS3 Media Queries |... →
Intéressante démo sur l’adaptation de l’interlignage en fonction de la justification.
Le seul problème que ça me pose, c’est que pour vraiment bien faire, il faudrait adapter le rythme vertical de tous les éléments de la page (taille, margin/padding), ce qui représente autant de travail en plus… Mais c’est évident que du point de vue de la lisibilité, c’est une...
“Text and email are polite invitations to a conversation. They happen at the...”
– Scott Adams: Phone (via marco)
1 tag
2 tags
CSS glow effects with box-shadow –... →
Les dessous du champs input du Login de Twitter. L’occasion d’apprendre comment virer le halo bleu qui entoure les input en focus dans Safari.
1 tag
Roundrect roundup, tips on drawing rounded... →
Lié depuis l’article de Campaign Monitor, un petit tour des différentes solutions qui existent pour créer des arrondis dans Photoshop. C’est fou tout ce qui est planqué dans Photoshop, un jour on y retrouvera nos vieilles chaussettes.
1 tag
Designing the new Campaign Monitor iOS icons →
Et surtout, des media queries pour pousser une icône de signet différente pour chaque appareil Apple touch.
1 tag
Test page for -webkit-font-smoothing | Christoph... →
-webkit-font-smoothing: auto/none/antialiased/subpixel-antialiased.
Des propriétés CSS utiles pour ajuster le rendu de texte en fonction du contraste des couleurs utilisées pour le fond et la couleur des lettres.