🎨 Web Design Fundamentals

Core principles of designing for the web — visual hierarchy, responsive layouts, accessibility, and the craft of making digital experiences intuitive and beautiful.

Learn CSS in One Day and Learn It Well (Includes HTML5)

by Jamie Chan • 2015

Zero CSS to real web pages in one day: hands-on project that teaches layout and style.

4.06

142

🌐 Web Development 🖥️ Frontend Engineering 🛠️ Learn By Doing

Learn CSS in One Day and Learn It Well (Includes HTML5) Summary

Learn CSS in One Day and Learn It Well (Includes HTML5) 94%

Zero CSS to real web pages in one day: hands-on project that teaches layout and style.

by Jamie Chan 2015

4.06

142 ratings

🌐 Web Development 🖥️ Frontend Engineering 🛠️ Learn By Doing

Learning Web Design

by Jennifer Niederst Robbins • 2001

The hands-on guide that turns absolute beginners into web designers who actually know how to code.

4.09

799

🖥️ Front-End Development 🌐 Web Standards 📗 Beginner-Friendly Coding

Learning Web Design 93%

The hands-on guide that turns absolute beginners into web designers who actually know how to code.

by Jennifer Niederst Robbins 2001

4.09

799 ratings

🖥️ Front-End Development 🌐 Web Standards 📗 Beginner-Friendly Coding

HTML and CSS

by Jon Duckett • 2011

HTML and CSS are the web's building blocks. This visual guide shows you how to lay them.

4.30

5k+

🌐 Web Design 🖥️ Frontend Development ⚖️ Web Standards

HTML and CSS 93%

HTML and CSS are the web's building blocks. This visual guide shows you how to lay them.

by Jon Duckett 2011

4.30

5k+ ratings

🌐 Web Design 🖥️ Frontend Development ⚖️ Web Standards

HTML5 for Web Designers

by Jeremy Keith • 2010

Ditch plugins and browser hacks: native audio, video, and responsive images arrive with HTML5.

3.98

3k+

🌐 Html5 💻 Front-End Development 🧱 Html And Css

HTML5 for Web Designers 93%

Ditch plugins and browser hacks: native audio, video, and responsive images arrive with HTML5.

by Jeremy Keith 2010

3.98

3k+ ratings

🌐 Html5 💻 Front-End Development 🧱 Html And Css

Html

by iCode Academy • 2017

Build a working website from scratch in seven days, no coding background required.

3.87

🧱 Html And Css 🐣 Beginner Coding 🗓️ 7-Day Learning

Html 92%

Build a working website from scratch in seven days, no coding background required.

by iCode Academy 2017

3.87

78 ratings

🧱 Html And Css 🐣 Beginner Coding 🗓️ 7-Day Learning

HTML5

by Mark Pilgrim • 2010

Plugins are dying: video, graphics, and storage now live in the browser itself. Here is how.

3.97

653

🌐 Web Development 💻 Frontend Development 🏷️ Semantic Markup

HTML5 92%

Plugins are dying: video, graphics, and storage now live in the browser itself. Here is how.

by Mark Pilgrim 2010

3.97

653 ratings

🌐 Web Development 💻 Frontend Development 🏷️ Semantic Markup

A Smarter Way to Learn JavaScript. The new tech-assisted approach that requires half the effort

by Mark Myers • 2013

JavaScript learned through short chapters and immediate coding practice, designed to stick faster.

4.04

624

🌐 Web Development 💻 Learn To Code 📚 Programming Fundamentals

A Smarter Way to Learn JavaScript. The new tech-assisted approach that requires half the effort Summary

A Smarter Way to Learn JavaScript. The new tech-assisted approach that requires half the effort 91%

JavaScript learned through short chapters and immediate coding practice, designed to stick faster.

by Mark Myers 2013

4.04

624 ratings

🌐 Web Development 💻 Learn To Code 📚 Programming Fundamentals

Refactoring UI

by Adam Wathan • 2018

Why developers build ugly interfaces, and the constraint system that fixes them.

4.65

2k+

🎨 UI Design 🧩 Design Systems 📐 Visual Hierarchy

Refactoring UI 91%

Why developers build ugly interfaces, and the constraint system that fixes them.

by Adam Wathan 2018

4.65

2k+ ratings

