@MelbourneCSS

Do you love CSS? Join us in Melbourne! Run by @_edmoore and @cliener Support us at https://xitter.cf/t.co/0HA7sPPvou Chat with us at https://xitter.cf/t.co/b1D2xbiczN

 Melbourne, Victoria
meetup.com/Melbourne-CSS
Joined June 2019
  • Tweets146
  • Following19
  • Followers108
15Media
Modern CSS is so cool.
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

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
185
37
1,686
293,503
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
It’s been a while but we’re back!
MelCSS@MelbourneCSS29 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
Got a free ticket ☺️
MelCSS@MelbourneCSS29 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
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
CSS is Cool 😎 <css-doodle> is double the awesomeness 🥳 drawing patterns with CSS 🔥 Check it out 👇🏻 css-doodle.com/

css-doodle — Visual art & creative coding with CSS

A web component for visual art and creative coding: draw generative art, patterns and shapes with CSS. Share what you make.

css-doodle.com
5
8
42
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
31
907
MelCSS retweeted
SydCSS@SydCSS27 Jun 2022
🎉 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
9
An explosion in new CSS webdirections.org/blog/an-ex…

An explosion in new CSS

As I sit here with the countdown to day 1 of our second Hover conference showing just under two hours to go, and having spent countless hours focussed on the conference program and the state of CSS...

webdirections.org
1
3
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
3
60
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
"MC and Convenor Hui Jin Chen Senior Front End Developer Shopify Web Directions hover 2022 The conference CSS deserves"

ALT "MC and Convenor Hui Jin Chen Senior Front End Developer Shopify Web Directions hover 2022 The conference CSS deserves"

1
4
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…
screenshot of the demo site with query results displayed and the devtools showing the query stashed into custom properties

ALT screenshot of the demo site with query results displayed and the devtools showing the query stashed into custom properties

23
73
58
422
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
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

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

25
470
88
2,150
CSS Box Model — an illustrated analogy.
242
2,407
307
13,506
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
Banner for the Hover conference. Text Reads "Web Directions hover 2022 Global, Online April 1 & 8 The conference CSS deserves"

ALT Banner for the Hover conference. Text Reads "Web Directions hover 2022 Global, Online April 1 & 8 The conference CSS deserves"

3
1
2
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…

Release Notes for Safari Technology Preview 137

Safari Technology Preview Release 137 is now available for download for macOS Big Sur and macOS Monterey.

webkit.org
8
220
38
851
Happy 25th birthday CSS1! On December 17, 1996, W3C issued official recommendations for language specification, Cascading Style Sheets, level 1 (CSS1). webdesignmuseum.org/web-desi… #CSS1 #InternetHistory
2
158
33
387
Hover our 100% CSS focussed conference returns online in March 2022. buff.ly/3n0h4X7 If you're keen to present to a global audience of front end developers on CSS, CFPs are open now. buff.ly/3AS1xxF
Logo for the Web Directions Hover 2022 conference. White text on a blue background reads ""Web Directions hover 2021 Global, Online April 23 & 30, 2021 The conference CSS deserves""

ALT Logo for the Web Directions Hover 2022 conference. White text on a blue background reads ""Web Directions hover 2021 Global, Online April 23 & 30, 2021 The conference CSS deserves""

1
Hover our 100% CSS focussed conference returns online in March 2022. buff.ly/3n0h4X7 If you're keen to present to a global audience of front end developers on CSS, CFPs are open now. buff.ly/3AS1xxF
"Logo for the Web Directions Hover 2022 conference. White text on a blue background reads ""Web Directions hover 2021 Global, Online April 23 & 30, 2021 The conference CSS deserves"""

ALT "Logo for the Web Directions Hover 2022 conference. White text on a blue background reads ""Web Directions hover 2021 Global, Online April 23 & 30, 2021 The conference CSS deserves"""

1
1
1
The State Of CSS survey is now open! If u work with #CSS—of if u're interested in learning about latest updates—consider sparing a minute or two to take the survey and help us find out the latest CSS trends stateofcss.com 🗳 Always some new nuggets to learn in it, too!
41
3
84
Load more