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
Étiquette : Tutoriel
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
Cachez vos pages en php
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
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
Tutoriel inkscape – Réaliser des textures
[youtube]TLmH6t52H9Y[/youtube]
Oui, inkscape sait aussi faire des textures vectorielles… Démonstration et explication dans cette vidéo.
Continuer la lecture de Tutoriel inkscape – Réaliser des textures
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
Tutoriel inkscape : Créer et découper un design web
Tucson Labs propose un tutoriel illustré sur Inkscape, détaillant les étapes offrant la possibilité de créer un design HTML depuis Inkscape. A voir au plus vite!
Continuer la lecture de Tutoriel inkscape : Créer et découper un design web
Un menu tout smooth et fondu avec JQuery
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
Emuler un téléphone Android
Un site internet mobile à visionner en local? Le site est sur un intranet pour l’instant? Une simple application à tester? Android met à disposition un SDK complet, dont l’installation est somme toute relativement aisée.
Continuer la lecture de Emuler un téléphone Android