CSS Layout News - CSS Layout News - Issue 282

Centre things, make things sticky, and catch up on all the talks from the Chrome Dev Summit.
 

CSS Layout News

 

ISSUE 282  23rd December 2020

 

News

 

Issue 282

A short issue this week as we prepare for the holiday season. However there are loads of videos from the Chrome Dev Summit to watch, the 2020 CSS Snapshot has been published by the CSSWG, and there are some tips to help with aligning things to the centre and using sticky positioning.

I know for many readers this won't be close to a normal holiday, I hope you manage to enjoy some time off if you are on vacation over the next week.

With best wishes from Bristol in the UK.

Rachel Andrew, CSS Layout News

 

CSS WG Blog – CSS Snapshot 2020 Published

The CSS Snapshot for 2020 has been published. This details all CSS specifications being worked on with details of those deemed complete. In particular if you write about CSS, this is a handy reference.

w3.org

 

And now for … Firefox 84 - Mozilla Hacks - the Web developer blog

Firefox 84 includes a useful tool if you are using layout methods such as grid that allow you to reorder the visual layout away from the order in the source. Tab order inspection gives you an overview of how a user might tab round the page so you can make sure it makes sense.

mozilla.org

 
 

Learn

 

Centering in CSS

A comprehensive look at how to centre things in CSS.

web.dev

 

Sticky CSS Grid Items | Melanie Richards

How to get position: sticky and display: grid to play nicely together.

melanie-richards.com

 

(34) Chrome Developer Summit 2020 - YouTube

The entire playlist of video from the Chrome Dev Summit.

youtube.com

 
You received this email because you subscribed via the CSS Layout News site.
We'll be sorry to see you go but you can unsubscribe instantly.
 
Spike Island 133 Cumberland Rd Bristol BS1 6UX
 
 

 
 
©2020 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

CSS Layout News - Issue 281

Wednesday, December 16, 2020

MDN is now on GitHub, the Houdini.now resource site, HTTP Archive Web Almanac. View on the Web Archives ISSUE 281 16th December 2020 News Issue 281 A day late as I managed to brick my computer trying

CSS Layout News - Issue 280

Tuesday, December 8, 2020

Webdev Advent 2020, covering one thing with another, sticky and full-bleed elements playing nicely together. View on the Web Archives ISSUE 280 8th December 2020 News Issue 280 I tweeted about my

CSS Layout News - Issue 279

Friday, December 4, 2020

Support good causes by buying books, Safari TP release notes, text gradients, prefers_reduced_data. View on the Web Archives ISSUE 279 1st December 2020 News Issue 279 Tuesday again, and a short email

CSS Layout News - Issue 278

Tuesday, November 24, 2020

Open Prioritization and Web We Want write ups, a11y testing, responsive tables. View on the Web Archives ISSUE 278 24th November 2020 News Issue 278 As we head towards the end of the year folk often

CSS Layout News - Issue 276

Tuesday, November 10, 2020

A container query-like solution with CSS math functions, detecting sticky items, :focus-within View on the Web Archives ISSUE 276 10th November 2020 News Issue 276 It's Tuesday again and I'm

You Might Also Like

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

Monday, April 22, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 22 2024 Flattening Bézier Curves and Arcs minus-ze.ro

What makes a great seed stage founder

Sunday, April 21, 2024

Issue 191: What to look for (and avoid) in early builders ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

Friday, April 19, 2024

View in your browser | Update your preferences ADPro “Minimalism is not my strong suit.” So says Emma Roberts, the muse behind AD's May cover story. (Celebrities—they're just like us!)