@nhoizey@mamot.fr
@nhoizey@mamot.fr avatar

nhoizey

@nhoizey@mamot.fr

I wrote my first HTML page in 1996, and since I advocate a pragmatic use of Web technologies, defining and applying good practices: progressive enhancement, accessibility, performance, etc.

I'm also a self-taught amateur photographer. I love to travel to discover new horizons and people, shooting both nature and urban landscapes, and many other topics.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

matuzo, to random
@matuzo@front-end.social avatar

I was surprised to learn that Robert Pattinson played Batman.

Which actor comes to your mind first when you hear “Batman”? For me it's Christian Bale. Before him probably George Clooney...lol just kidding. Michael Keaton, I guess.

nhoizey,
@nhoizey@mamot.fr avatar

@matuzo what about Ben Affleck ? 😅

zemoko, to random French
@zemoko@mamot.fr avatar

Tu crois ? Hummmm… je suis moyen sûr quand même 😅🤣

nhoizey,
@nhoizey@mamot.fr avatar

@zemoko tu oses insinuer que LinkedIn ment ?! 😱

nhoizey,
@nhoizey@mamot.fr avatar

@zemoko ah si c'est ton seul frein, dis leur que t’as le permis vélo ! 🤣

nhoizey, to photography French
@nhoizey@mamot.fr avatar

“Frozen nudity” by Emile Horizon

🔗 https://www.flickr.com/photos/55604440@N02/53734012593/

> The axiom nudity = money, is very sick and I’m afraid this will have consequence with the time on many levels of our culture. And obviously, internet with this logic of censoring/making pay will ruin something in Arts, when free porn will remain out of control and available everywhere. It means that anyone will have more chance to meet nudity in raw porn stuff,…

#photography #Flickr #society #art

⚓️ https://nicolas-hoizey.com/links/2024/05/21/frozen-nudity/

GoOz, to random French
@GoOz@mamot.fr avatar

De temps en temps je passe sur #linkedin et à chaque fois je me demande ce que je fous encore là-bas.
Ça ne m’a jamais rien apporté si ce n'est des mailings non sollicités et de voir des anciens collègues (pas tous hein) parler en mode corpo-bullshit ça me désole tellement, vous pouvez pas savoir.

nhoizey,
@nhoizey@mamot.fr avatar

@GoOz je suis à deux doigts de fermer mon compte. Une nouvelle fois… 😅

nhoizey,
@nhoizey@mamot.fr avatar

@GoOz la première fois je l'ai vraiment fermé. Je l'ai réouvert pour reprendre contact avec une personne dont je n'avais pas les coordonnées. Je l'ai depuis conservé, mais en gros je ne fais que relayer les communications corpo.

nhoizey,
@nhoizey@mamot.fr avatar

@julienw 🤣

@GoOz

isellsoap, to webdev
@isellsoap@mastodon.social avatar

Do you know of any spec efforts to make responsive image for video poster possible? #html

🔗 https://isellsoap.net/notes/2024-05-30-07-44-24/

nhoizey,
@nhoizey@mamot.fr avatar

@isellsoap what a coïncidence! @scottjehl wrote about it yesterday: https://scottjehl.com/posts/rwd-video/

mia, to 11ty
@mia@front-end.social avatar
  1. A folder full of images
  2. Add
  3. Loop over images to create pages
  4. A static image site!
  5. ???
  6. It's easy to add/edit alt text & captions now

What's step 5? A markdown file for every image? That sounds painful. A single json or yaml file mapping images to metadata? Maybe better? Could get out of hand. Some very simple CMS? Other ideas?

nhoizey,
@nhoizey@mamot.fr avatar

@mia this is what I do for my photography site.

Step 5 is a Node script that creates Markdown files for each image with data extracted from EXIF/IPTC (title, description, alt text, geolocation, gear, camera settings, etc.), but also generates thumbnails.

https://github.com/nhoizey/nicolas-hoizey.photo/blob/main/_scripts/sync-photos.js

I use Lightroom for step 6.

nhoizey, to chrome French
@nhoizey@mamot.fr avatar

“netbeep: Chrome extension to play sounds on network requests, depending on request type and file size” by @combatwombat

🔗 https://github.com/combatwombat/netbeep?tab=readme-ov-file

> Chrome extension to play sounds on network requests depending on content type and domain. Higher pitch for bigger files.

Reminds me a lot of Tracker Beeper!

