Nils Binder

177 Followers
61 Following
111 Posts
CSS lover & origami enthusiast. Co-organizer of @css__cafe
Frontend Designerhttps://9elements.com
Co Hosthttps://www.css.cafe
Websitehttps://ichimnetz.com
Writinghttps://9elements.com/blog/author/nils
@vasilis Very dark indeed

@midknight Here's a little demo for you. Is this what you had in mind?

https://codepen.io/enbee81/pen/xbVrePV?editors=1100

Timetable | 04 - Full-width-breaks

...

@midknight I guess Iโ€™d add a breaks container right before the stages. And it should span all stages slots. But then youโ€™d need to pull the breaks out of the clear markup so maybe give it aria hidden and leave them in the stages but hide them there visually. Iโ€™ll see if I can fix up a demo.
@pixelambacht ๐Ÿ˜œ
Still love these colors.
Though I hate that nowadays they seem to be the only colors anyone uses on the web.

Build a multi-stage timetable for a conference โ€” fully in modern CSS.
Each hour grows automatically to fit all sessions.

๐Ÿพ heavy use of subgrid.
๐Ÿพ round() and mod() to place sessions accurately
๐Ÿพ scroll-driven animations for sticky stage headings

If you want the full breakdown of how this is done, hereโ€™s the write-up ๐Ÿ‘‡

https://9elements.com/blog/building-a-multi-stage-timetable-with-modern-css-using-grid-subgrid-round-and-mod/

There was a time when anyone could be an artist ๐Ÿ‘จโ€๐ŸŽจ โ€” if they loved the work enough.
Then came the professionals.
Then came the camera.

Today, itโ€™s not paint thatโ€™s being replaced. Itโ€™s code.

https://9elements.com/blog/when-skill-became-obsolete-art-code-and-the-end-of-the-amateur/

When Skill Became Obsolete: Art, Code, and the End of the Amateur - 9elements

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

9elements

@joshtumath @heydon first batch had to be black so that @heydon could wear it. ๐ŸŒš

This year itโ€™s pink and petrol.

@kizu Lovely photos โ€“ thanks so much! ๐Ÿ˜Š
Would it be okay if I use the one with me in it for a post about the event?
@shadeed9 Thanks Ahmad ๐Ÿ˜Š
@kizu Iโ€™ve just updated the original post to include the solution you provided, along with an explanation of how it works.