@chriskirknielsen@front-end.social
@chriskirknielsen@front-end.social avatar

chriskirknielsen

@chriskirknielsen@front-end.social

🎨 Creative developer and CSS nerd at mojopsg.com
🤓 Enjoys '80s aesthetics, puns, gaming, movies, languages, and synths.
📍 From France, based in the US. (weird not-French accent)
💬 Pronouns: he/him

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

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

Hi Amsterdam

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@argyleink ❎ Bitterballen?

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/

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@nhoizey Not sure it helps but with Sass you can use $type: " "; and use unquote($type) in your shadow function, or --type: unquote($type); to convert any Sass variable to a custom property. It's cumbersome, for sure, and I wouldn't want to have to write it, but if you really have to…!

eric, to random
@eric@social.ericwbailey.website avatar

Yo, go buy @Wilto's zine. It rules. https://ericwbailey.website/published/multipage-version-zine-issue-one/

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@stvfrnzl @eric @Wilto Just to second that this looks really cool.

Steve, your comment made me think of @latte's website: https://anhvn.com/ _ figured I'd share in case you hadn't seen it already!

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

No one:

Absolutely no one:

Me: OKAY FINE! You can dynamically edit my CSS logo idea, now! Happy‽ (also downloads are for the non-edited version)

https://chriskirknielsen.com/css-logo/

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

We’ve always told devs that browsers prioritize what to implement based on dev demand.

There is one exception: .

SVG is used on >65% of websites. Yet, browsers have been refusing to work on SVG, ignoring pressure and pain points from web devs.

showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points

Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.

[1/2]

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@leaverou If you follow @anatudor, you'll see a lot of posts about SVG, with caveats "this works in X but not in Y, and this other thing works in Y but breaks in Z"… definitely would love to see SVG get some attention at least for interop!

robb, to random
@robb@social.lol avatar

Starting to think the custom og images I use are more hassle than they're worth.

Like if I toot a post I've done, the title is there anyway so the image doesn't really add anything.

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@robb I took mine away a few years ago because it was a bit of a pain to remember to make it (it was basically a complex URL built with Cloudinary's API and an Unsplash image, fun but ultimately not very useful).

For what it's worth, if you just used your logo in the small form factor, I'd click it all the same, though I could imagine variations like your "RK" logo and "Blog" sitting below in a smaller font size, still fitting in a square. (it's what I've been thinking about anyways!)

zachleat, (edited ) to random
@zachleat@zachleat.com avatar

📮 New blog post: An organizer’s retrospective on the 11ty Conference

https://www.zachleat.com/web/11ty-conf-retro/

A small look at what goes into organizing an inaugural online conference, including a detailed budget rundown.

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@zachleat I appreciate the breakdown and transparency for this! Also the event seemed to have gone without a hitch (besides a couple folks forgetting to unmute 🙊), so on the technical side, this ran super smoothly, very nice to see!

PS: "I’d definitely like to hire someone to design the t-shirt!" 👀

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@zachleat

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

my #11tyconf talk "Don't fear the cascade" starts in ~15 mins!

https://www.youtube.com/watch?v=iLxJ6PtuF9M
https://conf.11ty.dev/

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@hi_mayank Really enjoyed it, great job!

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@hi_mayank Ah yeah I switched servers after posting it and the one on here is a little bit of a joke. I'll post it again when I get on my personal laptop!

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@hi_mayank Whoops I went overboard and created a page: https://chriskirknielsen.com/css-logo/

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@mods @sarajw @hi_mayank Would it be best without transparency like this? Attaching both, just in case. :)

An unofficial CSS logo where the letters slightly poke out of a square outline, with a purple background; the square and text are transparent.

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@keithjgrant @hi_mayank Y– yes…? 👀 (it's a bug AND a feature — but I will have to fix that haha)

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