background preloader

HTML, CSS, & jQuery Menus

HTML, CSS, & jQuery Menus

http://cssmenumaker.com/

Related:  chantaldecrocqCSSCSSoutils intéressantscss/thml

14 Light box pour mettre vos images en avant Je vous propose aujourd'hui de découvrir une collection de ressources sur la création d'une part importante de tout folio : les Light box. Même si le nom ne vous parle pas, je suis sûr que vous avez déjà utilisé un light box sans le savoir : avez-vous déjà cliqué sur une image pour la voir s'ouvrir miraculeusement sur la même fenêtre, au-dessus du reste du contenu ? C'est cela, une light box ! Parallaxe (sans JavaScript) Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3. C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript. L’article zoom sur l’effet parallaxe de Simon est bien conçu, je vous invite à le lire si vous préférez l’utilisation de jQuery, ou si vous souhaitez découvrir une alternative ou un complément à ce tutoriel. J’en profite pour remercier Simon qui m’a autorisé à reprendre son design ainsi que la base du code qu’il a conçu pour l’article sur Alsacréations. Démonstration

CSS3 – Des effets avancés de survol d’image Aujourd’hui, je vais mettre à votre disposition une série de code vous permettant de créer des effets pour vos images lorsque celle-ci sont soumises au survol de la souris. Nous utiliserons des lignes fines, beaucoup d’espace blanc, une typographie propre et des effets subtils. Je ne vous cache rien, ces éléments ne sont pas de moi mais simplement rencontré au détour de mes déambulations sur la toile. Dans l’esprit de ce site, je les met donc en « mémoire » en vous en faisant profiter et simplifie l’ensemble pour que vous puissiez les utiliser à votre tour, vous retrouverez les liens sources ci-dessous.

Logiciels libres, gratuits et alternatifs pour l'animation Heureux que ça vous plaise ! Concernant le débat logiciel libre vs logiciel proprio je pense qu'il va rapidement falloir ouvrir un autre sujet, mais je vais répondre ici quand même. En ce qui concerne ta remarque Duduf, elle me semble juste pour certains logiciels, mais il faut bien rappeler que ce sujet s'adresse surtout aux débutants, qui commencent donc l'animation assistée par ordinateur, et qui n'ont pas forcément les moyens d'investir d'emblée dans des logiciels à plusieurs centaines (millirers ) d'euros. Comme je le dis, la logique voudrait que les gens se rendent compte des limites d'un logiciel par eux même.

Tutoriel Vidéo HTML-CSS Menu responsive Dans ce tutoriel je vous propose d'apprendre à créer le fameux menu responsive (vous savez, la petite icone "hamburger" avec ses 3 petites barres qui apparait sur les mobiles). Pour ce tutoriel nous allons faire un menu qui se révèle par le côté, à la manière des applications mobiles natives. Le code HTML Generateur de boutons CSS3 - Design et programmation web2 - Dji Développement CSS animation, transition, font, playground, ... Développement Javascript Timing des animations et des transitions en CSS3 L'arrivée de CSS3 il y a quelques années a pour plusieurs d'entre nous grandement révolutionné la manière dont nous intégrions un site Web. D'abord, ce furent les propriétés purement graphiques (coins arrondis, ombres portées) qui frayèrent leur chemin jusqu'en mode production. Ces propriétés étaient les mieux supportées des différents navigateurs, et elles étaient facilement imitables sur les plus anciens grâce aux outils à notre disposition (Par exemple: Css3Pie, Selectivizr, Modernizr, etc). Même la tâche redondante consistant à préfixer nos propriétés CSS3 est aujourd'hui facilitée avec Prefixr et PrefixFree.

Hacks CSS pour Internet Explorer 10 et 11 - Stéphane Jacquot Le 03 Mars 2016 Remontons à une époque avant les mobiles et tablettes ou la majorité de nos soucis étaient concentrés sur le problème de mise en page pour les d’ . Dans son évolution chaque version apportait son lot de nouveauté sans jamais réellement respecter les recommandés par le W3C☍ Avant de nous occuper des dernières versions d’IE regardons comment utiliser les commentaires conditionnels pour les versions .

Related:  Webmastercssoutils webmasterTutorielslogicielsà classerCSSCSS HTML toolsMenuCSS MenuCSSMENU AND COBlogMakersImages CSSCSS