Ç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.

Lire la suite de

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 !

Lire la suite de

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…

Lire la suite de

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) !

Lire la suite de

shapegame

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…

Lire la suite de

plax

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é.

Lire la suite de