CSS Houdini resources and news, and https://nitter.gq/t.co/iTC5vj0jqh contributors #css #cssHoudini
window.CSS
Joined February 2019
- Tweets218
- Following97
- Followers795
- Likes562
CSS Houdini retweeted
What is CSS Houdini?
➥ What it brings to the table
➥ Benefits of CSS Houdini
➥ Examples & Resources
A Thread 🧵
CSS Houdini retweeted
🚨 The State of CSS 2022 survey is out! 🚨
If you write CSS, please take this survey! 🙏🏼
It really helps us understand where the community is and how to best support you 😁
Check it out here ⬇️⬇️⬇️
survey.devographics.com/surv…
CSS Houdini retweeted
🔖 Core Web Vitals Tools To Boost Your Web Performance Scores on @smashingmag
smashingmagazine.com/2022/08…
Treo
treo.sh/
Bulk Core Web Vitals Check
experte.com/web-vitals
PageSpeed Compare
pagespeed.compare/
#webperf
CSS Houdini retweeted
We've put together a small conference to benefit Ukraine on April 25-26!
There are 17 amazing speakers joining in, and all of the money donates goes directly to benefit orgs that could use your help.
Register, learn more, and donate here!
devsforukraine.io/
CSS Houdini retweeted
SO EXCITED TO ANNOUNCE: MY TEAM IS HIRING! 🎉🥳
Join @argyleink, @JecelynYeen + me as a Chrome Developer Advocate focusing on CSS, UI, & DevTools 🥰
You'll be working on making it easier for devs to build, style, & debug web interfaces
This is literally my dream job! 😍
1/2
CSS Houdini retweeted
New tutorial just landed! "Creating Generative Patterns with The CSS Paint API" ✨
Join me in creating 3 (hopefully!) beautiful generative patterns, and learn everything you need to make 100000 more with CSS Houdini 🎨
Check it out on @css // css-tricks.com/creating-gene…
CSS Houdini retweeted
🧪 Use CSS numeric factory functions instead of string concatenation to set style unit values.
developer.mozilla.org/en-US/…
ALT use CSS.px(value) to set a style unit value instead of using value + 'px'
CSS Houdini retweeted
New Houdini stuff! ✨
Magical generative patterns that rearrange themselves based on the browser window 🎨
A kinda different approach for responsive design...
Inspired by @chriscoyier 's generative grids pen 💛
CodePen (Desktop only + Chrome / Edge) codepen.io/georgedoescode/pe…
CSS Houdini retweeted
Haha. This one involved a wild number of SVG layers for the design. I'll be sure to use some paint worklet magic next time ;)
CSS Houdini retweeted
NOISE! NOISE! NOISE! Love it. It's like my static gradient but better!
feTurbulence is so rad, key to unlocking so many great effects...
How am I the 1st Github star!? 🤯 github.com/cjimmy/grainy-gra…
[left (mine) houdini.how/#demo-houdini-st…]
[right (theirs) grainy-gradients.vercel.app/]
ALT houdini static gradient
ALT grainy gradient
CSS Houdini retweeted
Hay varias opciones de optimización, pero creo que la más importante es cambiar los recursos .gif por vídeos.
ℹ️ perf.reviews/blog/video-en-l…
Como esas animaciones son decorativas (por cierto, muy chulas) podrías probar de hacerlas en CSS con @csshoudini
#WebPerf #WPO #performance
CSS Houdini retweeted
HTML, CSS and JavaScript are Web Standards, but do you know there are many more? such as accessibility, SVG, Media, Performance, Web API, i18n.
Take a look at the @w3c "All Standards and Drafts" list.
w3.org/TR/
#Web #standard
CSS Houdini retweeted
Cool things you can do with the CSS Paint API! 😎
Check out houdini.how for more ⬇️⬇️
CSS Houdini retweeted
Generative blobs with the CSS Paint API 🦠
css-tricks.com/conjuring-gen…
CSS Houdini retweeted
Fresh #CSSPodcast all about counters and @ًcounter-style just dropped!
You can use counters to:
📑 Create styled outlines
🧮 Create custom list styles
🎯 Create CSS games(!)
pod.link/thecsspodcast/episo…
CSS Houdini retweeted
Good news y’all! In a world of fake women-in-tech grifters, fortunately I’m a real person who’s been putting out real (free) tech content, running meetups, & speaking at conferences since 2013!
Follow me for CSS, UI, performance and more 🥳
(& occasional photos of my dog 🐶)
ALT Making a designing in the browser video
ALT Frolicking in the Brooklyn botanic garden
ALT At the last conference I was a part of — dotCSS in Paris
CSS Houdini retweeted
Catching up on reading about container queries this afternoon. This article from @shipslinky is a very helpful read: oddbird.net/2021/04/05/conta… (And @beep has a great list here too: ethanmarcotte.com/wrote/resp…)
CSS Houdini retweeted
Todo listo para empezar a hablar de @csshoudini en el webinar de @KeepCoding_ 🎙📺
👉🏼 eventbrite.es/e/entradas-web…
#cssHoudini #css
CSS Houdini retweeted
Al escuchar el nombre de Houdini, a muchas personas les viene a la mente el gran ilusionista Harry Houdini.
Pero si quieres saber qué es @csshoudini, te espero mañana en el webinar de @KeepCoding_
"Programa en CSS Houdini como un mago"
eventbrite.es/e/entradas-web… #cssHoudini #css
