Co se Tangerine UI týče, jsem poněkud rozpolcen. Sice se snažím “komunitní” fork vedený Mattem podporovat, ale vzhledem k tomu, že z jeho strany chybí prakticky jakákoliv komunikace, obávám se, že se z toho stáhnu.
To si raději udělám svůj fork se vším všudy.
𝗦𝘁𝗮𝗻𝗱𝗮𝗹𝗼𝗻𝗲 𝗽𝗮𝗿𝗮𝗹𝗹𝗮𝘅 𝘀𝗰𝗿𝗼𝗹𝗹𝗶𝗻𝗴 𝘄𝗶𝘁𝗵 𝗖𝗦𝗦 𝘃𝗮𝗿𝗶𝗮𝗯𝗹𝗲𝘀:
https://thewhale.cc/posts/standalone-parallax-scrolling-with-css-variables
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
So…here’s something super cool that probably only 3 people will care about.
Last week I submitted my entry into a @codepen challenge. They’re just for fun, inspiring you to think of creative ways to design/code something interesting.
I’ve never done one before. I just noticed that they chose my entry for their collection.
It’s silly and not very important. But I like that they chose mine. It makes me happy.
If you want to see it:
https://codepen.io/markwyner/live/PwWmVjJ
I thought it would be fun to “draw” and animate a scene with words and colors as the focus. So that was the route I took.
What a fantastic post by @jaffathecake totally packed with modern CSS. I learned a tonnes from it!
> Here's the full CSS for the picker, which adds the margin to the viewport, applies a minimum size, and a maximum size, all in one place to copy-paste and for LLMs to steal
What’s !important #14: Gap Decorations, “random()”, “<select>” Field Sizing, and More, by @dxnny.fun (@csstricks):
https://css-tricks.com/whats-important-14/?ref=frontenddogma.com
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss!
I love CSS, but it isn’t perfect. Even the CSSWG admits so, with a published list of design mistakes.
FixCSS is a little library that tackles these mistakes and presents the CSS syntax that could have been. A fun little look at an alternate universe.
▶️ Like simple websites without JS?
▶️ Like the ability to embed large photos?
▶️ Hate how slow a page with large photos will load on mobile?
▶️ Hate seeing sometimes huge layout changes and things moving around until all images have been mostly loaded?
Then consider upvoting this HTML/CSS proposal to make browsers understand low res and high res versions of images:
https://github.com/w3c/csswg-drafts/issues/11691
(So that we can stop hacking solutions in JS that are bloated, slow, and cause compatibility issues.)
#CSS #web #html #webstandards #w3c #webdesign #webdev #opensource
Problem statement: I sometimes talk to people from countries with rather limited internet speed, or also rather limited internet total traffic contingent available. I also often encounter myself on...
が結構大きな領域を占めていると思っていて、だからこそデザイナーとして「最終的な素の CSS 記述を担保すること（自分で書いたり）」に結構やりがいを感じているという部分がある🔴 An animated radial gradient mask over text in CSS
by @cassidoo
I saw a cool text effect on Nikhil’s blog recently, where the big “Hello!” on his website has some rings masking the word “hello” ...
#gradients #css #webdev
Daniel Šnor
The whale
Mark Wyner Won’t Comply 
Paweł Grzybek
Frontend Dogma
Nathan Knowler
Vale
ell1e coding things
GENKI
pablolarah