SingaporeCSS 🇸🇬
@SingaporeCSS
Followers
792
Following
1K
Media
235
Statuses
2K
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.
Singapore
Joined October 2015
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.github.io
5 years. 56 meetups. We’ve come a long way. It was nice to see many of you turn out for this last one. When Chris and I started this, we...
1
1
5
0
1
1
💡 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
8
71
354
Can't get enough blobs? @ChallengesCss adds gooey animation effects using the CSS Paint API.
css-tricks.com
After the fragmentation effect, I am going to tackle another interesting animation: the blob! We all agree that such effect is hard to achieve with CSS, so we
0
14
58
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.
css-tricks.com
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock
1
10
35
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
3
49
243
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
0
1
4
There are ten sessions at #WWDC21 this week about Safari, WebKit & web technology. We listed them all in one handy place, day by day:
webkit.org
There’s a lot of news coming out of WWDC21 about WebKit and the web technology that’s shipping in Safari 15 on Apple’s platforms.
2
26
101
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries by @ChallengesCSS
css-tricks.com
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick!
2
10
59
🔖 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
sarasoueidan.com
– The personal website of Sara Soueidan, inclusive design engineer
1
13
49
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.
webkit.org
Safari 14.1 for macOS Big Sur, iPadOS 14.5, and iOS 14.5 brings new WebKit features, APIs, performance improvements, and improved compatibility for web developers.
10
43
151
✨ 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
16
34
146
useful tip by @davidwalshblog to detect CSS overflow elements https://t.co/V9TGEeyJYG
davidwalsh.name
Every once in a while you encounter a CSS annoyance that takes some cleverness to discover. One such case rears its ugly head in unwanted and unexpected
0
3
5
HTML Inputs and Labels: A Love Story by @ambrwlsn90
css-tricks.com
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are
5
91
284
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.
css-tricks.com
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add
2
69
255
🔥 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
3
5
28
i love this so much ❤️ #css
Pure #CSS Pikachu 😍 Link to @CodePen : https://t.co/2v8rzrdifr And thanks to @cpuentes23 for design it and allow me to recreate it with #CSS!!! Link to @cpuentes23 Dribbble page: https://t.co/bjCRN2W7Dx
1
2
7
2
2
4