Les articles du mois de avril 2011

Microsoft annonce IE10 Platform Preview

Profitant du MIX11, Microsoft a annoncé et rendu disponible une première version d’Internet Explorer 10 en « Platform Preview ». Au programme, pleins de trucs chouettes en HTML5 et CSS3 (Grid Layout, dégradés, transitions, transformations 3D, etc…). Mais surtout, dans son annonce, Microsoft en profite pour lâcher un bon gros troll.

La seule expérience native du Web et d’HTML5 aujourd’hui est sur Windows 7 avec IE9.
Microsoft, maître dans l’art du troll depuis 1975

La définition d’une vraie personne

Les interfaces graphiques sont pour les vraies personnes, et la seule autre interface qui compte ce sont les API, pour les développeurs. Parler de « vraies personnes » comme ça me rappelle le film Reservoir Dogs, après la scène du braquage de la banque, où Mr Pink et Mr White se retrouvent dans un garage, et racontent comment ils se sont échappés. Et Mr Pink demande :
« – Et toi, t’as tué du monde ?
– Juste des flics.
– Pas de vraies personnes ?
– Non, juste des flics. »
Soyons honnêtes, les développeurs ne sont pas des vraies personnes, quand on parle d’interfaces graphiques.
John Gruber, The Gap Theory of UI Design (à 4’30 »)

Tellement vrai.

Du flou gaussien en CSS3

Flou en CSS3J’adore CSS3. Chaque jour, j’en découvre un peu plus, et chaque jour, je suis surpris par de nouvelles utilisations intelligentes et un peu détournées des propriétés. Je suis retombé récemment sur cet article expliquant comment simuler un effet de flou gaussien sur du texte. Avant de passer aux explications, regardez un peu ce que ça donne appliqué sur cette page.

Voir une démo du flou en CSS3

Je suis sympa, vous pouvez recliquer sur le même lien pour désactiver le flou. Maintenant, pour arriver à ça, il vous suffit tout simplement dans votre CSS de mettre la couleur de vos textes en transparent, et d’appliquer une ombre sur le texte à l’aide de la propriété text-shadow. Pour appliquer cet effet à toutes vos balises <p>, vous pouvez ainsi écrire le code suivant.

p
{
color:transparent;
text-shadow:0 0 5px #333;
}

Vous pouvez régler les 4 valeurs de la propriété text-shadow selon vos besoins. Elles correspondent dans l’ordre à la position horizontale de l’ombre, la position verticale de l’ombre, la taille/floutage de l’ombre, et la couleur de l’ombre.

Comme d’habitude, cette propriété n’est supportée par aucune version d’Internet Explorer (même pas IE9, non non). Vous pouvez donc ajouter les lignes suivantes.

filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)";

En bonus, vous pouvez créer une transition CSS3 pour donner un effet de flou progressif pour les navigateurs WebKit et Firefox 4 en ajoutant les déclarations suivantes dans votre règle CSS de floutage.

-webkit-transition: all 2s ease-in;
-moz-transition: all 2s ease-in;

TA-DAM ! A vous la gloire avec ce magnifique effet de flou. Pour un exemple d’utilisation concret, l’auteur initial de cet effet proposait un exemple de floutage du texte derrière une lightbox. Ou sinon vous pouvez activer l’effet de flou sur cette page, et essayer de rédiger un commentaire sans faire de fautes.

La Xoom n’est pas l’iPad

La dernière information du jour concerne les ventes de la Motorola Xoom. Hier, nous vous indiquions que les analystes étaient pessimistes. Seulement, même lorsque des entreprises sortent des chiffres excellents, le marché en attend toujours plus. C’est pourquoi cette information était à prendre avec des pincettes. Mais aujourd’hui la Deutsche Bank estime qu’il n’y aurait eu que 100 000 tablettes vendues depuis la fin février. Une réaction serait de s’alarmer, mais après tout, est-ce vraiment utile ?

FrAndroid, La motorola Xoom ne se serait vendue qu’à 100 000 exemplaires. Et alors ?

Les plus grands analystes et blogueurs high-tech avaient prédis qu‘Apple vendrait entre 1 et 9 millions d’iPad la première année. Apple en a vendu 14 millions. L’iPad 2 s’est vendu à 1 million d’exemplaires en un week-end. Si je travaillais chez Motorola, j’aurais toutes les raisons de m’alarmer.

Le marché des tablettes n’est pas celui des téléphones. Si quelqu’un veut prendre Apple à son propre jeu, il va déjà falloir commencer par proposer une tablette moins cher. La Xoom coûte 599€. L’iPad 2 (32 Go) coûte 591€ (et Apple liquide ses iPad 1 pour 491€). Pourquoi un consommateur lambda irais payer plus cher une tablette autre que l’iPad qui bénéficie d’une publicité incroyable ?

iAd Gallery

iAD Gallery

Vous en avez marre de ces applications qui vous empêchent de regarder tranquillement de la pub ? Heureusement, Apple a pensé à vous et sort l’application iAd Gallery pour iPhone et iPad pour visionner les meilleures pubs réalisées pour iAd, la régie d’annonces publicitaires d’Apple. L’application n’est disponible que pour les US. Car pour rappel, les publicités iAd ne sont disponibles que pour les annonceurs Américains, avec un budget minimum de 500 000$.