@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.

 Singapore
singaporecss.github.io
Joined October 2015
  • Tweets1.5K
  • Following126
  • Followers782
235Media
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 💙💙💙💙💙 singaporecss.github.io/56/

Talk.CSS #56 Wind-up Edition

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...

singaporecss.github.io
1
1
5
Exciting CSS developments covered at #w3cTPAC w3.org/2021/10/TPAC/demos/cs… w3.org/2021/10/TPAC/demos/cs…

Improving CSS Architecture with Cascade Layers, Container Queries,...

CSS is intentionally contextual, adapting to a range of user needs and interfaces – and the cascade makes that possible. But as the Web becomes more powerful, it’s clear that design engineers need...

w3.org
1
1
SingaporeCSS 🇸🇬 retweeted
Ahmad Shadeed@shadeed93 Sep 2021
💡 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: ishadeed.com/article/underst…
8
70
6
350
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css30 Aug 2021
Can't get enough blobs? @ChallengesCss adds gooey animation effects using the CSS Paint API. css-tricks.com/exploring-the…

Exploring the CSS Paint API: Blob Animation | CSS-Tricks

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

css-tricks.com
12
1
55
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css16 Jul 2021
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/of-course-we-…

Of Course We Can Make a CSS-Only Clock That Tells the Current Time! | CSS-Tricks

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

css-tricks.com
1
8
1
34
SingaporeCSS 🇸🇬 retweeted
Una 🇺🇦
@Una21 Jun 2021
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 ⤵️ developer.chrome.com/blog/ta…
Before and after of table cell rendering

ALT Before and after of table cell rendering

3
48
5
241
SingaporeCSS 🇸🇬 retweeted
CSS Working Group@csswg9 Jun 2021
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. w3.org/blog/CSS/2021/06/09/c…
1
3
SingaporeCSS 🇸🇬 retweeted
Jen Simmons@jensimmons8 Jun 2021
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/blog/11700/webkit…

WebKit Features in Safari at WWDC21

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.

webkit.org
2
26
1
100
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css3 Jun 2021
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries by @ChallengesCSS css-tricks.com/hexagons-and-…
2
9
1
57
🔖 CSS Container Queries. Container Queries Explained @TerribleMia miriamsuzanne.com/2021/05/02… Say Hello to CSS Container Queries by @shadeed9 ishadeed.com/article/say-hel… Component-Level Art Direction With CSS Container Queries by @SaraSoueidan sarasoueidan.com/blog/compon…

Container queries explainer & proposal

miriamsuzanne.com
1
12
1
47
SingaporeCSS 🇸🇬 retweeted
WebKit@webkit29 Apr 2021
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/blog/11648/new-we…

New WebKit Features in Safari 14.1

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.

webkit.org
10
42
22
150
SingaporeCSS 🇸🇬 retweeted
Chrome DevTools@ChromeDevTools21 Apr 2021
✨ 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! 👉🏼 developer.chrome.com/blog/ne…
16
34
4
146
useful tip by @davidwalshblog to detect CSS overflow elements davidwalsh.name/detect-overf…

Detect CSS Overflow Elements

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

davidwalsh.name
2
4
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css30 Mar 2021
HTML Inputs and Labels: A Love Story by @ambrwlsn90 css-tricks.com/html-inputs-a…

HTML Inputs and Labels: A Love Story | CSS-Tricks

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

css-tricks.com
5
84
276
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css16 Mar 2021
Long Hover css-tricks.com/long-hover/

Long Hover | CSS-Tricks

I had a very embarrassing CSS moment the other day.

css-tricks.com
4
19
2
99
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css4 Mar 2021
Here's @jh3yy exploring @property and its animating powers css-tricks.com/exploring-pro…

Exploring @property and its Animating Powers | CSS-Tricks

Uh, what’s @property? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property can do that unlocks things in CSS we’ve never

css-tricks.com
4
30
1
103
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css22 Feb 2021
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/getting-deep-…

Getting Deep Into Shadows | CSS-Tricks

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

css-tricks.com
2
65
5
250
SingaporeCSS 🇸🇬 retweeted
CSS-Tricks
@css11 Feb 2021
Is CSS float deprecated? css-tricks.com/is-css-float-…
11
29
5
138
🔥 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 smashingmagazine.com/2021/02…
Managing CSS Z-Index in Large Projects

ALT Managing CSS Z-Index in Large Projects

3
5
3
27
SingaporeCSS 🇸🇬 retweeted
HJ Chen@hj_chen28 Jan 2021
i love this so much ❤️ #css
Michal Epshtein (Porag)@MichalPorag27 Jan 2021
Pure #CSS Pikachu 😍 Link to @CodePen : codepen.io/michalporag/pen/L… And thanks to @cpuentes23 for design it and allow me to recreate it with #CSS!!! Link to @cpuentes23 Dribbble page: dribbble.com/shots/14147543-…
1
2
7
SingaporeCSS 🇸🇬 retweeted
Bramus@bramus11 Jan 2021
Oh, that's … awesome! #til #css
Šime Vidas (I’m on 🐘)@simevidas10 Jan 2021
Apparently, nested media queries are a thing jsbin.com/pelohoh/edit?css,o…
2
2
4
Load more