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

Adapter la taille du texte au menu : un jeu d'enfant

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…
Continuer la lecture de Adapter la taille du texte au menu : un jeu d'enfant

Cachez vos pages en php

cache

La problématique de poids de page se pose à tout développeur un jour ou l’autre : comment alléger mes pages pour en accélérer le chargement ? Il y a bien sûr des astuces comme charger les scripts en fin de page, le lazyload, optimiser les requêtes aux bases de données… Mais utilisez-vous la mise en cache? En php il existe une fonction très pratique : ob_start().
Continuer la lecture de Cachez vos pages en php

Plax : maîtrisez les profondeurs avec JQuery

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é.
Continuer la lecture de Plax : maîtrisez les profondeurs avec JQuery

Parcourir un répertoire et générer des miniatures

Ne voulant pas de flash sur un site web, mais ayant besoin d’un slider de photos permettant de gérer une gallerie, je suis partie sur une solution javascript. Mais damned, pas possible en javascript de parcourir un répertoire à la recherche de photos, et en plus comment gérer les miniatures? Je me suis penché un peu sur la question, et ai finit par trouver 2-3 outils php intéressant…
Continuer la lecture de Parcourir un répertoire et générer des miniatures

Un effet coin plié en CSS et sans image

Un petit effet sympathique de coin plié sans image pour donner du style à un paragraphe, c’est possible en jouant sur les pseudo-classes before et/ou after, et sur le comportement des bordures d’un élément. Explications…
Continuer la lecture de Un effet coin plié en CSS et sans image

Un menu tout smooth et fondu avec JQuery

Fading

On a souvent vu en flash de jolis menus tout en effets de fondu au passage de la souris. Mais saviez-vous qu’avec JQuery il était possible de réaliser les mêmes effets? Le principe est relativement simple, explications.
Continuer la lecture de Un menu tout smooth et fondu avec JQuery