Trucs et astuces 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.

Tester un site web Responsive Design

Voici un outil en ligne très pratique pour tester un site web Responsive Design. Il vous suffit de saisir l'url de votre site à tester pour que le rendu soit fait sur différentes tailles d'écran de smartphones et de tablettes et vous pouvez naviguer sur votre site pour voir directement le rendu de toutes vos pages. Pour chaque rendu, la Media Query associée est disponible pour l'utilisée directement dans votre code CSS.