Appendix
Reading is a great way to think critically, to question, and to challenge your own assumptions. It pushes your creative boundaries.
Ellen Lupton
A handbook for aspiring web designers
Reading is a great way to think critically, to question, and to challenge your own assumptions. It pushes your creative boundaries.
Ellen Lupton
Content precedes design. Design in the absence of content is not design, it's decoration.
Jeffrey Zeldman, 2008
... why has it been so popular?
It’s short. Even though it covers a lot of ground, you can read it cover-to-cover in a few hours.
It’s profusely illustrated.
There’s a useful insight on almost every page.... quoted from book site
Content strategy is essential. But where did it come from? Why does it matter? And what does it mean for you? This brief guide explores content strategy’s roots, and quickly and expertly demonstrates not only how it’s done, but how you can do it well. quoted from book website
I don't think you can be a designer without a love for the written word. Books and magazines are where new ideas are born and old ideas get questioned.
David Carson
Design gains value as it moves from hand to hand; context to context; need to need. If all of this movement harmonizes, the work gains a life of its own, and turns into a shared experience that enhances life and inches the world closer to its full potential. quoted from book introduction
A List Apart (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on web standards and best practices. quoted from website
This book is about making you a better typographer. [...] Typography matters because it helps conserve the most valuable resource you have as a writer—reader attention. quoted from website
This very brief “pocket guide” is for designers and developers who want to make better choices about type and build their typographic expertise. Successful typeface combinations are partly a matter of good taste, which can be tough to develop. quoted from website
From Chapter 1’s philosophical framing, to Chapter 2’s prioritization of text and reader, to the multidimensional considerations in later chapters about picking fonts, shaping text, and managing compositions, this book blends vital typographic tactics with rhetorical questions that challenge the reader to reason deeply about beauty. quoted from website
This book is a practical guide and companion reference to all aspects of typography on the web. It deftly combines implementation details with typographic theory, and is ideal for designers, developers and anyone else involved in the process of creating a website. quoted from website
Typography is your design’s voice and the most powerful tool you have to communicate with your readers. Learn how to wield type with care and wit: how to evaluate typefaces, consider technical constraints, create flexible typographic systems, and put together your own collection of favorite faces. quoted from website
SVG is changing the way we build the web. It’s an amazing, powerful tool that is so simple, and yet so complex at the same time. As I like to say, “The more you use SVG, the more you realize you don’t know SVG!” Good thing Chris has written this book to help! (With much better jokes, too.) Val Head, Principal Designer at Adobe
Andy Clarke has an uncanny ability to make you reconsider what you know and wonder why you hadn’t always done it his way. Dave Shea, author of The Zen of CSS Design (New Riders)
Resources for developers, by developers
formerly MDN, MDN Web Docs launched by Mozilla around 2005
Making the Web Accessible. Strategies, standards, and supporting resources to help you make the Web more accessible to people with disabilities.
An extensive CSS reference with all the important properties and info to learn CSS from the basics.
Home to PHP documentation, references and source code.
Developer Zone with official documentation, blogs and forums.
&what;
AmpWhat is the place to explore the characters and icons ... Discover Unicode and Character Entities.
The following tutorials as well as demos of the practice examples are included in the related chapters as part of the main page. For easy access, they are also viewable separately.
Contact CTA with SVG sprite view • read chapter 6: Working with visuals
Toggle it! view • read chapter 9: Inclusive design
Glorious sprites view • read chapter 9: Inclusive design
CSS switch setup view demo & read tutorial
Typesetting explorations view • read chapter 3: Typography
Flexible Scales view • read chapter 3: Typography
Simple responsive layout view • read chapter 5: Layout
Responsive layout, 3 methods view • read chapter 5: Layout
Toggle setup view • read chapter 6: Working with visuals
For some further reading, inspiration and various ramblings of mine, you might fancy taking a look at the 'On the topic of web design' blog ツ