@anniegreens@social.lol
@anniegreens@social.lol avatar

anniegreens

@anniegreens@social.lol

On “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.
•—•
Header alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.

Avatar alt: A stylized avatar illustration of a woman with brown hair with gray streaks in a bun, rounded rectangular turquoise glasses, a laptop adorned with stickers, and a slight smirk.

https://proven.lol/f84024

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

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Newly added to my collection: <link-peek>!

Turn any regular anchor link into a rich preview (also known as an ‘unfurled’ link). Can be used with any JSON API and allows for custom templating.

Prefect for creating more visual interest on links without filling the page with additional HTML noise:

✍🏻 https://darn.es/link-peek-web-component/
📦 https://www.npmjs.com/package/@daviddarnes/link-peek

anniegreens,
@anniegreens@social.lol avatar
anniegreens, to random
@anniegreens@social.lol avatar

Hmm, well, I need to find a better way to get the card image on my @3x5 posts. So far not satisfied with how it is going: a) Mastodon drops OG images after a week; b) the OG preview isn't consistent; c) pulling the image from the content means the text would also be there and I don't know that I want that? but that is my next test case.

anniegreens,
@anniegreens@social.lol avatar

@robb oh! I will test that next then, thanks!

anniegreens,
@anniegreens@social.lol avatar

@robb follow-up: assuming it will pull the alt text too?

anniegreens, to random
@anniegreens@social.lol avatar

@nhoizey hey! I see you requested to follow me on one of my other accounts, and that is totally fine! I just want to be sure it is the account you intended. Sorry to make things difficult, I may have four Mastodon accounts 🫤 and the one you requested is mostly birds and gardening (which is awesome!) but this one is mainly web and front-end and wanted to let you know!

anniegreens, to random
@anniegreens@social.lol avatar

The plural of "echo" can be either "echoes" or "echos" but only one of them looks right to me.

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

Weblog Publishing Workflow: https://weblog.anniegreens.lol/2024/04/weblog-publishing-workflow

2024-04-12

anniegreens, to random
@anniegreens@social.lol avatar

Cooking bacon specifically to get a picture for the Micro.blog photo challenge today; I'm nothing if not dedicated.

anniegreens,
@anniegreens@social.lol avatar

@robb 🫡

anniegreens, to random
@anniegreens@social.lol avatar

New little project: I have an idea for a blog posting month thing in May. I might have already alluded tot his with a recent set of questions, and though I particularly want to include folks from omg.lol and those using weblog.lol (the name goes with this) anyone can participate.

I'll be creating a one-pager with some info, it'll be informal and participation will be loose, but maybe we can use a hashtag. More to come!

GoOz, to 11ty French
@GoOz@mamot.fr avatar

Currently looking for an #11ty plugin to actually render a social card in a post, not to be confused with a plugin that generate the cool meta tags in order to get a nice looking card on other websites.

Anyone got that somewhere? at the bottom of a pocket maybe?

anniegreens,
@anniegreens@social.lol avatar

@DavidDarnes @cory @nhoizey @GoOz @nicod @lene oooh I might try this in a few locations, will let you know! It would go very well with using EchoFeed to my microblog where the echo only includes a link

anniegreens,
@anniegreens@social.lol avatar

@DavidDarnes getting there!

anniegreens,
@anniegreens@social.lol avatar

@DavidDarnes I just bought you some coffees!

bw, to random
@bw@social.lol avatar

It’s CSS Naked Day! https://blakewatson.com/

anniegreens,
@anniegreens@social.lol avatar

@bw I thought it was tomorrow? ie, I still need time to prepare 😆

also, did you disable JS or just CSS?

anniegreens,
@anniegreens@social.lol avatar

@bw "script" lol I'm all manual, baby!

anniegreens,
@anniegreens@social.lol avatar

@sarajw @bw yeah, I am doing a little testing to see how it might work, and if I decide to go through with it

maybe I can come up with a better way to do it in future years!

anniegreens,
@anniegreens@social.lol avatar

@sarajw @bw well, I've done some preliminary testing and it may be more trouble than it is worth at this time; my SVG icons will need to be handled and I don't really want to spend the rest of today doing that

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

I'm doing an accessibility ticket at work! Hooray! Couldn't be happier!

anniegreens,
@anniegreens@social.lol avatar

@yatil @sarajw @hi_mayank shut the front door! I hope you write about this!

(sorry to interject, but i follow all three of you and am witnessing your convo—great convo btw!)

anniegreens,
@anniegreens@social.lol avatar
robb, to random
@robb@social.lol avatar
anniegreens,
@anniegreens@social.lol avatar

@robb 👀

anniegreens,
@anniegreens@social.lol avatar

@robb congrats Robb!

anniegreens, to random
@anniegreens@social.lol avatar

📝 What I've learned about CSS color-scheme and friends. (https://weblog.anniegreens.lol/2024/04/what-ive-learned-about-css-color-scheme-and-system-color)

CSS color-scheme tells the browser what scheme a website supports, ensuring proper contrast with elements and controls between light and dark color schemes, and a whole lot more.

anniegreens,
@anniegreens@social.lol avatar

@sarajw can’t wait to see it/hear it if you make it available online!

anniegreens,
@anniegreens@social.lol avatar

@sarajw I definitely want to play around with a strictly system colors theme and see how far I can take it and what I discover!

@eladnarra

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

Now I can go to bed happy in the knowledge that I did indeed learn HTML from Word back in 1998!

https://front-end.social/@sarajw/112220736071571763

anniegreens,
@anniegreens@social.lol avatar

@sarajw glad to see this endeavour was productive!

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