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.

Matching moments

Organizing a developer conference for 15,000 attendees
01:32 MIN

Organizing a developer conference for 15,000 attendees

Cat Herding with Lions and Tigers - Christian Heilmann

Selecting strategic partners and essential event tools
03:17 MIN

Selecting strategic partners and essential event tools

Cat Herding with Lions and Tigers - Christian Heilmann

Using content channels to build an event community
04:49 MIN

Using content channels to build an event community

Cat Herding with Lions and Tigers - Christian Heilmann

Rapid-fire thoughts on the future of work
02:44 MIN

Rapid-fire thoughts on the future of work

What 2025 Taught Us: A Year-End Special with Hung Lee

Balancing the trade-off between efficiency and resilience
03:38 MIN

Balancing the trade-off between efficiency and resilience

What 2025 Taught Us: A Year-End Special with Hung Lee

Developing resilience by expanding your capacity for failure
04:57 MIN

Developing resilience by expanding your capacity for failure

What 2025 Taught Us: A Year-End Special with Hung Lee

Why HR struggles with technology implementation and adoption
04:22 MIN

Why HR struggles with technology implementation and adoption

What 2025 Taught Us: A Year-End Special with Hung Lee

Breaking down silos between HR, tech, and business
03:39 MIN

Breaking down silos between HR, tech, and business

What 2025 Taught Us: A Year-End Special with Hung Lee

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

Future-Proof CSS37:55

Future-Proof CSS

Ire Aderinokun

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

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

Cleyra Uzcategui

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

The year 3000, a brief history of Web Development

Lorenzo Pieri

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more1:06:20

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney & Jan Deppisch

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

Related Articles

View all articles
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript
CH
Chris Heilmann
Links and anchors: ancient HTML and JS magic in your browser
Have you ever wondered why you use an <a> element to add link to an HTML document? Paragraph is <p>, unordered list is <ul>, image is <img> but why <a> instead of <link>? Well, the reason is that the element both defines where to go to, but also an e...
Links and anchors: ancient HTML and JS magic in your browser

From learning to earning

Jobs that call for the skills explored in this talk.

Web Interaction Designer

Web Interaction Designer

Web Interaction Designertalent International Uk Ltd
Stockport, United Kingdom

Remote
Senior
CSS
HTML
Figma
JavaScript
Interaction Designers

Interaction Designers

DWP Digital
Manchester, United Kingdom

Remote
£44-46K
Adobe Analytics
Red Hat Enterprise Linux - RHEL