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

Webflow Designer

Webflow Designer

THEFABERS
Bergisch Gladbach, Germany

CSS
HTML
Figma
JavaScript
Microsoft Office
Web Designer

Web Designer

Limitoweb Technologies LTD
Birmingham, United Kingdom

Remote
33-35K
API
CSS
HTML
+3