Replies

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?

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
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)

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
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!

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!

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
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!)

rauschma, to CSS
@rauschma@fosstodon.org avatar

#CSS: AFAICT, it’s not possible to hide all HTML .fragment elements after one with the marker class .current

<ul>
<li class="fragment">One</li>
<li class="fragment current">Two</li>
<li class="fragment">Three</li>
</ul>

<div class="fragment">
First
</div>
<div class="fragment">
Second
</div>
<div class="fragment">
Third
</div>

Workaround via JavaScript: Add class .hidden to all .fragment elements and remove them, one by one (vs. “moving” class .current).

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@rauschma The selector you're after is .current ~ .fragment, :has(.current) ~ .fragment but I wrote it specifically for your example. A more complex DOM structure would require a more complex selector list.

chriskirknielsen, to 11ty
@chriskirknielsen@front-end.social avatar

I'm probably going to get a new laptop soonish, and when that happens, this little fella is going straight onto it! Such a cute character! (not pictured: a neat shirt!) #eleventy

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@cory Haha, well at least you have options if needed! 🙈

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

“DOM stands for DOMinic Toretto”

chriskirknielsen,
@chriskirknielsen@front-end.social avatar

@DavidDarnes DOM Elements don't got friends, they got parentElement and childNodes family.

  • 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