Can you guys help me find this:
There was an animation toolkit that was tailwind-like that I saw 6-7 months ago. It might have been animxyz, but I don't think that was it.
Used html attributes I think, not css classes. JS-based, declarative.
Can you guys help me find this:
There was an animation toolkit that was tailwind-like that I saw 6-7 months ago. It might have been animxyz, but I don't think that was it.
Used html attributes I think, not css classes. JS-based, declarative.
Web app "Meton" calculating lunar phases, with enhanced eclipse prediction indicators for both lunar and solar eclipses. DM me for more details.
One thing I want from #GitHub.
`feColorMatrix`: swap channels ☆ interactive demo, adaptive layout - check it out on @codepen https://codepen.io/thebabydino/full/QWopRMK
An interactive, responsive demo illustrating how `feColorMatrix` can be used to swap channels. Another very special one.
#SVG #filter #svgFilter #JS #interactive #javascript #code #coding #frontend #CSS #web #dev #webDevelopment #webDev #cssGrid #cssLayout
Behind the demo https://mastodon.social/@anatudor/112242678457752295
Well, I like these features from the get-go.
A frustration question: is there a method (or whatever) in #DOM #JS to get the computed pixel equivalent of a given #CSS length value? Even better, of a given CSS length-percentage value? I’m doing a thing where converting to pixels is necessary for understanding, but I don’t want to have to write my own unit conversion code if I can possibly avoid it. Yes, including the “create an element, assign it the value you want, count the pixels” conversion hack.
@ryanc how do you handle browsers that don't do #JS like #LynxBrowser?
@ryanc using #JS #Malware to protect against #Bots is just as bad as #CryptoJacking.
NaaS – No-as-a-Service
No-as-a-Service (NaaS) is a simple API that returns a random rejection reason. Use it when you need a realistic excuse, a fun “no,” or want to simulate being turned down in style.
850
No SVG, no image fluid slider https://codepen.io/thebabydino/pen/qByGqOm
#JS used only for
a) feature support detection
b) updating slider value in --val
Uses only
1 × input[type=range] for actual slider
1 × output for current value display
1 × datalist for ruler
One of my best sliders on @codepen.
PS. Here’s the source code:
https://codeberg.org/small-tech/site/
Interesting places to look include:
• https://codeberg.org/small-tech/site/src/branch/main/admin%F0%9F%94%92
• https://codeberg.org/small-tech/site/src/branch/main/fund-us
• https://codeberg.org/small-tech/site/src/branch/main/app_modules
• https://codeberg.org/small-tech/site/src/branch/main/Main.layout.js
shopify embracing web components. lightdom web components no less.
love to see it.
909
neon hex https://codepen.io/thebabydino/pen/zGmdep
Most people know my CSS stuff, but this was my most hearted @codepen demo for some three quarters of a decade... and it's a #canvas one! The #JS feels dated nowadays, but oh, well... still got a soft spot for this one.
Here's a little image gallery demo I made on @codepen
https://codepen.io/thebabydino/pen/LEYrVaE
Almost pure #CSS. Minimal #JS for changing the index of the current image on click.
For the how ensuring the #3D rotated side images have a given 2D projection on the screen, see https://stackoverflow.com/a/75063640/1397351
Time for a new #introduction:
Hi, I'm Michael and I’m on a #jobsearch.
For the past ten years I’ve been a full stack #webDeveloper for a company in #Nashville that sells #prepping supplies.
They went from a startup to a well-established brand, then the economy started collapsing.
I love working with #vue and #nuxt, but I’m great with #react and pretty much any modern #js framework.
Open to #remoteWork in the US and local in-office work in the #nashvilleTN area.
@leberschnitzel shure. Take your time.
Espechally since #JavaScript gets universally blocked by users of @torproject / #TorBrowser like myself simply because every single piece of #JS I came across was not "technically necessary" if not outright #malware designed to do #Cryptojacking, #BrowserFingerprinting and/or steal logins.
This month's performance hero is a person after my own heart – someone who is passionate about building a secure, accessible, performant web for EVERYONE, and who always leads with a deep compassion for users. Let's all join in celebrating Alex Russell (@slightlyoff)!
https://www.speedcurve.com/blog/performance-hero-alex-russell/