Des effets 3D en CSS3

Voilà pourquoi il ne faut plus utiliser Internet Explorer : ces effets 3D fait en CSS 3 ne fonctionnent pas sur IE et donc les développeurs ne peuvent pas les mettre sur leurs sites.

On rate donc des possibilités d’afficher de superbes galeries de photos avec des hover en pseudo 3d.

A mort IE, vive Firefox et Chrome (mais pas trop).

Utilisez Google Web Fonts pour vos sites

Google Web Fonts se base sur les propriétés de CSS3 concernant les polices de caractères. Il vous permet d’utiliser des polices que l’utilisateur n’a pas forcément, en lui proposant d’aller les chercher sur les serveurs de Google (en tache de fond).

Il y a des avantages et des inconvénients : les plus, c’est que vous n’avez pas à gérer les polices et c’est la bande passante de Google qui sera utilisée lors du téléchargement. L’inconvénient est le même, si Google rame ou est down, les internautes n’auront pas tout de suite les bonnes polices.

Vous pouvez donc faire un mix des deux et mettre en premier choix les TTF ou ODT prises chez Google, en spear (back up), celles misent sur votre serveur et enfin les polices de bases communes à tout les OS (Arial, Verdana…).

Cela vous permettra de démarquer votre site des concurrents en utilisant des polices originales.

Des dégradés CSS comme dans Photoshop

Vous savez que les navigateurs n’affichent pas toujours les mêmes choses, surtout du coté des anciens (et nouveau) navigateurs Microsoft.

Mais si on se dit que les navigateurs modernes (Firefox, Chrome, Opéra…) vont prendre le pas sur les anciens (IE 6, 7, 8…) il va falloir utiliser les nouvelles normes CSS, surtout en terme de dégradé.

Voici donc l’Ultimate CSS Gradient Generator, qui va vous permettre de faire des dégradés en Wysiwyg comme dans Photoshop et avoir le code généré pour le placer dans vos feuilles de style.

Un générateur de code CSS3

Le bien nommé CSS3 Generator est un générateur de code pour les nouvelles fonctionnalité CSS3 (ombres, dégradés, colonnes multiples, arrondis,…).

Vous allez pouvoir tester avec l’interface simple mais bien faite, le résultat de vos paramètres et surtout avoir le code qui sera compatible avec les nouveaux navigateurs HTML 5 (Firefox, Chrome,…).