Jeremy Keith

Design Principles For The Web

Solve problems with native HTML and CSS first. The Principle of Least Power leads to more robust, accessible, and performant outcomes for the web.

Design Principles For The Web
#1about 3 minutes

Understanding the Double Diamond design process

The Double Diamond model helps teams collaborate by making it explicit whether they are in a divergent or convergent phase of work.

#2about 3 minutes

Connecting purpose, principles, and patterns

Your organization's purpose (the "why") should inform your principles (the "how"), which in turn guide the final patterns you build (the "what").

#3about 5 minutes

How to create effective design principles

A good design principle forces prioritization and passes the reversibility test, meaning its opposite could be valid in a different context.

#4about 2 minutes

Exploring universal principles and eponymous laws

Eponymous laws like Hofstetter's Law and Murphy's Law act as universal truths that can inform project planning and risk management.

#5about 6 minutes

The web's foundational principle of tolerance

Postel's Law, or the robustness principle, advises being conservative in what you send and liberal in what you accept, a core tenet of the web.

#6about 3 minutes

Applying the principle of least power

Choose the least powerful language suitable for a task, such as using HTML or CSS before resorting to JavaScript, to build more resilient solutions.

#7about 4 minutes

Choosing between native elements and custom components

Deciding between native HTML elements and custom-built components involves a trade-off between user access and developer control.

#8about 2 minutes

Why the web values ubiquity over consistency

Unlike native platforms that prioritize consistency, the web's core value is ubiquity, ensuring content remains accessible across devices and time.

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

d

Saby Company
Delebio, Italy

Junior

job ad

Saby Company
Delebio, Italy

Intermediate

Matching moments

The World Wide Web era of scalability and design
16:16 MIN

The World Wide Web era of scalability and design

Closing Keynote by Joel Spolsky

Understanding the universal principles of design
00:11 MIN

Understanding the universal principles of design

Design as an algorithm, not as a feature

Designing the core protocols of the early web
05:03 MIN

Designing the core protocols of the early web

Opening Keynote by Sir Tim Berners-Lee

The importance of web accessibility as a core developer craft
27:17 MIN

The importance of web accessibility as a core developer craft

WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis

Adopting core Web3 principles in Web2 development
15:30 MIN

Adopting core Web3 principles in Web2 development

Web3: Embracing the Next Era of the Internet Within a Web2 Landscape

Challenging conventional rules of web design
23:01 MIN

Challenging conventional rules of web design

WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more

How the W3C community group developed the guidelines
11:48 MIN

How the W3C community group developed the guidelines

Introducing the W3C Web Sustainability Guidelines

Simple guidelines for creative and accessible design
40:06 MIN

Simple guidelines for creative and accessible design

Dizzy users close browsers: balancing creativity and accessibility

Featured Partners

Related Videos

See all videos
The State Of The Web43:11

The State Of The Web

Jeremy Keith

The What, Why, Who and How of accessibility on the web29:59

The What, Why, Who and How of accessibility on the web

Konstantin Tieber

Web development: where are we, and where are we going?32:56

Web development: where are we, and where are we going?

Laurie Voss

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

The year 3000, a brief history of Web Development

Lorenzo Pieri

What’s New and What’s Next in Web UI22:46

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

Cleyra Uzcategui

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Future-Proof CSS37:55

Future-Proof CSS

Ire Aderinokun

The Resilience of the World Wide Web26:51

The Resilience of the World Wide Web

Niels Leenheer

Related Articles

View all articles
SA
Sead Ahmetovic
Sir Tim Berners-Lee – the genius behind the World Wide Web
We are sure Sir Tim Berners-Lee does not need a lot of introduction. The man behind the World Wide Web and HTML is well-known not only in developer circles but amongst general masses as well. However, to show appreciation and joy for having Sir Tim a...
Sir Tim Berners-Lee – the genius behind the World Wide Web
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?
BB
Benedikt Bischof
Web Development Best Practices: What The Data Tells us
Welcome to the new issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Laurie Voss who gave advice about the best practices in web development. What you will learn:What’s the current state of web development - “k...
Web Development Best Practices: What The Data Tells us
AH
Alex Husar
Top 5 Web Design Trends for 2023
Web design is the process of creating websites to inform, communicate, engage, and entertain an online audience. It involves many different stages, including:site planning and developmentcontent generationinterface designvisual stylingWeb design is r...
Top 5 Web Design Trends for 2023

From learning to earning

Jobs that call for the skills explored in this talk.

Web Designer

Web Designer

Nothing
London, United Kingdom

HTML
Figma
Adobe InDesign
Adobe Photoshop
Adobe Illustrator