🎨 UI Design 🧩 Design Systems 📐 Visual Hierarchy

Wordpress in a week

by Zak Cagaros • 2014

Launch a custom WordPress site in a week: the step-by-step blueprint for non-coders.

3.46

🌐 Website Building 🖥️ Wordpress For Beginners 🧩 No-Code Development

Wordpress in a week 91%

Launch a custom WordPress site in a week: the step-by-step blueprint for non-coders.

by Zak Cagaros 2014

3.46

63 ratings

🌐 Website Building 🖥️ Wordpress For Beginners 🧩 No-Code Development

Adobe Photoshop CS6 Classroom in a Book

by Adobe Creative Team • 2012

Slideshows, zoomable images, and navigation menus: all built inside Photoshop, no code required.

4.16

316

🖥️ Web Design 📷 Digital Imaging 🎨 Web Graphics

Adobe Photoshop CS6 Classroom in a Book Summary

Adobe Photoshop CS6 Classroom in a Book 91%

Slideshows, zoomable images, and navigation menus: all built inside Photoshop, no code required.

by Adobe Creative Team 2012

4.16

316 ratings

🖥️ Web Design 📷 Digital Imaging 🎨 Web Graphics

Smashing WordPress

by Thord Daniel Hedengren • 2010

Take WordPress beyond blogging with themes, custom post types, and the loop for any site.

3.76

247

🛠️ Wordpress Development 🎨 Theme Building 🔌 Plugin Development

Smashing WordPress 91%

Take WordPress beyond blogging with themes, custom post types, and the loop for any site.

by Thord Daniel Hedengren 2010

3.76

247 ratings

🛠️ Wordpress Development 🎨 Theme Building 🔌 Plugin Development

Mobile First

by Luke Wroblewski • 2011

Eighty percent less screen space forces decisions that make your product better on every device.

3.90

2k+

📱 Mobile Design 🌐 Web Design 🖌️ Ux Design

Mobile First 90%

Eighty percent less screen space forces decisions that make your product better on every device.

by Luke Wroblewski 2011

3.90

2k+ ratings

📱 Mobile Design 🌐 Web Design 🖌️ Ux Design

Frontend Architecture for Design Systems

by Micah Godbolt • 2015

Forget page-building. Build a design system with modular markup and CSS that scales.

3.33

123

🏗️ Front-End Architecture 🎨 Design Systems 📐 CSS Methodologies

Frontend Architecture for Design Systems Summary

Frontend Architecture for Design Systems 90%

Forget page-building. Build a design system with modular markup and CSS that scales.

by Micah Godbolt 2015

3.33

123 ratings

🏗️ Front-End Architecture 🎨 Design Systems 📐 CSS Methodologies

Learning React

by Alex Banks • 2017

React without the chaos: a sequenced path from components to hooks to the production toolchain.

4.07

521

🖥️ Web Development 🧱 Component Architecture 🧮 Functional Programming

Learning React 90%

React without the chaos: a sequenced path from components to hooks to the production toolchain.

by Alex Banks 2017

4.07

521 ratings

🖥️ Web Development 🧱 Component Architecture 🧮 Functional Programming

Don't Make Me Think

by Steve Krug • 2000

Users scan, guess, never read. The compact guide to websites that work first try.

4.24

31k+

🖥️ Web Usability 📋 Usability Heuristics 🗂️ Information Architecture

Don't Make Me Think 90%

Users scan, guess, never read. The compact guide to websites that work first try.

by Steve Krug 2000

4.24

31k+ ratings

🖥️ Web Usability 📋 Usability Heuristics 🗂️ Information Architecture

Information Architecture for the World Wide Web

by Peter Morville • 1998

Why most large websites feel like a maze, and the craft of making them findable.

3.93

4k+

🧱 Information Architecture 🌐 Web Design 💻 User Experience Design

Information Architecture for the World Wide Web Summary

Information Architecture for the World Wide Web 90%

Why most large websites feel like a maze, and the craft of making them findable.

by Peter Morville 1998

3.93

4k+ ratings

🧱 Information Architecture 🌐 Web Design 💻 User Experience Design

High Performance JavaScript

by Nicholas C. Zakas • 2010

Fewer DOM touches, shorter scope chains, smarter loading: JS performance without the rewrite.

4.10

