Articles traitant de HTML5 / CSS3

Système solaire en 3D

Une nouvelle démonstration de ce qu'il est possible de faire avec "simplement" du CSS et un soupçon de JavaScript. La réalisation de ce système solaire en 3D a été réalisée par @JulianGarnier et le tout en HTML5 / CSS3. Vous pourrez voir le système solaire complet avec les 9 planètes plus le Soleil et pour chacune d'entre elles vous pourrez voir leur taille, leur vitesse ainsi que leur distance par rapport au Soleil (sauf pour lui qui sera la [...]

Boutons de progression HTML5 / CSS3

Voici plusieurs exemples de boutons qui intègrent directement une barre de progression. Ces boutons de progression sont animés grâce aux transformations CSS3, pour leur donner un style 3D, et grâce à du code JavaScript. Pour l'instant tous les navigateurs ne sont pas supportés pour afficher tous les effet, notamment IE10 et IE11, mais les exemples restent malgré tout fonctionnels.

Ressources – Templates Responsive Design en HTML5 et CSS3

De nos jours un site web peut être vu sur plusieurs supports comme un écran de PC, une tablette un smartphone et autant de résolutions différentes pour lesquelles un site web doit être lisible et accessible. Il existe une méthode qui consiste à adapter un site en fonction de la résolution de l'appareil à partir duquel le site est consulté. Cette méthode est ce que l'on appelle le Responsive Design.

Effets de survol 3D avec HTML5 et CSS3

Voici un tutoriel sympathique qui présente différents effets de survol uniquement en HTML5 et CSS3 sur des cercles d'image. Vous aurez accès aux différentes démo ainsi qu'au code source complet utilisé. Pour chaque effet présenté vous avez le code associé ainsi que quelques explications pour pouvoir les utiliser facilement pour vos projets.