Library

A collection of free resources to learn graphic and web design

MarkSheet

A free HTML&CSS tutorial

Typography Tutorial – 10 rules to help you rule type

Graphic Design Tutorial: 10 Typography rules to help you improve your type skills. Get better at graphic design by understanding how to use type. Improve your layouts instantly by following these 10 easy to follow rules.

Letterpress Printing and Poster Design

Sometimes the best designs start offline — where there's no Cmd+Z. Handcrafted poster design with letterpress by Dirk Fowler.

Graphic design can change your life

Erik Spiekermann talking with Gestalten TV about the process of designing typefaces.

Type Terms

The animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.

Typography 101

It is senior project of Bilkent University, Graphic Design department. 3.40 minute brief explanation of typography

Sketch 3 Tutorials

Sketch is a very promising designer tool, that has got a lot of traction lately and here is great free tutorial to learn it from scratch.

Intro to HTML/CSS: Making webpages

Learn how to use HTML and CSS to make webpages with this high quality video course from Khan Academy

Colour Code

colourco.de is an online designer tool, which allows you to easily and intuitively combine colours

UX Crash Course

31 lessons crash course in UX, from Joel Marsh, experience architect.

Learn the Foundations of HTML

HTML tutorial from Udemy blog, nice and simple introduction into coding with HTML&CSS

A23D

The story of the birth of the worlds first uniquely designed, 3D printed Letterpress font

Design Principles: The Philosophy of UX

A set of guiding principles for experience design in a nicely put slideshare presentation from Whitney Hess.

Aquent Gymnasium

Aquent Gymnasium is a free online school with great set of courses sponsored by Aquent. Platform is nicely designed with good quality video content.

The UX Reader

This ebook is a collection of the most popular articles from UX Newsletter by Mailchimp, along with some exclusive content.

Hack Design

An easy to follow design course for people who do amazing things. Receive a design lesson in your inbox each week, hand crafted by a design pro.

Wilson Miner – When We Build

What happens when we stop thinking of ourselves not just as developers or experience designers, and take up the mantle as a new generation of product designers for a digital world?

Type Scale

A visual browser based tool to set the typographical scale with ability to export CSS

Pencil Project

An open-source GUI prototyping tool that's available for ALL platforms.

Font Combinator

This tool has been built to allow previewing of font combinations in a fast, browser-based manner.

Typewonder

Try any google font on any site in seconds!

Gridlover

The tool to establish a typographic system
with modular scale and vertical rhythm.

BBC Gel

The GEL guidelines are a reference point for designing BBC services across Web, Mobile, iPTV and Tablet.

Government Service Design Manual

Discover what it means to be part of an agile, user-focused and multidisciplinary team, delivering digital services in government (gov.uk).

Wireframe.cc

Free and very minimal wireframing tool inside your browser

The Fundamentals of User Experience

Amanda Morrow, Interactive Designer at BitMethod and Lead Designer of Change, introduced some of the basics of user experience design. She began by defining the term, then walking through the general process of UX design and all its elements. She then ended with a few tips for making better design decisions.

UI / UX DESIGN PROCESS

Super short but great insight of the design process in the 'Awesome' design team from NYC

Explain IA

Short video by Dan Klyn explaining what is information architecture.

Style Tiles

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

Designing for the Web

Designing for the web is different than designing for any other medium. The breadth of skills required is sometimes daunting. The depth of experience required, seemingly unobtainable. Yet, the medium attracts designers from all spheres of design practice: from engineering and architecture, to product and graphic design.

Fontology

It is a guide in the use of type – for students, educators and professional designers.

Building unimaginable shapes

Inspired by cell division, Michael Hansmeyer writes algorithms that design outrageously fascinating shapes and forms with millions of facets.

The Magic of CSS

Online text-book/course about the magic of CSS for intermediate-to-advanced level.

Meet Your Type

A field guide to love & typography. Great free PDF book about typography from FontShop.

PIXEL PERFECT PRECISION

A comprehensive handbook on digital design covering much of USTWO agency's collective knowledge and process.

coolors.co

The super fast colour palettes generator

Inventor Portrait: Steven Sasson

Great short video about the first digital camera and its inventor.

Press Pause Play

The digital revolution of the last decade has unleashed creativity and talent in an unprecedented way, with unlimited opportunities. But does democratized culture mean better art or is true talent instead drowned out? This is the question addressed by PressPausePlay

UX Axioms

A set of UX Axioms designers and developers alike can use to integrate UX into their practice.

UX Podcast

UX Podcast is for people passionate about balancing business, technology and users within the realm of digital media.

Milton Glaser: Using design to make ideas new

From the TED archives: The legendary graphic designer Milton Glaser dives deep into a new painting inspired by Piero della Francesca. From here, he muses on what makes a convincing poster, by breaking down an idea and making it new.

The Adobe Illustrator Story

Great documentary about the history of Adobe Illustrator (first shipped in 1987) told by it's creators.

Type Connection

Type Connection is a game that helps you learn how to pair typefaces.

Responsive Email Patterns

A collection of patterns & modules for responsive emails

Discover Typography

Great way to discover fonts by Hoefler & Co

The Fundamental Elements of Design

Short video about 6 fundamentals of design in action: balance, proximity, alignment, repetition, contrast and space.

Unheap

A tidy repository of jQuery plugins

My life in typefaces

In this charming talk, Matthew Carter, the man behind typefaces such as Verdana, Georgia and Bell Centennial, takes us on a spin through a career focused on the very last pixel of each letter of a font.

Adobe Kooler

Create colour schemes with the colour wheel or browse thousands of colour combinations from the Kuler community.

Information

Although most of us think we know what we mean when we say "information," we sometimes confuse the medium with the message.

Upside Down, Left To Right: A Letterpress Film

A short film about letterpress and one of the few remaining movable-type printing workshops in the UK, situated at Plymouth University, featuring Paul Collier.

Paper and Stick

The Ron Resch Paper and Stick film is a great short movie about creativity, persistence and the amazing things you could do on a computer in the 60s.

This Is Responsive

Patterns, resources and news for creating responsive web experiences.

The Elements of Typographic Style Applied to the Web

A practical guide to web typography

Getting Real

Want to build a successful web app? Then it's time to Get Real. Getting Real is a smaller, faster, better way to build software.

HTML & CSS

Learn the building blocks of web development with HTML and CSS, and create your own website by the end of the course.

Photoshop Etiquette

A Guide to Discernible Web Design in Photoshop

Don’t Fear the Internet

Basic HTML&CSS video guide for non-web designers

The History of Typography

A paper-letter animation about the history of fonts and typography.

I’m Comic Sans, Asshole

A short monologue from the perspective of the typeface comic sans.

Comic Sans

A short documentary about the font Comic Sans. Created for a video production course and inspired by the film "Helvetica" by Gary Hustwit.

Practical Typography

This book is part­ly an ex­per­i­ment in tak­ing the web se­ri­ous­ly as a book-pub­lish­ing medi­um.

Thinking with Type

Type is the foundation of print and web design. Everything you need to know about thinking with type, you will find here.

Color

A game that will help you understand color properties and harmonies

Shape Type

Learn how to manipulate bézier curves and get a typography lesson at the same time

Kern Type

A game that will help you understand letter spacing and kerning