UI/UX Design

6 Free eBooks to learn HTML5, CSS3, UI Design and UX Design

When was the last time you read a good book about UI/UX design? If you like reading, here are 6 free ebooks I recommend you to improve your design skills.

How to Code in HTML5 and CSS3

Website: http://howtocodeinhtml.com

This is a free eBook for beginners about how to create web sites and no previous experience is required. Everything is nicely explained and contains examples for every section. Once you read the first 100 pages you should be able to create your first website. The eBook is divided in the following 14 sections:

  1. Foreword
  2. Websites and Legos
  3. Let’s build our first website
  4. Features of Perfect HTML Code
  5. HTML Exercise: Coding a Blogpost
  6. Site Visuals in CSS3
  7. Menu, Please!
  8. Understanding Selectors in CSS
  9. Summary Time!
  10. Forms in HTML5
  11. Differences Between <div> and <span>
  12. Form Extras
  13. Multi-column Layout
  14. What’s Next?

You can either download this eBook or read it online.

Why I recommend?

  • Contains great examples for every section
  • Easy to follow
  • No previous experience required


A Practical Guide to Designing for the Web

Website: http://designingfortheweb.co.uk

This eBook covers a series of techniques from graphic design to web design which is divided in the following 5 sections:

  1. Getting Started
  2. Research and Ideas
  3. Typography
  4. Layout
  5. Color

You can either download this eBook or just read it online.

Why I recommend?

  • Is teaching you how to start your career in web design
  • Contains design tips and ideas
  • Easy to follow


Magic of CSS

Website: http://adamschwartz.co/magic-of-css

Written by Adam Schwartz, this eBook contains interactive CSS examples, informations about layouts, tables, colors, transitions and others. This eBook is divided in the following 6 sections:

  1. The Box
  2. Layout
  3. Tables
  4. Color
  5. Typography
  6. Transitions

You can either download this eBook or just read it online.

Why I recommend?

  • Excellent examples and best design practices
  • Detailed informations about layouts, colors and transitions
  • Helps you improve your CSS3 skills


Butterick’s Practical Typography

Website: http://practicaltypography.com/graylist.html

This eBook was written by Matthew Butterick. He is a designer but also a lawyer and offers this eBook for free. If you’re looking to learn more about typography this eBook will probably answer most of your questions you were afraid to ask. This eBook is divided in the following 10 sections:

  1. Foreword
  2. Introduction
  3. Why Typograhy Matters
  4. Type Composition
  5. Text Formatting
  6. Times New Roman
  7. Font Recommandations
  8. Page Layout
  9. Sample Documents
  10. Appendix

You can read this eBook online or buy the printed version.

Why I recommend?

  • Contains the right mix of detail and clear language
  • Answers almost all questions about typography


Web UI Design Best Practices

Website: https://www.uxpin.com/studio/ebooks/web-ui-design-best-practices

User Interface (UI) represents the entire user experience and can include the interface design, performance and response time, the content and user interaction. This eBook contains tutorials and detailed examples about visual design and user experience and is divided in the following 7 sections:

  1. Introduction
  2. It’s Not UX VS UI. It’s UX & UI
  3. Understanding Your Users & Their Needs
  4. Understanding Visual Hierarchy & UI Patterns
  5. Understanding Web UI Elements & Principles
  6. Understanding Visual Elements of UI
  7. Collaborating on Design

You can download this eBook as a PDF document.

Why I recommend?

  • Contains in-depth explanation of techniques about visual design, UX design and interface design
  • Visuals and analysis of UI design from 33 companies including LivingSocial, Spotify, Apple, Skullcandy and more
  • Discussion of how to incorporate UI elements such as color, navigation, typography, hierarchy, patterns and more.
  • Easy-to-read, practical approach that teaches by example.


Design’s Iron Fist

Website: http://studiofellow.com/newsletter

This eBook was written by Jarrod Drysdale. He is a designer and writer who focuses his articles on getting the best out of your work. If you didn’t read it yet I would recommend to also have a look at his previous eBook called “Bootstrapping Design” . This eBook covers the following 4 topics:

  1. Design Technique & Process
  2. The Designer’s Mindset
  3. Making Your Own Products
  4. Freelancing

This eBook is available in PDF format.

Why I recommend?

  • Excellent tips to start your career in design
  • Easy to understand
  • Very good examples


UI/UX Designer & Front-end Engineer based in Dublin currently working @IBM.
I write about: UI/UX Design, Javascript, HTML, CSS, React JS and React Native

Add comment