CSS Layout News - CSS Layout News - Issue 274

A grid solution to layout shifts, CSS Shapes and emoji, grid sites that don't look so griddy.
 

CSS Layout News

 

ISSUE 274  27th October 2020

 

News

 

Issue 274

Hello! Here we are with another Tuesday and another CSS Layout News. The clocks changed here in the UK last weekend, ahead of the clock-change in the USA. This week is the week where everyone is confused about what time their meeting starts!

Some really nice things to take a look at this week, so I hope you find something useful there.

Rachel Andrew, CSS Layout News

 

MDN Web DNA 2020

The 2019 Web DNA survey brought up plenty of interesting data, and the survey is open again. It's quite a long survey but filling it our brings your needs to browser vendors, the W3C, and the folk documenting the web over at MDN.

surveygizmo.com

 
 

Learn

 

Prevent layout shifts with CSS grid stacks - Hubert Sablonnière

A really nice walkthrough on using Grid to solve layout shifts with components which change height.

hsablonniere.com

 

Fundamentals of layout in user interface design (UI) | by Leonardo Moreno | UX Collective

An explanation of fundamentals in layout design.

uxdesign.cc

 

Mini Insta-Friends Scrolling List Layout - YouTube

Video from Adam Argyle showing how to make a layout like the Stories navigation from Instagram, loads of fun little bits in here.

youtube.com

 

Creating CSS Shapes with Emoji | CSS-Tricks

This is neat. Combining CSS Shapes with emoji.

css-tricks.com

 
 

Interesting

 

Thinking Outside the Box with CSS Grid - Frontend Horse

An article talking through some examples of websites that use CSS Grid but perhaps don't look so ... griddy.

frontend.horse

 
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 272

Tuesday, October 13, 2020

Interesting techniques with grid, subgrid, flexbox, and custom properties. View on the web Archives ISSUE 272 13th October 2020 News Issue 272 Late sending this today as I've had one of those days

CSS Layout News - Issue 271

Tuesday, October 6, 2020

Flexbox gaps, DevTools, accessibility resources, and media queries View on the web Archives ISSUE 271 6th October 2020 News Issue 271 Lots of interesting things today, perhaps everyone is back from

CSS Layout News - Issue 270

Tuesday, September 29, 2020

MDN Browser Compat Report, accessibility, animation, font-size with clamp() View on the web Archives ISSUE 270 29th September 2020 News Issue 270 Animation and accessibility feature heavily this week,

CSS Layout News - Issue 269

Tuesday, September 22, 2020

In-depth with the display specification, sortable tables, and accessible navigation View on the web Archives ISSUE 269 22nd September 2020 News Issue 269 Being a bit light on content this week, mostly

CSS Layout News - Issue 268

Tuesday, September 15, 2020

CSS Clipping and Masking, a free 24 hour Inclusive Design event, Interaction Media Features View on the web Archives ISSUE 268 15th September 2020 News Issue 268 It's a little strange as we head

You Might Also Like

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

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