🎨 Web Graphics

Guides to creating compelling visual content for digital platforms, covering design principles, tools, and the unique demands of screen-based imagery. These books help designers make the web more beautiful and functional.

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 💻 Software Training

Adobe Photoshop CS6 Classroom in a Book Summary

Adobe Photoshop CS6 Classroom in a Book 90%

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 💻 Software Training

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 89%

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

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 89%

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

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 89%

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

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 88%

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

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) 88%

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

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

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 88%

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

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 88%

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

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 88%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 87%

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

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 86%

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

Starting Your Career as a Graphic Designer

by Michael Fleishman • 2014

Design skill is the starting line. Pricing, selling, and client survival are the race.

4.00

🎨 Graphic Design 💼 Creative Business 🌱 New Designers

Starting Your Career as a Graphic Designer Summary

Starting Your Career as a Graphic Designer 86%

Design skill is the starting line. Pricing, selling, and client survival are the race.

by Michael Fleishman 2014

4.00

3 ratings

🎨 Graphic Design 💼 Creative Business 🌱 New Designers

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 86%

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

Google Hacks

by Rael Dornfest • 2003

Hidden syntax, tools, and 800 million Usenet messages: how to find anything with Google.

3.68

301

🔍 Internet Research 🔎 Search Techniques 💻 Hacker Culture

Google Hacks 86%

Hidden syntax, tools, and 800 million Usenet messages: how to find anything with Google.

by Rael Dornfest 2003

3.68

301 ratings

🔍 Internet Research 🔎 Search Techniques 💻 Hacker Culture

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 86%

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

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 86%

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

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 86%

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

How Do I Do That in Photoshop?

by Scott Kelby • 2016

From skin tones to lens distortion: every Photoshop fix, with the slider name and the shortcut.

4.27

📷 Photo Editing 📸 Digital Photography 📖 Quick Reference

How Do I Do That in Photoshop? 86%

From skin tones to lens distortion: every Photoshop fix, with the slider name and the shortcut.

by Scott Kelby 2016

4.27

84 ratings

📷 Photo Editing 📸 Digital Photography 📖 Quick Reference

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 86%

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

Thinking with Type

by Ellen Lupton • 2004

Typography is a craft, not a font menu: the rules of spacing, history, and form.

4.12

13k+

🔤 Typography 📄 Editorial Design 📊 Visual Hierarchy

Thinking with Type 86%

Typography is a craft, not a font menu: the rules of spacing, history, and form.

by Ellen Lupton 2004

4.12

13k+ ratings

🔤 Typography 📄 Editorial Design 📊 Visual Hierarchy

Unfolding the Napkin

by Dan Roam • 2009

Turn any business mess into a picture everyone gets, with the drawing skills you already have.

4.04

964

👁️ Visual Thinking ✍️ Hand-Drawn Visuals 🖍️ Graphic Facilitation

Unfolding the Napkin 86%

Turn any business mess into a picture everyone gets, with the drawing skills you already have.

by Dan Roam 2009

4.04

964 ratings

👁️ Visual Thinking ✍️ Hand-Drawn Visuals 🖍️ Graphic Facilitation

Making Comics

by Scott McCloud • 2006

Comics are a storytelling engine powered by choices you make before the ink dries.

4.34

10k+

🛠️ Comics Craft 👁️ Visual Storytelling 🧠 Comics Theory

Making Comics 86%

Comics are a storytelling engine powered by choices you make before the ink dries.

by Scott McCloud 2006

4.34

10k+ ratings

🛠️ Comics Craft 👁️ Visual Storytelling 🧠 Comics Theory

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 86%

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

How to use graphic design to sell things, explain things, make things look better, make people laugh, make people cry, and (every once in a while) change the world

by Michael Bierut • 2015

Great logos aren't born from blank slates but from ugly constraints and stubborn clients.

4.32

1k+

✏️ Graphic Design 🏷️ Brand Identity 🤝 Client Relationships

