Kevin Pennekamp's Avatar

Kevin Pennekamp

@crinkles.dev.bsky.social

50 Followers  |  442 Following  |  10 Posts  |  Joined: 20.11.2023  |  1.7114

Latest posts by crinkles.dev on Bluesky

Slightly Enhanced Sticky Revealing Footer

Slightly Enhanced Sticky Revealing Footer, by @crinkles@indieweb.social:

https://crinkles.dev/writing/enhanced-sticky-footer/

#navigation #css #javascript

30.06.2025 06:30 β€” πŸ‘ 3    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
The Mythical Magical Button

The Mythical Magical Button, by @crinkles@indieweb.social:

https://crinkles.dev/writing/the-mythical-magical-button/

#buttons #css #customproperties #customdata #html

26.06.2025 06:30 β€” πŸ‘ 0    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Preview
The mythical magical button How to create a minimal stylesheet with modern CSS that allows you to create a whole new range of buttons with just a single custom property.

How to create a minimal stylesheet with modern CSS that allows you to create a whole new range of buttons with just a single custom property. #css

crinkles.dev/writing/the-...

25.06.2025 07:14 β€” πŸ‘ 2    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Preview
Slightly enhanced sticky revealing footer Andy Bell showed a nice little UI effect with his β€œsticky revealing footer”. However, on some pages, the experience was mediocre. A quest was started to improve it.

In the end, I did steal it (😈). But on some pages with little content it would by default show like half a revealed footer. As I found that to be not so nice, I went a a small quest to enhance it a little bit.

crinkles.dev/writing/enha...

17.06.2025 20:00 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Well, this is a plus for Bluesky over Mastodon... Changing your handle? No issues! But on Mastodon you have to create a new account, set up some things... and start a migration for all your followers. Only to be stuck after 5....

16.06.2025 18:38 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I love this one, stealing it 😱 thanks!

09.06.2025 20:11 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

β€œYou might be familiar with SPAs, and MPAs, or actually RFWS (
Regular Fucking Web Sites)” β€” @cydstumpel.nl #CSSDay

05.06.2025 12:13 β€” πŸ‘ 76    πŸ” 14    πŸ’¬ 2    πŸ“Œ 1
Understanding Success Criterion 1.4.10: Reflow | WAI | W3C

This has been a long time coming - but I'm glad to report that the vast majority of WCAG's Reflow Understanding document has been rewritten.

Lots of work and discussions in our attempt to make what Reflow actually requires more... well... understandable.
www.w3.org/WAI/WCAG22/U...

04.04.2025 15:52 β€” πŸ‘ 30    πŸ” 9    πŸ’¬ 1    πŸ“Œ 0

I am still on the fence what is better.... Mastodon or Bluesky. I've heard several talking about how Bluesky is better. I don't see the negativity of others on Mastodon, or the upsides on Bluesky. I do get random spambots following me on Bluesky but not on Mastodon.

28.01.2025 17:33 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Apparently that is not the only difference I found in Safari.. date pickers allow for more flexibility… (like the year 20255). Not all databases like that you know.

07.01.2025 10:46 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
GETting your IP Address with CSS - and other 32 bit API responses - without JavaScript! Just over a week ago while scrolling YouTube shorts after work on a Friday, looking for something to...

Want to know exactly how the CSS GETting your IP Address thing works?

I wrote an explainer, lots of narrative exposition but easy enough to skip to each of the CodePen examples to learn exactly *HOW* it works.

Plus... it ends with a teaser of what comes next! πŸ‘½πŸ’š

dev.to/janeori/gett...

06.01.2025 18:48 β€” πŸ‘ 35    πŸ” 12    πŸ’¬ 1    πŸ“Œ 4
Preview
HTML Is Actually a Programming Language. Fight Me In fact, HTML is the most significant computing language ever developed. Underestimate it at your peril.

i bet the hackernews comments are like the fuckin thunderdome www.wired.com/story/html-i...

06.01.2025 21:08 β€” πŸ‘ 52    πŸ” 8    πŸ’¬ 1    πŸ“Œ 1
Preview
A modern picture showcase using CSS My newest favorite way to create adaptable and flexible layouts is by using grid template areas. Especially combined with other modern CSS solutions it becomes extremely powerful. In this article, I u...

My newest favorite way to create adaptable and flexible layouts is by using grid template areas. Especially combined with other modern CSS solutions it becomes extremely powerful.

crinkles.dev/writing/a-mo...

06.01.2025 20:52 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Today I learned Safari cannot parse β€œnew Date(β€˜2025-01-06 β€˜)" (see that additional space at the end?), while other browsers have no issue with it. Just gotta love web development sometimes....

06.01.2025 11:51 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
I cannot wait for the CSS @function In my quest to apply as much cool CSS tricks as possible, I encountered an issue that navigated me towards a new and exciting CSSWG draft.

The contrast β€œtrick” from @devongovett.bsky.social led me on a small journey where I stumbled upon the @function and @mixin module draft of the CSSWG #css

crinkles.dev/writing/i-ca...

29.12.2024 16:02 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

Here's a little pure #CSS diagonal #scroll demo I made last year on @codepen.io using scroll-driven animations codepen.io/thebabydino/...

29.10.2024 15:39 β€” πŸ‘ 19    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Preview
I cannot wait for the CSS @function In my quest to apply as much cool CSS tricks as possible, I encountered an issue that navigated me towards a new and exciting CSSWG draft.

The contrast β€œtrick” from @devongovett.bsky.social led me on a small journey where I stumbled upon the @function and @mixin module draft of the CSSWG #css

crinkles.dev/writing/i-ca...

29.12.2024 16:02 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

Wait? What? – I don’t … HUH?! πŸ˜΅β€πŸ’«

29.12.2024 13:19 β€” πŸ‘ 16    πŸ” 6    πŸ’¬ 1    πŸ“Œ 0

git commit -m "fuck off typescript"

23.11.2024 11:31 β€” πŸ‘ 231    πŸ” 7    πŸ’¬ 26    πŸ“Œ 2

πŸ‘‹

19.11.2024 14:08 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

@crinkles.dev is following 20 prominent accounts