Ire Aderinokun

Future-Proof CSS

Your CSS fails silently. Learn to build a resilient foundation that adapts to any browser, now and in the future.

Future-Proof CSS
#1about 4 minutes

The web's foundational principle of backward compatibility

Web technologies are designed not to break older sites, ensuring longevity even for pages with deprecated or missing HTML elements.

#2about 4 minutes

Building for resilience with progressive enhancement

Progressive enhancement starts with a core experience for the least capable devices and adds features for modern browsers, unlike graceful degradation.

#3about 2 minutes

The unique challenges of progressive enhancement in CSS

Unlike JavaScript, CSS lacks robust built-in feature detection and error handling, which causes styles to fail silently without feedback.

#4about 5 minutes

Core techniques for writing robust and resilient CSS

Start with sensible HTML, leverage the cascade for fallbacks, use mobile-first media queries, and use older, well-supported properties when needed.

#5about 2 minutes

Using feature queries for progressive enhancement

Use positive @supports queries to apply modern CSS as an enhancement, ensuring a functional baseline for browsers that don't support feature queries.

#6about 6 minutes

Writing CSS for a global audience with internationalization

Adapt layouts for different languages and writing directions by using logical properties like `margin-inline-start` instead of physical ones like `margin-left`.

#7about 5 minutes

Using the right tool for the right job for accessibility

Improve accessibility by using HTML for content, CSS for styling, and JavaScript for functionality, avoiding hacks like using CSS pseudo-elements for labels.

#8about 3 minutes

Preserving accessibility when customizing default styles

When restyling default elements like buttons, ensure you provide accessible alternatives for focus states and adapt to user preferences like reduced motion.

#9about 6 minutes

Proactively auditing CSS for accessibility and compliance

Use browser developer tools like Firefox Accessibility Inspector and Lighthouse to audit for issues, but supplement them with real user testing for complete coverage.

Related jobs
Jobs that call for the skills explored in this talk.

job ad

Saby Company
Delebio, Italy

Intermediate

d

Saby Company
Delebio, Italy

Junior

Matching moments

Discussion on the evolution and future of CSS
41:29 MIN

Discussion on the evolution and future of CSS

What's new in CSS for Designers?

Q&A on CSS history, design, and print standards
28:35 MIN

Q&A on CSS history, design, and print standards

How to write a book with CSS

Analyzing the new Web Readiness Report and modern CSS
32:17 MIN

Analyzing the new Web Readiness Report and modern CSS

WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more

How past browser features inform modern standards
12:04 MIN

How past browser features inform modern standards

Explore new web features before everyone else

Reflecting on 15 years of responsive web design
12:39 MIN

Reflecting on 15 years of responsive web design

WeAreDevelopers LIVE - Moving into DevRel, The death of search APIs, Building with empathy and more

Writing efficient and sustainable CSS
20:06 MIN

Writing efficient and sustainable CSS

Sustainable me. A tale of good design.

Evolving CSS from basic styles to advanced effects
03:12 MIN

Evolving CSS from basic styles to advanced effects

How to write a book with CSS

Returning to foundational web technologies like RSS and HTML
36:09 MIN

Returning to foundational web technologies like RSS and HTML

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

Featured Partners

Related Videos

See all videos
What’s New and What’s Next in Web UI22:46

What’s New and What’s Next in Web UI

Cleyra Uzcategui

Can CSS recreate Tufte's designs?28:00

Can CSS recreate Tufte's designs?

Håkon Wium Lie

How to write a book with CSS40:25

How to write a book with CSS

Håkon Wium Lie

Design Principles For The Web29:11

Design Principles For The Web

Jeremy Keith

The year 3000, a brief history of Web Development25:30

The year 3000, a brief history of Web Development

Lorenzo Pieri

The State Of The Web43:11

The State Of The Web

Jeremy Keith

What's new in CSS for Designers?59:20

What's new in CSS for Designers?

Onur Gumus

Is CSS Houdini finally usable in 2023?29:40

Is CSS Houdini finally usable in 2023?

Tanja Ulianova

Related Articles

View all articles
LM
Luis Minvielle
Top 7 CSS Frameworks in 2025
What is a CSS framework?A CSS framework comprises multiple ready-to-use CSS libraries for developers and web designers. The stylesheets are prepared for everyday tasks in web design, such as the navbar, font, colour, and layout setup. They simplify t...
Top 7 CSS Frameworks in 2025
DC
Daniel Cranney
The State of HTML 2024: What can we learn from it?
The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
The State of HTML 2024: What can we learn from it?
CH
Chris Heilmann
Dev Digest 133 - Back to Front
News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching and Vision for websites as well as win a chance to take...
Dev Digest 133 - Back to Front
LM
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend-Entwickler

Frontend-Entwickler

infomax websolutions GmbH
Grassau, Germany

Intermediate
Senior
CSS
HTML
JavaScript
TypeScript