CSS.la retweeted
Grid, like Flexbox, is a value of the CSS display property. @rachelandrew explains the various properties that can be applied to the container to shape your grid.
↬ Understanding CSS Grid: Creating A Grid Container
smashingmagazine.com/2020/01…
ALT The sharing card with a photo of Rachel Andrew and the title of her latest article published on Smashing Magazine “Understanding CSS Grid: Creating A Grid Container”
CSS.la retweeted
Happy 2020 all you lovely CSS folk! Welcome to a new decade of CSS, which will only keep getting better. Come stretch and flex those CSS muscles at the first #talkcss of the decade on Wed, Jan 8 🥳💙🧸
singaporecss.github.io/46
CSS.la retweeted
Day 10: Z’s Still Not Dead Baby, Z’s Still Not Dead by Andy Clarke @Malarkey 24ways.org/201910
CSS.la retweeted
📸 Free live session with @rachelandrew today! Tune into our live stream in just a few hours and learn how to build a layout using CSS Grid and Flexbox.
⏰ 5:00 PM GMT / 6:00 PM Berlin time / 12:00 PM New York time
smashingmagazine.com/2019/12…
ALT Tune into SmashingMag's free live stream taking place today at 12:00 PM New York time with Rachel Andrew on how to build a layout using CSS Grid and Flexbox
CSS.la retweeted
Last day to save $30 on my complete CSS Layout course. You'll get access to all the new video I'm going to be recording later in December and January too thecssworkshop.com/courses
CSS.la retweeted
I made those two demos to include in my CSS Layout News newsletter which I'll be sending out later today. You can sign up to that if you want interesting CSS layout info each week csslayout.news/
CSS.la retweeted
Firefox 70 also ships a tracklisting for grid-auto-rows and grid-auto-columns, this is most useful when combined with subgrid (currently in Firefox Nightly). Another demo codepen.io/rachelandrew/pen/…
CSS.la retweeted
Firefox 70 is out today which ships the two-value syntax for display. Quick demo here (needs Firefox 70) codepen.io/rachelandrew/pen/…
CSS.la retweeted
Looking for something to do? Have you watched the videos we published this week?
There’s a great one about the nature of CSS and why it is the way it is: youtu.be/aHUtMbJw8iA
There’s one about a tool in Firefox that keeps track of your edits to CSS: youtu.be/vlsSesdhn84
CSS.la retweeted
💡 How to create auto-sized columns using CSS Grid and setting a minimum column width.
💬 Are you using CSS Grid in production?
#codyhousenugget
CSS.la retweeted
💡 Make the header and footer sticky with this Flexbox trick: set display: flex and flex-direction: column on the parent, then flex-shrink: 0 on the sticky elements and height: 100% and overflow: auto on the scrolling element.
#codyhousenugget
Example: codyhouse.co/ds/components/a…
CSS.la retweeted
Alexey Brodovitch was one of the most influential art directors of the 20th century. @Malarkey shares how Alexey’s work has had the most substantial influence on the work he has made for the web and how he encourages his students to think about theirs.
smashingmagazine.com/2019/09…
ALT new article published on smashing magazine on how to mirror pictures and text, and how to carve text into shapes using css shapes
ALT new article published on smashing magazine on how to mirror pictures and text, and how to carve text into shapes using css shapes
CSS.la retweeted
It’s important as a meetup organizer not to get burnt out!
#Tips for sustainability
🍭 Do events every other month to keep it more sustainable!
🍭 Send out email messages to your group asking who wants to talk
🍭 Do lightning talks only for a few sessions
CSS.la retweeted
Syllabus for modern CSS layout: Units w3.org/TR/css-values/ Flexbox w3.org/TR/css-flexbox/ Grid w3.org/TR/css-grid/ & Media Queries
CSS.la retweeted
A nice overview of the main players in CSS architecture by @fuladuf: medium.com/openmindonline/st…
CSS.la retweeted
starting to take a bit more initiative, seeing if we can gets some takes going next month. meetup.com/CSS-LA/