As I see it, margin, padding and border are safe as houses but there is evil out there, such as the flex shorthand. thoughtbot.com/blog/when-to...

When to use (and not use) CSS shorthand properties

A case for verbosity in CSS properties.

thoughtbot.com

A quick demo of what some guestbook/postcard entries might look like (Hopefully they're not all in Latin for the real thing!) Now with country-specific post marks, date, and a possible shoe print from when it got dropped on the floor. #CSS

Fallen down a bit of a postage rabbit hole! Specifically postmarks. Went looking for inspiration and found this treasure trove: www.stampsoftheworld.co.uk www.stampsoftheworld.co.uk/wiki/Goteborg (Example page with some cool images from the get go)

Survived a trip into the city (Lisbon is lovely, I just struggle in _any_ city); Came back with The Goods® 🌶️

Guestbook! 🥳 I had fun putting this together over the weekend. Still some changes to be made, but it's all working well enough. It allows switching to a monospaced font to better accommodate anyone wanting to send some ASCII art, and a choice of card design/stamps ☺️ #CSS #Frontend

Christian Alder@hejchristian.com · 5d ago

Guestbook on my site? Guestbook on my site.

idreesinc.itch.io/pocket-bird

The LH unit in CSS is cool! In my new article, I wrote about it and shared my favorite demos. ishadeed.com/article/lh-u...

I picked the worst time to start thinking about a custom PC build huh. FFS.

Guestbook on my site? Guestbook on my site.

Finally did a little update to my homepage, including a creepy photo that follows you, some fun riso css that is practically unreadable, and some projects I've been working on (the good bit). www.lurkmoophy.com

@wil.to of JavaScript for Everyone fame here breaking down the secret third option for JavaScript comments.

Do I know anyone well versed in lizards on here? especially the Moorish Gecko? I have some concerns over one lil lizzy pal spotted yesterday while I was taking some photos 🦎, and would like to do some learning - Please feel free to message here or DM.

Sat outside with the camera until the battery died, macro lens attached. This is of just _two_ subjects 👀 I might not have enough space to import these 😬 #Photography

Some real quick tests and thoughts; CSS mask-image as .png, .jpg, or clip-path with a SVG? the SVG path is about 6kb, but I squished the .png down to about the same. The image would cache whereas that svg path is baked into every page 🤔 I'm settling on .png, feels like the right call for this.

Christian Alder@hejchristian.com · 6d ago

So fibery 🤩

Personal site redesign posts are back babey

Piccalilli@piccalil.li · 6d ago

I'm adding existing markdown and front matter to re-produce what I already had with the music collection, but this time, in Astro. piccalil.li/projects/per...

Ok, so I guess I couldn't miss the chance to get a bit artsy crafty ☺️ Don't worry, no paper will be wasted! I'm already using some offcuts, and I'll use these for little reminders before I'm done with them.

Christian Alder@hejchristian.com · 6d ago

I'm torn (heh) between the SVG, or good ol' raster image route, for a torn paper effect on my heading blocks. Raster has the benefit that it'll cache, so maybe 2-4 different images would be enough to get a nice effect. SVG would scale and stretch good, but needs plenty of points to look good. 🤔

I'm torn (heh) between the SVG, or good ol' raster image route, for a torn paper effect on my heading blocks. Raster has the benefit that it'll cache, so maybe 2-4 different images would be enough to get a nice effect. SVG would scale and stretch good, but needs plenty of points to look good. 🤔

Christian Alder@hejchristian.com · last mo.

I've been playing around with 11ty addTransform a bit: www.11ty.dev/docs/transfo... It's worked great so I can keep writing in markdown, ## Section Title, optional description and turn it into <header class>  <h2 class><a href>Section Title</a></h2>  <p>optional description</p> </header> 🤩

This is such a lil detail, but it felt wrong without it? 🙃 if item.observationCount > 1, apply Tipp-Ex® #CSS

I was told there would be a _big_ moon last night? 🌕️🤷 It was nice and golden tbf, I'll give it that.

Ken Jeong Struggles to Read Tiny Paper

Alt: GIF of Ken Jeong playing Señor Chang in the TV Show Community; Here he's in a red shirt and squinting dramatically at a tiny piece of paper in his hands, mocking what he's holding because it's so small he can't read it.

static.klipy.com

In honour of how hot it is I did a little pen that melts text on hover using SVG filters and CSS: codepen.io/editor/lurkm...

Melty text using SVG filters

A code demo by Luke created on CodePen

codepen.io

Oh gah I really need to keep up with the CSS Joy applicants... Sorry to anyone who is waiting on me! To everyone else, enjoy a browse: cs.sjoy.lol (If you come across a broken site, or one with missing or unfindable webring links, let me know!)

It's a lil thing, but I'm really happy with the /random page, as inspired by this approach: hamatti.org/posts/random... It can also be visited with a URL Search param, enabling us to remove the countdown! Which is useful for jumping into a random blog post or such without waiting each time. #11ty

This will do nicely! Artisanal websites innit ☺️ Any endangered or spicy (toxic) species will get an additional sticky note attached to warn of such - with links for more reading further down the page.

Christian Alder@hejchristian.com · last wk.

I am once again folding and scrunching up paper so I can get that quality, handcrafted, farm-to-table fresh paper crease texture experience. One of them might become a treasure map 🤫

I am once again folding and scrunching up paper so I can get that quality, handcrafted, farm-to-table fresh paper crease texture experience. One of them might become a treasure map 🤫

RE: https://mastodon.me.uk/@Floppy/116940067151749214 This is actually happening; we're building a community to execute a bigotry-free #Rails fork (29 people and increasing at time of writing). Come join us, we need your help and expertise. https://matrix.to/#/#amiko:matrix.org

James Smith 💾@floppy.org.uk · 3w ago

I am ashamed of the fact that I’m stuck on #Rails because of the sunk costs of what I’ve already built, as are *so many* other project like Mastodon. We cannot “just move”, the cost is enormous. The Rails core team seem utterly compromised and under his spell. Nobody will speak out. We need a […]

Anyone used an Android device which has "macro"-photography as one of its main features? That's probably the one and only feature I'll care most about in a new phone as its a great aid in taking nature observations ☺️ Will be coming from an iPhone 14 Pro.

We recently trimmed back a bush along our driveway and left all the cuttings where it fell in the neighbors field. Growing up in a town, it felt wrong to just leave it? But today I saw/heard the absolute joy in 20+ sheep as they came running, jumping, and baa-baa'ing for their fresh snack 🌱🐑

wild geese. photopolymer print, made at the center for book arts in nyc

charli xkcd@ky.fyi · 2w ago

digital collage i made today

Whoever came up with this connector for the wifi antenna wires is not a nice person. Laptop screen hinge repaired 👍️ Wifi card short an antenna due to broken connector 👎️

I've hardly been on socials the past week and a bit. Only posted a couple of pics, and hardly ever opened it up to scroll with whatever downtime I might have through the day. I've not missed it, I might even say I've felt good, not being on it so much 🤔 Maybe I should keep this up.