Catégorie : Webdesign

Du webdesign et du graphisme

WordPress : Afficher toutes les tailles d'une image à partir de l'url d'origine

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

Une alternative au captcha, en quelques lignes

Ayant besoin d’un captcha pour un formulaire mais voyant la tête de tout ce que je pouvais trouver, j’ai commencé à chercher des solutions alternatives. Ces solutions devaient être discrètes, esthétiques et lisibles… Malheureusement mes recherches m’ont amené uniquement à remettre en cause l’utilité des captchas. Du coup, j’ai préféré une solution maison avec JQuery, que je partage ici.
Continuer la lecture de Une alternative au captcha, en quelques lignes

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

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 4, équipe

Voici la quatrième et dernière 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 d’une fonctionnalité de mon site one page : une ambiance différente pour chaque section, la troisième partie parlait du portfolio. Cette partie va traiter de la présentation des membres de l’équipe, et peut comme la précédente partie être consultée en mode stand alone… C’est parti !
Continuer la lecture de Un site one-page responsive : Walkthrough – Partie 4, équipe

Un site one-page responsive : Walkthrough – Partie 3, portfolio

Voici la troisième 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 d’une fonctionnalité de mon site one page : une ambiance différente pour chaque section. Cette troisième partie va traiter du portfolio… Cet article peut être pris en stand alone d’ailleurs. C’est parti !
Continuer la lecture de Un site one-page responsive : Walkthrough – Partie 3, portfolio

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