Un bon petit topo sur les icônes associées à un site web qui peuvent être placées sur dans les écrans des portables iOS et Android. Date un petit peu, mais à suivre…
Style search inputs in Safari
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.)
(Source: guillee)
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.
Troy Mcilvena:
The jQuery Retina Display plugin will substitute high resolution versions of your images (if they exist) for high resolution displays (such as iPhone 4) only.
This plugins requires no client-side changes, other than the inclusion and initialisation of this plugin. If the 2x image doesn’t exist, the standard resolution image is displayed.
Try the demo on your iPhone 4 and switch between the hi-res and low-res images. Here’s the shortened URL: http://drp.ly/1BNu3R
Comme ça le dit dans le titre
Centrer un div, footer toujours en bas, min-height & opacité.
Pour adresser des règles CSS à un navigateur en particulier, une petite ligne de JavaScript suffit.
De quoi se briefer sur ce qui a l’air de devenir un nouveau cauchemar pour développeurs Made in Microsoft™.
En plus : http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-compatible-situation
Et au niveau CSS en particulier : http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/
Note pour plus tard, si besoin.