⚓️ https://nicolas-hoizey.com/links/2024/05/21/netbeep-chrome-extension-to-play-sounds-on-network-requests-depending-on-request-type-and-file-size/

nhoizey,
@nhoizey@mamot.fr avatar

@combatwombat oh! 👍

nhoizey, to CSS French
@nhoizey@mamot.fr avatar

How should I read the values for box-shadow-position in the formal syntax of box-shadow on MDN?

It says <box-shadow-position> = [ outset | inset ] which I read as: the value is either outset or inset. But I know outset is not supported. It is the default behavior, not the default value.

Maybe I need a documentation of these formal syntaxes… 😅

#CSS #MDN

⚓️ https://nicolas-hoizey.com/notes/2024/05/29/1/

nhoizey,
@nhoizey@mamot.fr avatar

About this, I'm trying to decide how to define box-shadow types (inset or not) in Design Tokens with CSS Custom Properties or Sass variables.

CSS Custom Properties can have an empty value:
--shadow-type: ;

But Sass variables can’t, they require the null value:
$shadow-type: null;

Then the CSS/Sass also needs to be different… 😞

More in this @codepen : https://codepen.io/nhoizey/pen/RwmKJWY

nhoizey,
@nhoizey@mamot.fr avatar

@vincent ah oui, mon « then » était à voir comme « en plus » et non comme « en conséquence »… 😅

nhoizey,
@nhoizey@mamot.fr avatar

@vincent notamment, c'est embêtant de devoir appeler la fonction shadow() deux fois dans le code.

Mais en fait, je ne devrais au final pas avoir ce problème. Dans nos tokens on aura différentes variables avec chacune leur valeur, pas une unique variable qui change de valeur.

JiminyPanoz, to random French
@JiminyPanoz@piaille.fr avatar

Si tu cherches un GPS vélo sous la barre des 500 euros (ndlr : 😬) le faiseur de pluie de DC vient de lâcher son méga comparatif : https://youtu.be/9awgCtgmaus

nhoizey,
@nhoizey@mamot.fr avatar

@JiminyPanoz moi j’attends la conclusion de @n1k0 qui est en train d'en comparer deux… 😁

(Depuis un certain temps il me semble.)

nhoizey, (edited ) to random
@nhoizey@mamot.fr avatar

If you use your analytics data — or public data like StatCounter (as Can I Use) — to know market shares and define when you can drop support for old Web browsers/versions, is the value you use:

nhoizey,
@nhoizey@mamot.fr avatar

@zemoko you're right, but what better option do we have?

nhoizey,
@nhoizey@mamot.fr avatar

@zemoko log analysis is a form of analytics.

But it has bias too, because of caching/CDNs, and difficulty to remove the large variety of bots.

nhoizey, to random French
@nhoizey@mamot.fr avatar

Is that the hashtag to use for waterfalls shaming websites with really bad #WebPerf? 🤔
https://mastodon.bot/@trending/112525334902480602

halide, to random
@halide@mastodon.social avatar

Introducing: Kino. Our take on pro video for iPhone.

Beautiful video made easy. One-tap cinematic color, perfect motion, and tons of pro features — great for film pros, but simple enough for the rest of us.

http://www.shotwithkino.com

nhoizey,
@nhoizey@mamot.fr avatar

@halide 👍

nhoizey, to UX French
@nhoizey@mamot.fr avatar

Merci #LeroyMerlin, c'est vraiment comme ça que j'ai envie de trouver un miroir dans des dimensions qui m'intéressent… (et la liste continue) 🤡 #UX

nhoizey,
@nhoizey@mamot.fr avatar

@pasqualeberesti c'est quand même dingue… 😞

nhoizey,
@nhoizey@mamot.fr avatar

@pasqualeberesti bin pareil, donc je vais voir ailleurs, donc ils perdent un client potentiel. 🤷‍♂️

simevidas, (edited ) to random
@simevidas@mastodon.social avatar

Is <img loading=lazy> good enough for your websites, or do you still need to use a JavaScript lazy-loading library for advanced functionality, consistency, or other reasons?

nhoizey,
@nhoizey@mamot.fr avatar

@simevidas sometimes I want more control for when images are loaded.

For example some images need to be loaded immediately after the page’s initial rendering, but before any user action. The second item in a carousel, images in a mega menu, etc.

nhoizey,
@nhoizey@mamot.fr avatar

@simevidas it’s not enough.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • mdbf
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • tacticalgear
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • lostlight
  • All magazines
    •