Ça peut être compliqué parfois de faire des choix lorsque l’on veut présenter des photos pour illustrer un produit. J’ai ma galerie c’est bien, mais comment l’utilisateur peut voir le détail ? En cliquant dessus pour afficher une lightbox ? Oui mais dans ce cas, comment, comment voir les détails de la photo sans masquer la page ? La réponse est : zoomons.
Continuer la lecture de Une gallerie de photo avec zoom
Étiquette : JQuery
Un site one-page responsive : Walkthrough – Partie 1, navigation
Je me suis dernièrement « amusé » à réaliser un site corporate en one page et responsive design, afin de consolider une prise d’expérience sur le sujet. J’ai donc décidé de partager les étapes de ce travail en deux parties : la première détaille la navigation et la mobilité, la seconde partie parlera des fonctionnalités du site one page. Voici la première partie !
Continuer la lecture de Un site one-page responsive : Walkthrough – Partie 1, navigation
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
Yii : Créer un objet lié à la volée lors de la création du parent
J’ai déjà parlé un petit peu de Yii, le framework de développement PHP le plus utilisé du monde mais aussi le moins connu en France malheureusement. Ce framework permet de faire pas mal de choses sympas, que vous soyez développeur confirmé ou wannabe. Ici j’ai envie de parler d’un cas de figure que j’ai rencontré, qui peut paraître trivial mais qui s’est avéré plus tricky que prévu : Créer un nouvel enregistrement à la volée en ajax d’un modèle tier sur un formulaire. Kézaco? Je m’explique…
Continuer la lecture de Yii : Créer un objet lié à la volée lors de la création du parent
Animer un filtre d'affichage de liste avec JQuery
Pour animer un joli portfolio, rien de tel qu’un petit outil de filtre. On en voit à foison, et je voulais faire pareil. Seulement voilà, mon attention fut retenue par QuickSand, un plugin JQuery qui sur le papier fait quelque chose de très joli, mais punaise qu’est-ce que c’est lourd pour en arriver au même résultat ! Pas de problème, il y a une alternative et sans plugin (ou presque) !
Continuer la lecture de Animer un filtre d'affichage de liste avec JQuery
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
Plax : maîtrisez les profondeurs avec JQuery
L’effet de parallaxe vous connaissez? Non, rien à voir avec le Green Lantern, il s’agit d’un effet plus ou moins 3D en javascript, permettant de bouger des éléments séparément, notamment en fonction de la position de la souris. C’est ce que vous pouvez voir sur la page d’accueil de kicoe.net, ou alors par exemple sur le site officiel : http://www.cameronmcefee.com/plax-demo. Voici un mode d’emploi simplifié.
Continuer la lecture de Plax : maîtrisez les profondeurs avec JQuery
Galleria – L'album photo JQuery qu'il vous faut
Un album photo sobre, léger, accessible (no flash) et sans s’embêter avec la gestion des miniatures : behold Galleria. Explications…
Continuer la lecture de Galleria – L'album photo JQuery qu'il vous faut
JSort, le tri sélectif jusque dans vos pages
Dernièrement, j’ai eu à imaginer une page de résultats de recherche. Cette page, je ne la voyais pas sans option de tris, mais cela m’embêtais vraiment de ne pouvoir trier qu’en rechargeant la page. En cherchant tout naturellement vers JQuery je suis tombé, au milieu de tous les scripts et plugins plus compliqués les uns que les autres, sur JSort.
Continuer la lecture de JSort, le tri sélectif jusque dans vos pages