Pinned Tweet
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
MelCSS retweeted
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
MelCSS retweeted
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.
MelCSS retweeted
It’s been a while but we’re back!
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…
MelCSS retweeted
Got a free ticket ☺️
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…
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…
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
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…
MelCSS retweeted
CSS is Cool 😎
<css-doodle> is double the awesomeness 🥳 drawing patterns with CSS 🔥
Check it out 👇🏻
css-doodle.com/
MelCSS retweeted
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?
MelCSS retweeted
🎉 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…
MelCSS retweeted
An explosion in new CSS webdirections.org/blog/an-ex…
MelCSS retweeted
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
MelCSS retweeted
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"
MelCSS retweeted
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
MelCSS retweeted
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
MelCSS retweeted
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"
MelCSS retweeted
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…
