@csshoudini

CSS Houdini resources and news, and https://xitter.cf/t.co/iTC5vj0jqh contributors #css #cssHoudini

 window.CSS
github.com/CSSHoudini/awesome-css-houdini
Joined February 2019
  • Tweets218
  • Following97
  • Followers795
40Media
We are excited to announce that we have a Houdini dedicated channel in the @csscommunitydev 🤩 🇬🇧 discord.gg/Y3QTFjC93u 🇪🇸 discord.gg/UmwTnpPHQq #css #cssHoudini #cssCommunityDev
Welcome to the #houdini channel, part of the CSS Community Dev

ALT Welcome to the #houdini channel, part of the CSS Community Dev

2
6
CSS Houdini retweeted
Aakash Rao@Aakash_codes1 Jan 2023
What is CSS Houdini? ➥ What it brings to the table ➥ Benefits of CSS Houdini ➥ Examples & Resources A Thread 🧵
22
49
1
224
74,806
CSS Houdini retweeted
Una 🇺🇦
@Una3 Oct 2022
🚨 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…
4
29
81
🔖 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

Core Web Vitals Tools To Boost Your Web Performance Scores — Smashing Magazine

Identify, compare, analyze and fix your Core Web Vitals scores to boost web performance of your sites. These tools will help you to do just that.

smashingmagazine.com
3
12
1
48
CSS Houdini retweeted
Cassidy
@cassidoo4 Apr 2022
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/
20
251
14
546
CSS Houdini retweeted
Una 🇺🇦
@Una11 Jan 2022
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
29
134
6
497
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…
4
31
2
200
🧪 Use CSS numeric factory functions instead of string concatenation to set style unit values. developer.mozilla.org/en-US/…
use CSS.px(value) to set a style unit value instead of using value + 'px'

ALT use CSS.px(value) to set a style unit value instead of using value + 'px'

8
107
9
585
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…
17
217
23
1,618
CSS Houdini retweeted
Addy Osmani
@addyosmani15 Sep 2021
Replying to @csshoudini
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 ;)
1
1
1
Thank you @addyosmani , now, I need this t-shirt 🤩 teejungle.net/products/css-h… #CSS #cssHoudini
1
3
CSS Houdini retweeted
Adam Argyle
@argyleink13 Sep 2021
Replying to @Una
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/]
houdini static gradient

ALT houdini static gradient

grainy gradient

ALT grainy gradient

2
5
33
Replying to @esdotge @esepuntoge
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
3
3
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

W3C standards and drafts

The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.

w3.org
1
19
86
CSS Houdini retweeted
Una 🇺🇦
@Una4 Aug 2021
Cool things you can do with the CSS Paint API! 😎 Check out houdini.how for more ⬇️⬇️
3
55
6
328
CSS Houdini retweeted
Una 🇺🇦
@Una2 Aug 2021
Generative blobs with the CSS Paint API 🦠 css-tricks.com/conjuring-gen…

Conjuring Generative Blobs With The CSS Paint API | CSS-Tricks

The CSS Paint API (part of the magical Houdini family) opens the door to an exciting new world of design in CSS. Using the Paint API, we can create custom

css-tricks.com
2
8
1
61
CSS Houdini retweeted
Una 🇺🇦
@Una27 Jul 2021
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…
8
1
30
CSS Houdini retweeted
Una 🇺🇦
@Una3 Jul 2021
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 🐶)
Making a designing in the browser video

ALT Making a designing in the browser video

Frolicking in the Brooklyn botanic garden

ALT Frolicking in the Brooklyn botanic garden

At the last conference I was a part of — dotCSS in Paris

ALT At the last conference I was a part of — dotCSS in Paris

21
44
7
966
Load more