Aujourd’hui nous allons voir comment rendre vos vidéos youtube, vimeo « responsive Web Design », etc… sur une page web, et sur un thème HTML5 pour WordPress, sans utiliser de Javascript, mais avec uniquement quelques lignes de CSS.
Archive | HTML5 / CSS3
Adobe Edge Web Fonts bibliothèque de polices web gratuites
Aujourd’hui je vous propose « Adobe Edge Web Fonts » qui est une bibliothèque de polices web gratuites. Adobe, Google et des graphistes se sont associés dans le but d’améliorer le web. Pour cette présentation j’utilise l’éditeur « Adobe Edge Code » que vous pouvez obtenir gratuitement après vous être inscrit sur le site d’Adobe Creative Cloud.
OnePager portfolio HTML5 – CSS3 – Responsive
Le pack OnePager vous permet de créer un portfolio, un petit site web sur une seule page avec HTML5 responsive. Le template comprend un slider, une galerie d’images avec jQuey, des boutons circulaires de compétence avec CSS3 et un formulaire de contact prêt à l’emploi, etc…
Guirlandes de Noël avec css effet parallaxe
Pour les fêtes, j’ai remis les guirlandes sur le site, comme je le fais depuis trois ans.Et comme à chaque fois, je reçois des demandes pour un tutoriel et les sources, notamment pour WordPress. Cette fois plutôt que de répondre individuellement, je vous propose ce tuto en complément de celui de grafikart, que je remercie au passage.
Button styles class css
Voici une collection de .class css prête à l’emploi, qui vous permettra de personnaliser vos liens inline, de créer des boutons, etc… Vous trouverez dans l’archive les modèles qui vous serviront de base, que vous pourrez modifier/adapter en regard du design de votre site. Pour le tutoriel, je me sers de wordpress.
Un menu lavalamp pur CSS3
Vous avez déjà vu des menus animés avec l’effet lavalamp, réalisés avec le plugin jQuery.
Dans ce tutoriel vidéo, je vous propose un menu avec l’effet lavalamp, réalisé uniquement avec CSS3.
Video js un lecteur vidéo avec HTML5
Je vous présente et propose, un lecteur vidéo réalisé avec l’API JavaScript pour HTML5 et Flash Vidéo.
Vous trouverez dans l’archive, le contenu complet du tutoriel vidéo, que je vous invite à lire.
CSS3 – HTML5 animated dropdown menu
Dans ce tutoriel vidéo, je vous propose d’installer, animated dropdown menu, réalisé avec HTML5 et CSS3. Grâce à CSS3 vous aurez un menu animé et déroulant avec un effet de transition.
Installer un mega menu déroulant horizontal avec CSS3
Dans ce tutoriel vidéo, nous allons installer un mega menu déroulant horizontal avec CSS3.