En ce moment, je réalise pour l’exercice un thème wordpress qui utilise le plugin Custom Field Suite (CFS) ainsi que le framework NHP Options. Le premier sert à rajouter une série d’images multiples à un post, le second à fournir des options à mon thème, comme par exemple une image par défaut pour les posts qui n’en ont pas. Seulement lorsque je sélectionne une image dans l’un ou l’autre, je n’ai pas forcément accès aux différentes tailles pour cette image, je ne peux qu’insérer l’originale. Voici un moyen de retrouver les différentes tailles d’une image, personnalisées ou par défaut, à partir de son URL.
Continuer la lecture de WordPress : Afficher toutes les tailles d'une image à partir de l'url d'origine
Étiquette : Webdesign
Le short(code) pour CV en ligne, désormais en plugin
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
Une gallerie de photo avec zoom
Ç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
Accessibilité : RGAA, WCAG, Accessiweb… C'est quoi, c'est pourquoi ?
On entend beaucoup de choses sur l’accessibilité RGAA, bronze, AA, W3C, WAI, … Je propose de faire un petit point sur ce qu’est l’accessibilité dans le web, histoire de s’y retrouver un petit peu.
[EDIT] Merci à Xavier V. pour sa relecture 🙂
Continuer la lecture de Accessibilité : RGAA, WCAG, Accessiweb… C'est quoi, c'est pourquoi ?
Un site one-page responsive : Walkthrough – Partie 2, ambiance
Voici la seconde partie des étapes de travail amenant à la réalisation d’un site one page responsive. Pour rappel, la première partie détaillait la navigation et la mobilité, la seconde partie parle dune fonctionnalité de mon site one page : une ambiance différente pour chaque section… Voici la seconde partie !
Continuer la lecture de Un site one-page responsive : Walkthrough – Partie 2, ambiance
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
Pour transformer vos esquisses en images vectorielles (avec des robots !)
Par Karl Rosencrants, Contributeur de Bigstock
Pour créer des illustrations, les résultats du brainstorming prennent souvent la forme d’esquisses avec papier et crayon. Ces esquisses peuvent être parfois difficiles à transformer en images vectorielles. Je souhaite vous présenter ici deux solutions pour y parvenir.
Continuer la lecture de Pour transformer vos esquisses en images vectorielles (avec des robots !)
Astuce wordpress : Zéro commentaires après un import
Petite astuce du jour : Vous avez importé vos articles dans votre nouveau blog WordPress, tout va bien. Vous regardez le rendu et allez dans le détail d’un article et patatra : même si vous avez des commentaires le thème indique « Aucun commentaire ». Il y a un moyen de corriger ça facilement.
Continuer la lecture de Astuce wordpress : Zéro commentaires après un import
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
Le long shadow en quelques clics
En ce moment, la mode du flat design tend à aller vers le long shadow. Cette technique consiste à faire courir une ombre à 45° depuis un motif, mais sans forcer sur l’effet de profondeur, flat design oblige.
Continuer la lecture de Le long shadow en quelques clics