SingaporeCSS 🇸🇬

Front end development in the little red dot with a CSS focus. Put together anyhowly by @hj_chen, @wgao19 and @cliener

Wash your hands, don't touch your face.

[SingaporeCSS 🇸🇬 @SingaporeCSS]

In case you missed Talk.CSS #56 yesterday, here's the recap and videos. Thank you to @meyerweb and @NOVALISTIC for speaking, @engineersftw for 5 years of support, and every one of you who supported us one way or another 💙💙💙💙💙

https://t.co/bEISlxp2Ju

[SingaporeCSS 🇸🇬 @SingaporeCSS]

Exciting CSS developments covered at #w3cTPAC

https://t.co/xh0UkiiaOp
https://t.co/u7qo2B4AOC

[Ahmad Shadeed @shadeed9]

💡 CSS Tip

With flex items, you can use z-index without adding the position property.

That's because a flex child item with z-index other than auto will create a new stacking context.

Details: https://t.co/KvG6crbbrY

[CSS-Tricks @css]

Can't get enough blobs? @ChallengesCss adds gooey animation effects using the CSS Paint API. https://t.co/aZJnjaqlg1

[CSS-Tricks @css]

No, it won't get the time dynamically, but we can still get a highly accurate clock with just some HTML and CSS, courtesy of @MateMarschalko. https://t.co/TfjLaL4RH9

[Una 🇺🇦 @Una]

Did you know that the latest version of Chromium (stable) includes a *massive* multi-year re-architecture? 🎉

TablesNG Resolves 72 Chromium Bugs for Better Interoperability

Read more ���️
https://t.co/F4K8VU8RNW

[CSS Working Group @csswg]

CSS Cascading and Inheritance L5 updated WD

Un-layered styles now have the lowest priority in normal origins, with explicit layers taking higher priority. This establishes a clearer path for progressive enhancement.

https://t.co/ruYxn6uxsJ

[Jen Simmons @jensimmons]

There are ten sessions at #WWDC21 this week about Safari, WebKit & web technology.

We listed them all in one handy place, day by day: https://t.co/m2mwBGVLjA

[CSS-Tricks @css]

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries by @ChallengesCSS https://t.co/Bul5qGIc63

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

🔖 CSS Container Queries.

Container Queries Explained @TerribleMia
https://t.co/9dnafASo1L

Say Hello to CSS Container Queries by @shadeed9
https://t.co/akFwSoOkps

Component-Level Art Direction With CSS Container Queries by @SaraSoueidan
https://t.co/DtpsH9VhnY

[WebKit @webkit]

Learn about the new WebKit features available with the release of Safari 14.1 on macOS Big Sur, iPadOS 14.5, and iOS 14.5. It includes Flexbox gap support, date & time inputs on macOS, Paint Timing, Web Audio, MediaRecorder, WebM, WASM Threads, and more. https://t.co/pTM5qHF6ZQ

[Chrome DevTools @ChromeDevTools]

✨ Woohoo! Yet another feature-packed DevTools release (Chrome 91)!

⚡️ Web Vitals info pop up
📜 Visualize CSS scroll-snap
💿 New Memory inspector tab
🖼 Aspect ratio in image preview

... and more. Try in Chrome Canary today!
👉🏼 https://t.co/NwjP3nwrFs

[SingaporeCSS 🇸🇬 @SingaporeCSS]

useful tip by @davidwalshblog to detect CSS overflow elements
https://t.co/V9TGEeyJYG

[CSS-Tricks @css]

HTML Inputs and Labels: A Love Story by @ambrwlsn90 https://t.co/MgVSt7oRFW

[CSS-Tricks @css]

Long Hover https://t.co/lMis05xRdw

[CSS-Tricks @css]

Here's @jh3yy exploring @property and its animating powers https://t.co/r50Cf0Nuz6

[CSS-Tricks @css]

A super duper deep dive into shadows, from the way light affects them to the different types of shadows, and how to get the most out of them in CSS. https://t.co/HPUmacodxY

[CSS-Tricks @css]

Is CSS float deprecated? https://t.co/byHAuczEDM

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

🔥 Ever came across z-index: 9999? Here's a way that avoid magic numbers and bring confidence to working with z-index. By @stevenfrieson.

Managing CSS Z-Index in Large Projects
https://t.co/uqQJEiFYM6

[HJ Chen @hj_chen]

i love this so much ❤️
#css

[Bramus @bramus]

Oh, that's … awesome! #til #css