CSS Layout News - CSS Layout News - Issue 266

folding websites, hidden content, gradients, and CSS Shapes
 

CSS Layout News

 

ISSUE 266  1st September 2020

 

News

 

Issue 266

A bit of a shorter issue this week as yesterday was a holiday in the UK, and I very unusually had some time doing things away from the computer. This mostly involved digging holes in my garden, some of the holes even have plants in them now!

We are now into September, and in more usual times that tends to come with a lot more activity as people return from vacations, and the autumn/fall conference season. We will see how that plays out this year.

I have another CSS Layout Masterclass scheduled for next week, and there are a few tickets remaining if you would like to come learn CSS with me. These sessions are really good fun, and I can promise you will learn a lot! Take a look here for all the details.

Rachel Andrew, CSS Layout News

 
 

Learn

 

Short note on content-visibility: hidden – HTML Accessibility

A good explanation of content-visibility: hidden.

html5accessibility.com

 

Gettin’ Foldy with the Dual-screen Web (Part I) - daverupert.com

Using an emulator to design for dual-screen devices.

daverupert.com

 

Gradient angles in CSS, Figma & Sketch

Interesting comparison of gradients in CSS, Figma and Sketch.

9elements.com

 

Create a line break while maintaining inline status - Piccalilli

This is a useful little tip, and a reminder that generated content can be useful for all kinds of unexpected things.

piccalil.li

 
 

Interesting

 

CSS Shapes Layout Experiment

Via the CodePen newsletter is this demo, which uses CSS Shapes.

codepen.io

 
 

Our Sponsor

 

Boost Your Front-End Skills Online: Smashing Workshops

Boost your design skills online and learn practical insights from experts in the industry, live. That’s Smashing Online Workshops, broken into 2.5h live sessions, spanning across weeks. With tangible takeaways, exercises, access to experts, slides, recordings and a friendly Q&A. Join The CSS Layout Masterclass with Rachel Andrew, Vue.js: the Practical Guide with Natalia Tepluhina, and many more using the code CSSLAYOUT to save $50 off the price! Meow!

smashingconf.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 265

Tuesday, August 25, 2020

Chrome DevTools, Inspired Design Decisions, leading-rim, structuring CSS View on the web Archives ISSUE 265 25th August 2020 News Issue 265 Happy Tuesday from a wet and very windy Bristol, I was

CSS Layout News - Issue 264

Tuesday, August 18, 2020

Grid Level 2 is a Candidate Recommendation. View on the web Archives ISSUE 264 18th August 2020 News Issue 264 Happy Tuesday and another edition of CSS Layout News. I'm looking forward to the

CSS Layout News - Issue 263

Tuesday, August 11, 2020

Performance and CSS, borders, and drop shadows. View on the web Archives ISSUE 263 11th August 2020 News Issue 263 It is incredibly hot here in the UK. I was recording a presentation for an in-house

CSS Layout News - Issue 262

Tuesday, August 4, 2020

CSS OM, SVG Animation, Variable Fonts, Masonry, and DevTools View on the web Archives ISSUE 262 4th August 2020 News Issue 262 Another Tuesday and another CSS Layout News. I have a new sponsor this

CSS Layout News - Issue 260

Tuesday, July 21, 2020

CSS painting order, breakpoints, switch a logo for dark mode. View on the web Archives ISSUE 260 21st July 2020 News Issue 260 2020 continues to be pretty full-on, so apologies for a shorter than usual

You Might Also Like

#489: Web Performance

Tuesday, January 7, 2025

Instant navigation, Web Almanac 2024, INP debugging, font-face fallbacks and compression dictionaries. Issue #489 • Jan 7, 2025 • View in the browser Smashing Newsletter Hello Smashing Friends, Web

The Beautiful House That Made Mayer Rus Anxious—At First

Tuesday, January 7, 2025

View in your browser | Update your preferences ADPro Concrete Box Supreme I confess, I was a bit intimidated by the prospect of writing about the work of architect Tadao Ando for the first time in my

New Updates and a Sneak Peek into 2025

Tuesday, January 7, 2025

Both our email builder and website builder are getting significant upgrades to enhance your experience.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

🐺Get ready to get press in 2025!

Tuesday, January 7, 2025

Since you asked, we extended the sale! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #430: FTC Orders AccessiBe to Pay $1M

Monday, January 6, 2025

January 6, 2025 • Issue #430 View this issue online or browse the full issue archive. Featured: FTC orders AI accessibility startup AccessiBe to pay $1M for misleading advertising "The US Federal

Getting ready for 2025

Sunday, January 5, 2025

Issue 227: Key focuses in the new year ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Want to Scale Your Firm in 2025? Start Here

Thursday, January 2, 2025

View in your browser | Update your preferences ADPro Build Your Best Team Yet A new calendar year presents an opportunity to wipe the slate clean, and your approach, whether slapdash or carefully

Our Must-Reads of 2024

Tuesday, December 31, 2024

View in your browser | Update your preferences ADPro Year in Review Well, we made it. It's the last day of 2024, so today, we're taking a walk down memory lane to bring you some of our

Accessibility Weekly #429: Broken Frames

Monday, December 30, 2024

December 30, 2024 • Issue #429 View this issue online or browse the full issue archive. Featured: Navigating imperfect accessibility frameworks for trauma-informed outcomes "So what is it then? Am

Top issues from 2024

Sunday, December 29, 2024

Issue 226: Looking back at the most resonating topics ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