596

🧭 Web Performance 📄 Dom Scripting 🔍 Performance Profiling

High Performance JavaScript 90%

Fewer DOM touches, shorter scope chains, smarter loading: JS performance without the rewrite.

by Nicholas C. Zakas 2010

4.10

596 ratings

🧭 Web Performance 📄 Dom Scripting 🔍 Performance Profiling

jQuery

by Earle Castledine • 2010

Why jQuery conquered the web: the selector-to-plugin path for building sites that feel like apps.

3.92

554

💻 Frontend Development 📚 Javascript Libraries 🔧 Dom Manipulation

jQuery 89%

Why jQuery conquered the web: the selector-to-plugin path for building sites that feel like apps.

by Earle Castledine 2010

3.92

554 ratings

💻 Frontend Development 📚 Javascript Libraries 🔧 Dom Manipulation

Graphic Design

by Ellen Lupton • 2008

Forget inspiration: how dots, grids, and iteration build the language of professional design.

3.95

2k+

📐 Design Fundamentals 👁️ Visual Perception 💡 Ideation Techniques

Graphic Design 89%

Forget inspiration: how dots, grids, and iteration build the language of professional design.

by Ellen Lupton 2008

3.95

2k+ ratings

📐 Design Fundamentals 👁️ Visual Perception 💡 Ideation Techniques

Designing Interface Animation

by Val Head • 2016

Make your UI feel fast, smart, and alive. The motion rules for cognitive ease and 60fps performance.

4.16

🧩 Interface Animation 🎬 Motion Design 🎞️ Classical Animation

Designing Interface Animation 89%

Make your UI feel fast, smart, and alive. The motion rules for cognitive ease and 60fps performance.

by Val Head 2016

4.16

82 ratings

🧩 Interface Animation 🎬 Motion Design 🎞️ Classical Animation

Hypermedia Systems

by Carson Gross • 2023

HTML and HTTP already solve what SPAs make complex. A single JavaScript library proves it.

4.37

225

🏗️ Web Architecture 🔗 REST Architecture 📡 Hypermedia Design

Hypermedia Systems 89%

HTML and HTTP already solve what SPAs make complex. A single JavaScript library proves it.

by Carson Gross 2023

4.37

225 ratings

🏗️ Web Architecture 🔗 REST Architecture 📡 Hypermedia Design

The Non-Designer's Design Book

by Robin P. Williams • 2011

Good design is not a talent; it is four principles anyone can apply.

4.10

5k+

🎨 Graphic Design 👁️ Visual Communication 📐 Layout Design

The Non-Designer's Design Book 89%

Good design is not a talent; it is four principles anyone can apply.

by Robin P. Williams 2011

4.10

5k+ ratings

🎨 Graphic Design 👁️ Visual Communication 📐 Layout Design

The Elements of User Experience

by Jesse James Garrett • 2002

User experience has five layers. Most teams start at the top and wonder why it cracks.

4.01

4k+

🎨 User Experience Design 👤 User-Centered Design 🔄 Design Process

The Elements of User Experience 89%

User experience has five layers. Most teams start at the top and wonder why it cracks.

by Jesse James Garrett 2002

4.01

4k+ ratings

🎨 User Experience Design 👤 User-Centered Design 🔄 Design Process

Design Systems Handbook

by DesignBetter.co • 2019

A shared visual language of components and tokens that makes design scale without the mess.

3.92

153

🧱 Design Systems 🧩 Component Libraries 🏛️ Design Governance

Design Systems Handbook 89%

A shared visual language of components and tokens that makes design scale without the mess.

by DesignBetter.co 2019

3.92

153 ratings

🧱 Design Systems 🧩 Component Libraries 🏛️ Design Governance

Search Patterns

by Peter Morville • 2010

Algorithms do not fix search; design does. How the patterns users follow reveal what engineers miss.

3.86

291

🏛️ Information Architecture 🖱️ Interaction Design 🔍 Findability

Search Patterns 89%

Algorithms do not fix search; design does. How the patterns users follow reveal what engineers miss.

by Peter Morville 2010

3.86

291 ratings

🏛️ Information Architecture 🖱️ Interaction Design 🔍 Findability

A Project Guide to UX Design

by Russ Unger • 2009

The methods and documents that carry a UX project from first requirement to final design.

