Il y a quelques mois en arrière j’avais proposé un billet sur la façon d’ajouter des shortcodes à son thème. J’avais choisi comme illustration de prendre le cas d’un CV en ligne. J’ai fini par en faire un plugin disponible sur wordpress.org : WP Resume Shortcode.
Continuer la lecture de Le short(code) pour CV en ligne, désormais en plugin
Étiquette : HTML
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
Tutoriel : Création d'un webdesign et découpage HTML
Cela fait un moment que j’ai envie de parler de webdesign et de découpage HTMLpour répondre à deux questions : Comment je crée un webdesign sur Photoshop? Comment j’en sort un template HTML?
Continuer la lecture de Tutoriel : Création d'un webdesign et découpage HTML
Les 45 travaux de drupal
Une petite playlist youtube pour maitriser drupal en 45 leçons, ça vous dit? Et bien allez zou, c’est par ici que ça se passe ! Vous passerez de l’installation à la création de slideshow, en passant par l’alimentation en article, la customisation graphique ou encore la taxonomie.
Continuer la lecture de Les 45 travaux de drupal
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!
Les animations CSS3 for dummies
Le CSS3 permet de réaliser tout un tas de jolis effets, mais sans pour autant alourdir les pages avec du javascript. Ces effets sont pour certains un peu trickys, pour d’autres peu connus. Animate.css est un générateur rendant accessibles toutes ces animation, générant le code qui va bien !
Continuer la lecture de Les animations CSS3 for dummies
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