#Design #Collections
Fancy Components · Design elements and micro-interactions for your inspiration https://ilo.im/1633p5

_____
#MicroInteractions #Animations #UxDesign #UiDesign #WebDesign #React #TailwindCSS #Development #WebDev #Frontend

I know that the economy is actively in freefall right now, but I am glad that after 4-6 months of chewing on the problem; I’ve written an 8.2K word guide on overhauling the view layer for a Rails app. It should go live by the end of the week, still getting reviews on the first draft.

#pipe #newpipe #adblocker #frontend #software #internet #FOSS #FLOSS #Libre
Anyone know what's up with the pipes? None of them seem to work right now but I haven't seen much online about it. I think one gave an error message talking about "new youtube rate limits" but idk. Even with adblock using the site is a much worse feel, so how long you think till the holy coders get this fixed?

#Development #Guidelines
Baseline, more than a rule of thumb? · “Don’t use Google’s Baseline to decide which web features to use.” https://ilo.im/1636ud

_____
#Baseline #Interoperability #Browser #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS #JavaScript #API

We're kicking off the week with a great case study on Ciel Rose, a beautifully crafted website by Yanis Lebzar and Gabriel Foulon.

Take a look behind the scenes and explore the seriously smooth WebGL work and the challenges they overcame along the way.

Read it here: https://tympanus.net/codrops/?p=90129

Fun Safari bug : `drop-shadow()` does't take transforms into account https://bugs.webkit.org/show_bug.cgi?id=218734

Saw a @codepen demo using... a lot! of elements (screen 1) and quite a bit of #CSS to create a simple loader, so I forked it and made a 1 div version (screen 2) in under 30 CSS declarations (gradients, mask, variables to only change --c0 and --c1 values for 2nd loader): https://codepen.io/thebabydino/pen/PwoLJLR

Mastodon - can you help me out?

If you can test on actual Safari (not another browser), does https://codepen.io/thebabydino/pen/EaxJmwJ?editors=1100 look the same for you as it does in my Epiphany screen? Or does the `conic-gradient()` cover the entire area?

Retoots appreciated if you cannot test. Thanks!

PS: Yes, I know it does NOT work in Firefox or Chromium browsers https://github.com/web-platform-tests/interop/issues/717

#Development #Guidelines
Tweaking text level styles (reprised) · Guidelines for HTML ‘mark’, ‘del’, ‘ins’, and ‘s’ https://ilo.im/1636wq

_____
#Text #Accessibility #ScreenReader #Print #Browser #WebDev #Frontend #HTML #ARIA

I'm thinking of introducing a little bit of #JavaScript to my eleventy site. Currently, my site is html and css files only but I would like to give the option for a viewer to set light or dark mode. By default, I will read the media query to determine what a user prefers but I would like to allow a user to manually switch between the modes too.

Dumb idea?

Here's a "fun" Chrome zoom bug https://issues.chromium.org/issues/408752827

#SVG #bug #svgBug #ChromeBug #code
#web #dev #webDev #webDevelopment #coding #frontend