Joined June 2019
- Tweets 146
- Following 19
- Followers 109
- Likes 32
15 Photos and videos
Pinned Tweet
2 Jul 2019
We're up and at them! Melbourne has a CSS meet up once again!
Join us for our first in August meetup.com/Melbourne-CSS
Want to talk? Get in touch
1
5
8
MelCSS retweeted
21 Apr 2023
Modern CSS is so cool.
ALT cool list: 1. logical properties 2. two-value margins 3. container property 4. which makes container units work 5. native nesting 6. max() 7. layers 8. oklch 9. margin-trim
59
188
1,701
293,381
MelCSS retweeted
23 Nov 2022
Giving a quick lightning talk on Oklab/Okhsv at @MelbourneCSS in 90 minutes. Thanks to @bjornornorn @svgeesus for putting so much work into it the last few years! 🌈❤️
Pictured: @observablehq Shan's colour wheel in oklab.
3
10
21 Sep 2022
Our own Chris Lienert talking about "What's New in CSS?" There are so many, so he picked three!
1
1
MelCSS retweeted
29 Aug 2022
It’s been a while but we’re back!
29 Aug 2022
Melbourne CSS is back! If you're in Melbourne, join us in person on Wednesday September 21st otherwise tune into out live stream on the night.
Even better, why not share what you've done lately in the CSS world! Get in touch if you're interested.
meetup.com/melbourne-css/eve…
1
4
MelCSS retweeted
29 Aug 2022
Got a free ticket ☺️
29 Aug 2022
Melbourne CSS is back! If you're in Melbourne, join us in person on Wednesday September 21st otherwise tune into out live stream on the night.
Even better, why not share what you've done lately in the CSS world! Get in touch if you're interested.
meetup.com/melbourne-css/eve…
1
1
29 Aug 2022
Melbourne CSS is back! If you're in Melbourne, join us in person on Wednesday September 21st otherwise tune into out live stream on the night.
Even better, why not share what you've done lately in the CSS world! Get in touch if you're interested.
meetup.com/melbourne-css/eve…
1
5
21 Sep 2022
You can still RSVP and show up in person, or watch the stream at 6:30pm, 21 Sep 2022 Melbourne time!
📹 Watch YouTube stream live and interact with us youtu.be/DR3Tb0p1KUM
MelCSS retweeted
17 Jul 2022
The #StateOfCSS 2022 survey outline is now open for review! Check out the survey preview and let us know which questions you'd like us to ask this year. And big thanks for @LeaVerou for her invaluable contribution!
github.com/StateOfJS/Monorep…
7
11
MelCSS retweeted
3 Jul 2022
CSS is Cool 😎
<css-doodle> is double the awesomeness 🥳 drawing patterns with CSS 🔥
Check it out 👇🏻
css-doodle.com/
5
8
42
MelCSS retweeted
29 Jun 2022
I recently read the Text 4 spec, and now I can’t stop thinking about `text-wrap: balance`. Apply it to text, like a headline, and the browser wraps that text in such a way that each line has about the same length.
(See image to see result.)
Do you want browsers to implement it?
97
56
913
🎉 Hot off the press! Our first in-person online event will be happening on Thurs 14th July! Big thanks to our sponsor @creditorwatch for hosting us.
To attend in-person, sign up here: meetup.com/sydcss/events/286…
For online, sign up here: meetup.com/sydcss/events/286…
2
4
9
MelCSS retweeted
3 Mar 2022
After a two-year silence, we'd love to see you back in Amsterdam this June!
Early-bird tickets will be available next week. cssday.nl/2022
4
23
60
MelCSS retweeted
16 Feb 2022
There's just one 100% CSS focussed conference, brought to you by people who've been doing CSS for over 25 years.
Curated by @hj_chen, keep up to date with the Web's most under-rated technology.
buff.ly/34FRphe
ALT "MC and Convenor Hui Jin Chen Senior Front End Developer Shopify Web Directions hover 2022 The conference CSS deserves"
1
4
MelCSS retweeted
3 Feb 2022
How to query a database from CSS
✅ SQLite
✅ Houdini
```#css
.query-display {
background: paint(sql-css);
}
main {
--sql-query: SELECT * FROM genre;
--sql-database: url(...);
}
```
Some creative stuff! Read all about it here leemeichin.com/posts/yes-i-c…
ALT screenshot of the demo site with query results displayed and the devtools showing the query stashed into custom properties
23
75
424
MelCSS retweeted
1 Feb 2022
We know y'all check your work in multiple browsers to make sure your website doesn't break for people.
We'll help you a bit in @firefox 98, adding a new Compatibility panel.
It will report possible CSS issues on your page ⚠️, using @MozDevNet data under the hood
ALT The new Firefox DevTools Compatibility panel in the inspector. A "selected element" group has a "scrollbar-color" item. On the right, Chrome, Safari, Edge and Internet Explorer icons are displayed. A tooltip is displayed with the following message: "Compatibility issues in: Chrome 97 (current)\nChrome 98 (beta)\nChrome 99 (nightly)\nChrome Android 97 (current)" and so on, with all the browsers not supporting scrollbar-color
26
479
2,163
MelCSS retweeted
24 Jan 2022
CSS Box Model — an illustrated analogy.
247
2,423
13,620
MelCSS retweeted
11 Jan 2022
Hover is our online conference dedicated to all things CSS–""the conference CSS deserves"", curated by @hj_chen.
Hover takes place April 2022, and CFPs are open now!
buff.ly/3n0h4X7
ALT Banner for the Hover conference. Text Reads "Web Directions hover 2022 Global, Online April 1 & 8 The conference CSS deserves"
3
2
MelCSS retweeted
21 Dec 2021
This is a big day for CSS. After 25 years of devs being told that CSS cannot have parent selectors because they’re too slow, Safari TP 137 not only implements :has(), but enables it by default.
And AFAIK @igalia is working on a Chrome implementation!
webkit.org/blog/12156/releas…
8
224
857