Trucs et astuces HTML5 / CSS3
Icônes de documents en CSS
Voici un exemple assez sympa qui nous montre comment réaliser des icônes de documents seulement en HTML / CSS et quelques caractères Unicode.
Discutons par mail de votre projet
Ou parlons-en par téléphone
Trucs et astuces HTML5 / CSS3
Voici un exemple assez sympa qui nous montre comment réaliser des icônes de documents seulement en HTML / CSS et quelques caractères Unicode.
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 [...]
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.
Voici 6 effets sympas sur des items d'une liste, le tout réalisé grâce aux animations CSS3.
Babylon.js est un framework JavaScript qui permet de créer des mondes virtuels en 3D et exécutables directement sur votre navigateur. Ce framework, développé par 2 ingénieurs Français David Catuhe et David Rousset, se base sur WebGL et HTML5.
Voici différents effets de survol d'icônes SVG utilisant les transformations et animations de CSS3. La plupart des navigateurs sont supportés en dehors d'Internet Explorer.
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.
Voici un outil en ligne qui vous facilitera la vie lors de la création de vos styles CSS3. CSS3.0 Maker vous permet très simplement de visualiser le résultat de vos manipulations et dans la foulée vous génère le code CSS3 à intégrer sur vos pages web.
Voici un article bluffant sur l'utilisation des transformations 3D CSS pour simuler des nuages ou des explosions. A l'aide de quelques images PNG on obtient un rendu surprenant de nuages animés et en 3D.
Voici 2 galeries d'images utilisant les animations CSS3 et jQuery qui pourront vous servir à mettre en valeur vos images et photos et de fournir à vos visiteurs une belle façon de parcourir votre bibliothèque.
Infinite Studio - Applications Web et smartphones, Android ou iOS
Made in Toulouse, France