3.87

2k+

🖥️ User Experience Design 🎯 User Centered Design 🔍 User Research Methods

A Project Guide to UX Design 89%

The methods and documents that carry a UX project from first requirement to final design.

by Russ Unger 2009

3.87

2k+ ratings

🖥️ User Experience Design 🎯 User Centered Design 🔍 User Research Methods

Content Strategy for Mobile

by Karen Mcgrane • 2012

One content source, every device, no separate mobile site. Here is how to build it.

4.01

468

📋 Content Strategy 🔄 Responsive Design 🗺️ Information Architecture

Content Strategy for Mobile 89%

One content source, every device, no separate mobile site. Here is how to build it.

by Karen Mcgrane 2012

4.01

468 ratings

📋 Content Strategy 🔄 Responsive Design 🗺️ Information Architecture

Graphic Design Rules

by Sean Adams • 2012

365 design rules: master typography, color, grids, and client work, one day at a time.

3.92

364

🎨 Graphic Design Fundamentals 🔤 Typography 📐 Layout And Composition

Graphic Design Rules 89%

365 design rules: master typography, color, grids, and client work, one day at a time.

by Sean Adams 2012

3.92

364 ratings

🎨 Graphic Design Fundamentals 🔤 Typography 📐 Layout And Composition

Design Systems

by Alla Kholmatova • 2017

Your pattern library is not a design system. Shared language and team practices close the gap.

4.13

608

🧱 Design Systems 🖥️ Interface Design 📐 Design Principles

Design Systems 89%

Your pattern library is not a design system. Shared language and team practices close the gap.

by Alla Kholmatova 2017

4.13

608 ratings

🧱 Design Systems 🖥️ Interface Design 📐 Design Principles

Two Scoops of Django

by Daniel Roy Greenfeld • 2013

Django gets messy fast. The project structure, query rules, and Unix principle that keep it clean.

4.22

260

💻 Python Web Development 🧩 Django Framework ⚙️ Backend Development

Two Scoops of Django 89%

Django gets messy fast. The project structure, query rules, and Unix principle that keep it clean.

by Daniel Roy Greenfeld 2013

4.22

260 ratings

💻 Python Web Development 🧩 Django Framework ⚙️ Backend Development

Atomic Design

by Brad Frost • 2016

Chemistry meets web design: a method for building reusable component systems from the ground up.

4.00

1k+

🎨 Interface Design 🧩 Design Systems 🧱 Modular Design

Atomic Design 89%

Chemistry meets web design: a method for building reusable component systems from the ground up.

by Brad Frost 2016

4.00

1k+ ratings

🎨 Interface Design 🧩 Design Systems 🧱 Modular Design

The Passing of the Great Race or the Racial Basis of European History

by Madison Grant • 1916

Why classical inheritance breaks a JavaScript app, and how composition, modules, and events fix it.

3.34

187

🧱 Object Composition 📦 Module Design ⚡ Event-Driven Architecture

The Passing of the Great Race or the Racial Basis of European History Summary

The Passing of the Great Race or the Racial Basis of European History 89%

Why classical inheritance breaks a JavaScript app, and how composition, modules, and events fix it.

by Madison Grant 1916

3.34

187 ratings

🧱 Object Composition 📦 Module Design ⚡ Event-Driven Architecture

101 UX Principles

by Will Grant • 2018

A UX field manual: 101 rules to turn a frustrating interface into one users love.

4.10

158

🖥️ User Experience Design 🎛️ Interface Design 🌐 Web Usability

101 UX Principles 89%

A UX field manual: 101 rules to turn a frustrating interface into one users love.

by Will Grant 2018

4.10

158 ratings

🖥️ User Experience Design 🎛️ Interface Design 🌐 Web Usability

PHP Solutions

by David Powers • 2006

Dynamic sites from scratch: plain PHP for form handling, sessions, databases, and server-side logic.

3.91

148

🐘 Php And Mysql 🌐 Web Development 🖥️ Server-Side Scripting

PHP Solutions 88%

Dynamic sites from scratch: plain PHP for form handling, sessions, databases, and server-side logic.

by David Powers 2006

3.91

148 ratings

🐘 Php And Mysql 🌐 Web Development 🖥️ Server-Side Scripting

WordPress Security Secrets Revealed

