. WebdeZign
web design, intégration web et WordPress

LAYOUT & html & css

ce que je construis est-il pris en charge par tous les navigateurs ?

Répondre à cette question, c’est s’intéresser au Cross Browser Testing, la traduction en anglais de la technique (et les innombrables outils développés) permettant de tester SI, quel que soit le navigateur internet utilisé par le visiteur du site, l’affichage de celui-ci – LE SITE – sera visible et complet pour une expérience utilisateur ‘non détériorée’. Un…

Lire la suite…

LAYOUT & html & css

mise en page responsive : la révolution CSS Grid Layout

Je tâtonne beaucoup en CSS, et j’apprends aussi beaucoup en tâtonnant. Parce qu’il est difficile, avec le design responsive qui est désormais la règle pour toute élaboration de site, de mettre au point une mise en page fluide et flexible, sur laquelle le contenu glisse et s’adapte aux contenants… sans jamais déborder ! Et voilà-t’y…

Lire la suite…

Codex & WordPressTHEMING & frameworks

filtres & actions : les hooks se dévoilent

Comme je n’ai aucune formation en programmation et que c’est à partir de sa surface et avec de simples palmes et tuba que j’ai commencé à plonger dans l’océan WordPress, ma réflexion et ma compréhension se heurtent à des parties du puzzle pour lesquelles j’ai bien repéré quelques pièces mais « ça veut pas »…. Je vois du code,…

Lire la suite…

THEMING & frameworks

un template pour chaque catégorie ? c’est une histoire de ‘hook’

Bonjour !! Vous vous souvenez de l’étape « c’est quoi, un hook ? » … Ca fait déjà pas mal de temps et il m’en aura fallu tout autant pour ronger cet os jusqu’à sa substantifique moelle ^^ mais la semaine dernière, j’ai créé mon premier hook ! en l’occurrence, un ‘hook_filter’ si je peux m’exprimer ainsi (par…

Lire la suite…

DEV & workflowTita's processing

Pearltrees > je vous offre mon ‘arbre à perles’

Oui, depuis le début de ce blog, je vous parle beaucoup des ‘outils’ que je découvre. C’est tout simplement parce que je m’organise, je règle mon workflow … Mais aujourd’hui l’outil que je veux vous présenter est UTILE À TOUS ! Pearltrees révolutionne la philosophie des favoris, signets et autres marque-pages en nous permettant de partager…

Lire la suite…

DEV & workflow

installer WordPress ~ WP Quick Install

Niveau : moyen ~ Pré-requis : Vous avez déjà installé un (plusieurs serait mieux) WordPress (http://fr.wordpress.org).   Je dois tourner autour des 20 à 36 WordPress installés depuis mes débuts en 2013, et faire et refaire cette ‘manoeuvre’ de manière répétitive vaut son pesant de clics et mérite d’être ‘uniformisé, calibré, automatisé, accéléré’. C’est la…

Lire la suite…

Astuces

afficher les fichiers cachés sous Mac

C’est un truc que notre formateur WordPress nous a montré et qui est bien utile quand on bidouille un peu dans le cambouis de Mac, par exemple pour la construction de sites et l’accès au fichier .htaccess, indispensable pour la sécurité et la ré-écriture des URLs : Comment afficher les fichiers cachés ? C’est tout…

Lire la suite…

THEMING & frameworks

frameworks & hybrid themes ~ what’s that ?

Bonsoir ! Dans ce billet, je vais vous rendre compte à ma manière de mes dernières recherches et avancées dans la construction de mon puzzle WordPress. A parcourir les groupes Facebook, en français et en anglais, dédiés à notre CMS préféré, beaucoup de vocabulaire, de nuances viennent se glisser dans les lignes. Une thématique qui…

Lire la suite…

Codex & WordPress

sécuriser son site WordPress : wp-config.php & .htaccess

Nous savons que le nombre d’extensions installées sur un site WordPress peut vite ralentir son chargement, car certaines sont bien gourmandes en ressources. La question que je me pose donc, c’est celle des moyens à ma disposition qui me permettent d’assurer la sécurité de mon site tout en évitant l’installation de plugins. La réponse à…

Lire la suite…

GRAPHISME & images

ça va jurer dans les chaumières !!

COULEUR PANTONE 2017 Un réflexe que j’ai ‘oublié’ d’avoir au passage vers 2017, ce fut d’aller chercher la Couleur de l’Année qu’édite Pantone® La voici ! Elle s’appelle Greenery et flotte sur une vague … le GREEN ! Voyez la vie en VERT !!!! quand tout autour de nous, bientôt plus rien n’est vert … Une…

Lire la suite…

DEV & workflow

la ligne de commande : astuces & mémo

La genèse de cet article est à rechercher ici, dans l’installation de Node.js et de Gulp pour la compilation et la minification automatique des fichiers de style Sass. Ce faisant, la confrontation à la ligne de commande, au Terminal sous Mac, est inévitable et, comme beaucoup d’entre vous j’imagine, je suis très très timide quand…

Lire la suite…

DEV & workflowLAYOUT & html & css

J’ai réussi à installer Gulp !! Sass, à nous deux !

Oui, pour moi c’est un grand jour !! Parce qu’en plus d’avoir réussi à installer un ‘manager de tâches’ via la ligne de commande (l’effrayant Terminal sur Mac…) et à mettre en place la compilation et la minification automatiques des fichiers de styles écrits en Sass, cela m’a imposé un exercice inédit que j’ai réalisé sans…

Lire la suite…

Codex & WordPressTHEMING & frameworks

wp_enqueue > bis repeTita !

Après la publication de mon dernier billet concernant l’accrochage de Zurb Foundation à Underscores, un très bon starter theme pour WordPress, on m’informe dans l’oreillette que la fonction wp_enqueue va encore bien plus loin que ça ! Du coup, comme j’en ai déjà parlé à plusieurs reprises et que j’apprends en même temps que je…

Lire la suite…

THEMING & frameworks

construction d’un starter thème avec Underscores & Zurb Foundation

Bon, maintenant que je vous ai en gros expliqué les différences entre frameworks purs, starter thèmes et WP thèmes frameworks, je vais vous raconter comment je m’y suis prise pour créer ma base faite d’Underscores & Zurb Foundation, c’est-à-dire comment j’ai mis ensemble un starter theme propre à WordPress et un framework qui est en…

Lire la suite…