Articles de Geoffrey Crofte

Le 18 février dernier est sorti le dernier bouquin de Raphaël Goetter sur un aspect cette fois très précis de CSS : Flexible Box Layout Module (alias Flexbox). L’objet de ce bouquin est de démystifier le module en tentant une explication point par point, et surtout en plongeant le lecteur dans des cas concrets.

Vous connaissez certainement cette fonctionnalité un peu bizarre sur smartphone qui bloque l’action durant un certain temps (350ms) lorsque l’on tapote sur un élément ? Il existe pas mal de techniques en JS pour éviter ce délai, mais ça n’est pas toujours sans effet de bord… Il est possible de le faire en CSS désormais !

Nouvelle sélection pour cette presque fin de semaine. J’ai écarté dans cette sélection certains outils « en vogue » comme balloon.css qui pour moi n’apportent aucune nouveauté et affichent même bien trop de problèmes d’accessibilité. Petit ajout de la section « s’il fallait n’en retenir qu’un » inspiré du blog de Stéphanie.

Après un petit article sur l’effet vintage en CSS, voici une autre idée de l’exploitation des filtres CSS sur vos images grâce à la création d’un effet lomographie. Cet effet a tendance à augmenter les contrastes et la saturation des couleurs de la photo elle-même, ou d’un dégradé de couleurs, et peut parfois proposer des fusions d’images (par double exposition).

Plutôt dans l’air du temps en ce moment, le télétravail a pourtant encore beaucoup de mal à percer dans la plupart des entreprises pour lesquelles cette mise en place pourrait être un réel avantage. Souvent mal considérée par les personnes qui ne s’y sont jamais essayées, cette manière de travailler demande une volonté de fer et une forte rigueur.

Cela faisait un moment que je n’avais pas alimenté ce billet. Vous trouverez donc, pour cette fois, des outils et astuces fraîches et moins fraîches, mais vous n’avez probablement pas déjà tout vu (enfin j’espère :p). C’est donc l’occasion de jeter un œil sur ces quelques ressources.

Je fais rarement des comptes-rendus sur les événements web auxquels je participe, cependant celui-ci est un peu spécial pour moi, et a le mérite d’avoir été l’un des meilleurs auquel j’ai pu participé depuis un certain temps. Voici mon compte-rendu et mon expérience personnelle lors du WordCamp Paris 2016.

On parle beaucoup de l’importance d’avoir un site web rapide, pour le référencement, mais aussi et surtout pour vos visiteurs. Il existe un gros point noir aujourd’hui sur le web : le poids grandissant des images. Toujours plus lourdes et pourtant indispensables ! C’est là que Imagify intervient…

Non, je n’avais pas prévu cet article depuis la réception du premier mail des impôts m’indiquant que tous les paiements seraient à faire en ligne dorénavant. Je le fais sur un coup de tête, en live, avant de terminer mon paiement de la CFE. Oui, parce que comme beaucoup cette année, je paye cet impôt, si le site web du gouvernement me le permet…

Quelques ressources utiles pour ce début décembre avec notamment quelques joujoux en CSS et JS pour vous amuser avec les animations et les filtres, mais également des choses plus utiles comme le recadrage intelligent d’image ou l’autocomplétion permissive, ou encore des ressources pour du Growth hacking.

L’effet délavé en photographie est très en vogue en ce moment. Les utilisateurs de ces effets cherchent l’aspect Vintage, ils cherchent à donner une histoire à leurs photos en leur offrant une apparence vieillie, certains utilisent le terme « authentique ». Voyons comment reproduire cet effet également nommé « Vintage Washout » en CSS.

J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique. Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. (Dois-je utiliser un sticky menu ?) Mais quand même ! Je vous propose de voir ensemble comment on peut faire ça.

Pour cette vingtième édition des ressources du Web, rien de fabuleusement différent puisque je continue de faire une sélection très personnelle des ressources qui ont attirées mon attention dans différents domaines, souvent parce que je pourrais en avoir besoin, ou parce que je pense que cela pourrait vous intéresser. Varions les plaisirs encore une fois !

La semaine dernière est sorti un e-book très intéressant sur le sujet de la personnalisation de thème WordPress. Il est vrai que le domaine du thème personnalisé depuis un thème gratuit ou premium est un sujet très vaste et abordable par une multitude de profils différents, du non initié au professionnel. Relooker son thème traite de ce sujet.

Il y a quelques semaines, j’ai travaillé sur un court projet web : le site internet de la société WP Media. C’est une simple page avec quelques sections typiques et animations subtiles. J’étais prêt à le coder à la sauce Mobile First, et finalement j’ai pensé à une méthode plus naturelle, je l’ai appelée (Natural) Flow First.

Avec l’arrivée de WordPress 4.3 s’est soulevée une vague nouvelle de topics sur les forums officiels et non officiels liés à WordPress. En effet, WordPress a décidé de ne plus supporter le constructeur à la sauce PHP 4 comme la documentation officielle l’indiquait. (elle a d’ailleurs été mise à jour) Petit extrait de code rapide.

Il y a eu plein de nouveautés ces derniers temps. J’ai notamment découvert quelques petits scripts JS très intéressants et qui promettent de belles choses une fois sur vos sites web. Découvrez également quelques ressources graphiques avec pas mal de PSD et quelques icônes, ainsi que des liens d’inspiration et des astuces WordPress.

Vous n’avez pas pu louper la chose ! Et non, ce n’est pas juste un Doodle temporaire. Google a bel et bien refondu son identité avec notamment un tout nouveau logo très simplifié (en terme d’effets graphiques) et beaucoup plus « droit » que par le passé. Regardons rapidement cela ensemble.