by Sahil B. • 2023

43% of the web runs on WordPress. The security layers that make your site the hard target.

🔒 Wordpress Security 🛡️ Website Hardening 💾 Backup Strategies

WordPress Security Secrets Revealed Summary

WordPress Security Secrets Revealed 88%

43% of the web runs on WordPress. The security layers that make your site the hard target.

by Sahil B. 2023

🔒 Wordpress Security 🛡️ Website Hardening 💾 Backup Strategies

Les Fondamentaux Du Graphisme

by Gavin Ambrose • 2008

For new designers: master typography, branding, process, and production from brief to finish.

3.53

109

🎨 Graphic Design 🔤 Typography 💼 Brand Identity

Les Fondamentaux Du Graphisme 88%

For new designers: master typography, branding, process, and production from brief to finish.

by Gavin Ambrose 2008

3.53

109 ratings

🎨 Graphic Design 🔤 Typography 💼 Brand Identity

How Computers Really Work

by Matthew Justice • 2020

From transistor to web: the computing stack explained layer by layer, no prerequisites required.

4.35

160

🏗️ Computer Architecture ⚡ Digital Electronics 🧱 Abstraction Layers

How Computers Really Work 88%

From transistor to web: the computing stack explained layer by layer, no prerequisites required.

by Matthew Justice 2020

4.35

160 ratings

🏗️ Computer Architecture ⚡ Digital Electronics 🧱 Abstraction Layers

How to Speak Tech

by Vinay Trivedi • 2013

No coding required: the Internet, cloud, databases, and software, translated into business sense.

3.93

204

📖 Tech Literacy 🌐 Web Development ☁️ Cloud Computing

How to Speak Tech 88%

No coding required: the Internet, cloud, databases, and software, translated into business sense.

by Vinay Trivedi 2013

3.93

204 ratings

📖 Tech Literacy 🌐 Web Development ☁️ Cloud Computing

Making and Breaking the Grid

by Timothy Samara • 2003

Build grids like a modernist, break them like a punk. A workshop on the grid's double life.

3.88

4k+

🎨 Graphic Design 📐 Grid Systems 📄 Layout Design

Making and Breaking the Grid 88%

Build grids like a modernist, break them like a punk. A workshop on the grid's double life.

by Timothy Samara 2003

3.88

4k+ ratings

🎨 Graphic Design 📐 Grid Systems 📄 Layout Design

Curso Diseño Gráfico

by Anna María López López • 2013

Every technical step of graphic design, from brief to bleed, in one complete professional course.

4.18

🎨 Graphic Design 👁️ Visual Communication 🌈 Color Theory

Curso Diseño Gráfico 88%

Every technical step of graphic design, from brief to bleed, in one complete professional course.

by Anna María López López 2013

4.18

17 ratings

🎨 Graphic Design 👁️ Visual Communication 🌈 Color Theory

PHP and MySQL Web Development

by Luke Welling • 2003

Build a database-backed site with PHP and MySQL: setup, queries, security, and path to production.

3.96

971

🔧 Backend Development 🐘 Php And Mysql 📊 Relational Databases

PHP and MySQL Web Development 88%

Build a database-backed site with PHP and MySQL: setup, queries, security, and path to production.

by Luke Welling 2003

3.96

971 ratings

🔧 Backend Development 🐘 Php And Mysql 📊 Relational Databases

The Elements of Content Strategy

by Erin Kissane • 2011

Great web content does not just happen. The discipline, workflow, and standards for planning it.

3.73

2k+

🧩 Content Strategy 📝 Web Writing 🧑‍💻 User-Centered Design

The Elements of Content Strategy Summary

The Elements of Content Strategy 88%

Great web content does not just happen. The discipline, workflow, and standards for planning it.

by Erin Kissane 2011

3.73

2k+ ratings

🧩 Content Strategy 📝 Web Writing 🧑‍💻 User-Centered Design

Developing Backbone.js Applications

by Addy Osmani • 2012

Bring order to sprawling client-side JavaScript with models, views, and a router, no page reloads.

3.70

188

💻 Frontend Development 🧱 Model-View-Controller 📄 Single-Page Apps

Developing Backbone.js Applications Summary

Developing Backbone.js Applications 88%

