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.

Featured Partners

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
DC
Daniel Cranney
Web Developer Portfolio Inspiration and Examples - March 2025
Every developer needs a portfolio… of some sort. Whether it’s an all-singing all-dancing portfolio page, a blog, or a simple links page, it’s important to let others know what you have done, what you can do, and how they can contact you. A portfolio ...
Web Developer Portfolio Inspiration and Examples - March 2025

From learning to earning

Jobs that call for the skills explored in this talk.

Web Designer

Aero It Digital Solution Ltd.

Remote
CSS
HTML
Figma
WordPress
+1