Voici la seconde partie des étapes de travail amenant à la réalisation d’un site one page responsive. Pour rappel, la première partie détaillait la navigation et la mobilité, la seconde partie parle dune fonctionnalité de mon site one page : une ambiance différente pour chaque section… Voici la seconde partie !
Continuer la lecture de Un site one-page responsive : Walkthrough – Partie 2, ambiance
Étiquette : Javascript
ImageFill : Le responsive de l'image à la bergère
Aujourd’hui nous allons parler de ImageFill, un plugin jquery qui permet de forcer une image dans un cadre, sans la déformer. On parle de plus en plus de responsive design, et il est vrai que la gestion des images y prends une place toute particulière. C’est donc une place toute aussi particulière que prend ce plugin qui facilite la vie.
Continuer la lecture de ImageFill : Le responsive de l'image à la bergère
Cyclotron, le diaporama 360 c'est tron facile!
Si comme moi vous n’affectionnez pas particulièrement le flash, mais que vous aimeriez bien proposer une visite virtuelle ou un diaporama 360, cyclotron vous conviendra parfaitement!
Continuer la lecture de Cyclotron, le diaporama 360 c'est tron facile!
Adapter la taille du texte au menu : un jeu d'enfant
J’ai récemment été confronté à un casse-tête : adapter la taille du texte d’un menu horizontal, en fonction du nombre d’entrées dans celui-ci. Facile, il suffit de gérer ça au calcul de la page… Seulement voilà, un nom de page ça peut faire 5 caractères comme 20. En cherchant sur le net je suis tombé sur beaucoup de plugins jquery (fit-text, text-fill…), mais aucun ne faisait exactement ce que je voulais. Alors j’ai utilisé une petite moulinette javascript, détaillée ci-après…
Continuer la lecture de Adapter la taille du texte au menu : un jeu d'enfant
Modernizr : Le HTML5 et CSS3 pour Néhendertal
Ce billet va traiter de Modernizr, une bibliothèque javascript qui permet de faire comprendre aux anciens navigateurs certaines propriétés HTML5 / CSS3, qu’il est frustrant de ne pouvoir utiliser comme on le voudrait…
Continuer la lecture de Modernizr : Le HTML5 et CSS3 pour Néhendertal
Jquery : Afficher un cadre au survol de la souris
Jquery regorge de petits outils sympathiques. Parmis eux, la possibilité d’afficher des cadres avec des effets de fondu, déroulé, volet… Que sais-je encore! Vous pouvez en voir un exemple d’utilisation sur skyscrapers. Ici, l’idée n’est pas forcément d’apprendre à suivre le déplacement de la souris, de jouer sur les effets, mais surtout de pouvoir déterminer ou afficher quoi. Voila comment cela se passe:
Continuer la lecture de Jquery : Afficher un cadre au survol de la souris
Dhteumeuleu : Explorer le HTML Dynamique
Le HTML Dynamique permet aujourd’hui d’obtenir des rendus parfois similaire au flash, sans ses inconvénients (voir la page wikipédia). La page d’accueil de Kicoe.net l’utilise par ailleurs. Une des meilleurs sources de codes DHTML est dhteumeuleu.com. Ce site propose pléthore de scripts, agrémentés d’exemples pour visualiser les effets voulus. Par exemple :
Continuer la lecture de Dhteumeuleu : Explorer le HTML Dynamique