CSS Layout News - CSS Layout News - Issue 280

Webdev Advent 2020, covering one thing with another, sticky and full-bleed elements playing nicely together.
 

CSS Layout News

 

ISSUE 280  8th December 2020

 

News

 

Issue 280

I tweeted about my feeling that a lot of people find CSS hard, or illogical because they have never really learned it as a system. Instead, a lot of folk take a problem solving approach. They only look up the CSS they need to do the thing they are currently doing, as opposed to sitting down and learning the constructs that make CSS work. We don't tend to learn other languages like that.

This seemed to resonate with a lot of folk anyway, and the resources I mention in that thread may be useful to you.

I'm heading off to do day 2 of my CSS workshop for Chrome Dev Summit next, it's a bit of a late night in my timezone, but fun to bring this stuff to a crowd of folk from all over the world.

Rachel Andrew, CSS Layout News

 

Web Development Advent Calendars for 2020 | Adrian Roselli

There is a good range of web advent calendars running for 2020, although a fair few regular publications are not running this year. Adrian Roselli has the roundup.

adrianroselli.com

 
 

Learn

 

Weaving Web Accessibility With Usability — Smashing Magazine

An article explaining how, even if you have gone to lengths to comply with accessibility best practices, often things will still show up when real users test your interface.

smashingmagazine.com

 

How to Get Sticky and Full-Bleed Elements to Play Well Together | CSS-Tricks

An exploration of how to get a layout to work that includes sticky elements and full bleed ones.

css-tricks.com

 

CSS { In Real Life } | A Utility Class for Covering Elements

In this article techniques for covering one thing with another are discussed.

As a side note, I find it really interesting the things people say they have to do over and over again with CSS. This isn't something I've ever felt I do so much that I would make a utility class for. We're all building different things in different ways.

css-irl.info

 
 

Interesting

 

The State of CSS 2020

The results from the State of CSS 2020 survey are live.

stateofcss.com

 

I browsed through 100+ brutalist websites; here’s what I learned | by Malavika Doshi | Dec, 2020 | UX Collective

Some thoughts from browsing through a lot of Brutalist websites.

uxdesign.cc

 
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 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

CSS Layout News - Issue 275

Tuesday, November 3, 2020

Masonry, content-visibility, and hiding things with CSS View on the Web Archives ISSUE 275 3rd November 2020 News Issue 275 I'd seen a few people mention the publication of a Grid Level 3 draft

CSS Layout News - Issue 274

Tuesday, October 27, 2020

A grid solution to layout shifts, CSS Shapes and emoji, grid sites that don't look so griddy. View on the web Archives ISSUE 274 27th October 2020 News Issue 274 Hello! Here we are with another

You Might Also Like

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!)

World Press Photo Contest, Speedometer 3.0, Anchor Position, Sliding Frame, Meta Llama 3

Friday, April 19, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 19 2024 The World Press Photo Contest Documents War,

Car UX, DevTools Tips, CSS Patterns, iOS404, Internet Cables

Thursday, April 18, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 18 2024 Steering the future: a new vision for car UX

Big Tents, Pistachio Palettes, and Other Late-Breaking Milan Discoveries

Wednesday, April 17, 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

163 / Dieter Rams inspired Framer components, America's national parks and more free resources…

Wednesday, April 17, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 1 View in browser Welcome to Issue 163! I'm comfortable talking to a human on camera, but talking at the camera, not so much. The

Logo System, BCWA Identity, War Robots, 84—24, 19th-Century Atlas

Wednesday, April 17, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 17 2024 Logo System: Explore 400+ logo designs logosystem

Emma Roberts's Home: AD100 Firm Pierce & Ward Share Their Secret Sources

Tuesday, April 16, 2024

Plus, the best exterior house colors View in your browser | Update your preferences Architectural Digest AD PRO Logo exterior of two residential buildings painted with blue trim with a brick patio and

#452: Design Workflow

Tuesday, April 16, 2024

How to choose the right idea, navigate difficult conversations and communicate design. Issue #452 • Apr 16, 2024 • View in the browser Smashing Newsletter Iyi akşamlar Smashing Friends, Design workflow

Mario & Pareto, faces.js, Sleep vs Blog, Dark Mode, DOM Folding

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 16 2024 Mario meets Pareto mayerowitz.io Discover how to

Gap, Teenagers, Artistic Intelligence, Should Designers Code, CSS in RSCs

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 15 2024 Gap is the new Margin frontendmasters.com In 2020