Bring order to sprawling client-side JavaScript with models, views, and a router, no page reloads.

by Addy Osmani 2012

3.70

188 ratings

💻 Frontend Development 🧱 Model-View-Controller 📄 Single-Page Apps

High Performance Web Sites

by Steve Souders • 2007

The browser, not the backend, eats your load time. The engineering rules that win it back.

4.15

688

🚀 Web Performance ⚙️ Performance Engineering 📡 HTTP Optimization

High Performance Web Sites 88%

The browser, not the backend, eats your load time. The engineering rules that win it back.

by Steve Souders 2007

4.15

688 ratings

🚀 Web Performance ⚙️ Performance Engineering 📡 HTTP Optimization

The Basics of User Experience Design

by Mads Soegaard • 2018

The one-question test for product success, and the seven factors that answer it.

3.65

193

🧠 Design Thinking ✅ Usability 🔍 User Research

The Basics of User Experience Design Summary

The Basics of User Experience Design 88%

The one-question test for product success, and the seven factors that answer it.

by Mads Soegaard 2018

3.65

193 ratings

🧠 Design Thinking ✅ Usability 🔍 User Research

Learning Python Data Visualization

by Chad Adams • 2014

Turn spreadsheets and web data into SVG charts with Python, no design background required.

3.00

📊 Data Visualization 🐍 Python Programming 📈 Chart Creation

Learning Python Data Visualization Summary

Learning Python Data Visualization 88%

Turn spreadsheets and web data into SVG charts with Python, no design background required.

by Chad Adams 2014

3.00

5 ratings

📊 Data Visualization 🐍 Python Programming 📈 Chart Creation

Python Programming

by John Zelle • 2003

A Python-first CS textbook that teaches what computation can do, not just how to code.

4.02

483

📘 Introductory Programming 🐍 Python Programming 🧮 Algorithm Fundamentals

Python Programming 88%

A Python-first CS textbook that teaches what computation can do, not just how to code.

by John Zelle 2003

4.02

483 ratings

📘 Introductory Programming 🐍 Python Programming 🧮 Algorithm Fundamentals

Content Strategy for the Web

by Kristina Halvorson • 2012

Everyone demands new web content. Nobody plans for its upkeep. The system that changes that.

4.00

3k+

🧱 Content Strategy ✍️ Web Writing ♻️ Content Lifecycle

Content Strategy for the Web 88%

Everyone demands new web content. Nobody plans for its upkeep. The system that changes that.

by Kristina Halvorson 2012

4.00

3k+ ratings

🧱 Content Strategy ✍️ Web Writing ♻️ Content Lifecycle

Content Design

by Sarah Richards • 2017

Stop writing, start designing: a research-first way to make content that users actually need.

4.31

734

🗂️ Content Strategy ✍️ Ux Writing 🔍 User Research

Content Design 88%

Stop writing, start designing: a research-first way to make content that users actually need.

by Sarah Richards 2017

4.31

734 ratings

🗂️ Content Strategy ✍️ Ux Writing 🔍 User Research

Rocket Surgery Made Easy

by Steve Krug • 2009

Usability testing sounds expensive and complex. A three-person, one-morning method proves it isn't.

4.14

4k+

🧪 Usability Testing 🎨 User Experience Design 👀 User Observation

Rocket Surgery Made Easy 88%

Usability testing sounds expensive and complex. A three-person, one-morning method proves it isn't.

by Steve Krug 2009

4.14

4k+ ratings

🧪 Usability Testing 🎨 User Experience Design 👀 User Observation

Compare Features	Free	Pro
📖 Read Summaries Read unlimited summaries. Free users get 3 per month
🎧 Listen to Summaries Listen to unlimited summaries in 40 languages	—
❤️ Unlimited Bookmarks Free users are limited to 4	—
📜 Unlimited History Free users are limited to 4	—
📥 Unlimited Downloads Free users are limited to 1	—

People love SoBrief

Join our global community of 600,000+ readers

★★★★★

This site is a total game-changer. I've been flying through book summaries like never before. Highly, highly recommend.

— Dave G

Worth my money and time, and really well made. I've never seen this quality of summaries on other websites. Very helpful!

— Em

Highly recommended!! Fantastic service. Perfect for those that want a little more than a teaser but not all the intricate details of a full audio book.

— Greg M