How to use graphic design to sell things, explain things, make things look better, make people laugh, make people cry, and (every once in a while) change the world 86%

Great logos aren't born from blank slates but from ugly constraints and stubborn clients.

by Michael Bierut 2015

4.32

1k+ ratings

✏️ Graphic Design 🏷️ Brand Identity 🤝 Client Relationships

Information Is Beautiful

by David McCandless • 2001

Concept is the secret: why a simple, clever data drawing can reveal more than a supercomputer.

4.12

4k+

📊 Data Visualization 🎨 Data Art 👁️ Visual Literacy

Information Is Beautiful 86%

Concept is the secret: why a simple, clever data drawing can reveal more than a supercomputer.

by David McCandless 2001

4.12

4k+ ratings

📊 Data Visualization 🎨 Data Art 👁️ Visual Literacy

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 86%

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

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 86%

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

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 86%

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

How To Get To The Top of Google

by Tim Cameron-Kitchen • 2020

A business owner's playbook for climbing Google rankings: no jargon, no agency required.

4.37

285

🔍 Search Engine Optimization 📱 Digital Marketing 📝 Content Marketing

How To Get To The Top of Google 86%

A business owner's playbook for climbing Google rankings: no jargon, no agency required.

by Tim Cameron-Kitchen 2020

4.37

285 ratings

🔍 Search Engine Optimization 📱 Digital Marketing 📝 Content Marketing

Presentation Zen Design

by Garr Reynolds • 2009

Slides packed with text bore audiences. Better visuals, type, and space make them pay attention.

4.19

2k+

🖥️ Presentation Design 🎬 Visual Storytelling 📊 Data Visualization

Presentation Zen Design 86%

Slides packed with text bore audiences. Better visuals, type, and space make them pay attention.

by Garr Reynolds 2009

4.19

2k+ ratings

🖥️ Presentation Design 🎬 Visual Storytelling 📊 Data Visualization

High Performance Browser Networking

by Ilya Grigorik • 2013

The network is your slowest component. Master the protocols and browser APIs that make it fast.

4.51

856

🚀 Web Performance 🌐 Network Protocols 📱 Mobile Performance

High Performance Browser Networking Summary

High Performance Browser Networking 86%

The network is your slowest component. Master the protocols and browser APIs that make it fast.

by Ilya Grigorik 2013

4.51

856 ratings

🚀 Web Performance 🌐 Network Protocols 📱 Mobile Performance

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 86%

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

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 86%

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

Made by James

by James Martin • 2022

Why rough drawing beats perfectionism, and the pricing formula that sustains a creative career.

4.54

226

✏️ Logo Design 💼 Freelance Design 🎯 Brand Identity Design

Made by James 86%

Why rough drawing beats perfectionism, and the pricing formula that sustains a creative career.

by James Martin 2022

4.54

226 ratings

✏️ Logo Design 💼 Freelance Design 🎯 Brand Identity Design

The Freelance Manifesto

by Joey Korenman • 2017

Motion designers can hit six figures freelancing. A field guide to portfolio, pricing, and trust.

4.52

551

🎬 Motion Design 💼 Freelance Business 🎨 Creative Careers

The Freelance Manifesto 86%

Motion designers can hit six figures freelancing. A field guide to portfolio, pricing, and trust.

by Joey Korenman 2017

4.52

551 ratings

🎬 Motion Design 💼 Freelance Business 🎨 Creative Careers

Optimize

by Lee Odden • 2012

Optimize for Google and for humans simultaneously: the integrated playbook that ends the tug-of-war.

3.78

264

🎯 Content Marketing 📱 Social Media Marketing 🔍 Organic Search

Optimize 86%

Optimize for Google and for humans simultaneously: the integrated playbook that ends the tug-of-war.

by Lee Odden 2012

3.78

264 ratings

🎯 Content Marketing 📱 Social Media Marketing 🔍 Organic Search

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 86%

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 86%

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

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 86%

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

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