Hello Web Books
p/hello-web-books
Really friendly beginner books.
Tracy Osborn
Hello Web Design — A book for programmers who want to learn design
Featured
32

Design theory, thinking, and handy shortcuts to help programmers learn web design. Part one teaches visual and UI/UX principles in a down-to-earth and easy to understand matter, and part two walks you through the process of creating a design from scratch. Raised over $22,000 on Kickstarter, comes in eBook, paperback, and video formats.

Replies
Andrey Petrov
I've been watching Tracy work on this book for a long time, back from when it was just some sketches and notes in her notebook. It's really a labour of love and it totally comes through. Super excited and proud to see it all over place, on shelves at various startups. Everyone should have a copy. Even if you're not touching frontend development, the principles will give you more appreciation and sense for what good design is—and it will come in handy eventually! Maybe on your resume, or family newsletter, or whatever.
Tracy Osborn
@shazow Thanks Andrey!
Jan Piotrowski
Now that you wrote about Coding and Design, what's next @limedaring?
Tracy Osborn
@sujan I have friends who keep bugging me to write a marketing book, but I kind of feel like @mijustin has that covered. 😆
Jan Piotrowski
@limedaring I say go for it. The overlap between your and @mijustin's audience is probably not that big...
Jan Piotrowski
It's an awesome little book, and Tracy did an awesome job with it. I adore the color of the cover and used it as a design color for an internal tool. PS: And I just noticed her signature on the first page for the first time - benefits of being a Kickstarter backer I guess :)
Tracy Osborn
@sujan That means I packed your book myself! Figured if I was packing them I might as well sign them too. And glad you liked the color cover, I recorded a podcast waaay back in the day where Mike Monteiro tried to convince me to go with another color. (Link, it's even the title of the episode, haha: https://soundcloud.com/lets-make...). Glad I stuck with my gut.
Jan Piotrowski
@limedaring And I didn't even notice it when I initially got it as I directly started reading. So: Thank you, these little details just make the difference <3 TIL that this color is called "teal" (which is "petrol" [peˈtʀoːl] in German if you ever need it... That name makes no sense at all. Have to find out where it comes from now.).
Tracy Osborn
@sujan ...Huh! Petrol. That I wouldn't have guessed. 😅
Tracy Osborn
Hey friends! Excited to share Hello Web Design with you today. I've written a few other books teaching programming for designers, which lead to me thinking I should write a book teaching design for programmers. I like to cut all the BS out and teach just what someone needs to know in order to get from 0 to 1. I've benefitted greatly from being able to do both design and programming (I can get an MVP out super quickly) and I want to help others do the same. You can use the code PHTHANKS for 20% off all products. I hope you enjoy! Happy to answer any questions as well. :) -Tracy
Tracy Osborn
I thought of some more things I should share! — HWD doesn't involve any code or front-end development stuff. It sticks to visual design principles and user interface/user experience tips. In a nutshell, it's all about making websites nicer to look at and (more importantly) easier to use. — No mention of silly things like the "golden ratio" (which drives me nuts every time I see it mentioned early on in a beginner design book.) But I do have a chapter of fun tidbits, like why it's a good thing to avoid pure black. — I designed it myself as well (I only outsourced editing) so happy to answer any self-publishing questions as well.
Tracy Osborn
FYI, No Starch Press has picked up the book and it'll be republished (as a hardcover!) in May 2021: https://nostarch.com/hello-web-d...
Jarrod Drysdale

I bought the ebook version via Kickstarter. I was extremely satisfied with the book, and fascinated to learn more about Tracy's perspective on design. An excellent read.

Pros:

One of the best design books I've read (and I say that having written a few myself!)

Cons:

None. Really!

Chris Scott
I’m a big fan of the Hello Web App series, can’t wait to check this out!
Tracy Osborn
@chrisgscott That's awesome to hear! A new Hello Web App for Python 3/Django 2.0 should be coming out very soon, stay tuned. 💪
Rob Williger
Great book. I have taken several design courses, however, I still learned quite a bit from Hello Web Design. I had read Tracy's previous books so it was a no-brainer to buy this one as I knew it would be quality. The tips and tricks included in the book make it well worth it.
Tracy Osborn
@robertwilliger Thanks Rob, glad you enjoyed it!
Antonis Tsagaris
Amazing stuff on Product Hunt today! I just purchased the paperback package, I have been looking forward to the release since I listened to your interview on... Indie Hackers? Can't remember, probably there. That the book looks freakin' GORGEOUS also made the decision easier. Yay design!
Tracy Osborn
@antonis_tsagari Aw yay, awesome! And glad you enjoy the design — being able to do my own designs is one of the reasons why I self-publish. The cover itself took *forever* to finalize, and I'm happy how it came out similar to my other books but also works on its own. And the spot gloss is near impossible to catch in photographs but looks awesome in person. :)
Antonis Tsagaris
@limedaring I had to try and design my own book cover to realize just how hard it can be. Your cover looks both gorgeous but the amazing thing about it is how _effortlessly_ beautiful it is. Such a cool balancing act.
Jessica Rose

I've been a huge fan of Tracy's work on other guides so have been waiting for this to come out for some time. Tracy shows an unusual level of learner empathy in this and the rest of her "Hello" guides. Easy to understand and with enough of value for tech veterans, this is my new go-to resource to share with aspiring and new web designers.

Pros:

Well written and designed for immediate use

Cons:

It's only coming out now!

Dean Brady
Bought the full package and loved it so much bought the web app series! I'm a marketing guy/designer by background but wanted to see how you addressed these topics so I can help others I work with that don't have a design background. Great stuff!
Tracy Osborn
@deanbrady Aw that's awesome! Glad you enjoyed. 👍🤘😄
Jeff Triplett ✨👋

I needed to see the screenshots to solidify and learn based on examples and Tracy didn't let me down. She shares a lot of insight into design which my developer brain never quite understood before. Now I feel like I know the basics and I know what's wrong with my old designs vs. just not liking them. I highly recommend this book.

Pros:

I enjoyed this book and the format a lot. Tracy walks the reader through learning design skills which can improve anyone of any skillset.

Cons:

There wasn't any for me. The book was a deal.

Hazim Sami

Another fantastic self published book by Tracy Osborn. If you are interested I would highly recommend checking out her other books on coding on her website.

Pros:

Very simple, straight to the point explanation, practical UI/UX concepts that is very easy to follow along.

Cons:

Honestly none that comes to mind at the moment.

Max Snitser
Congrats with the launch, Tracy! That’s really nice.
Tomek Paczkowski

This books is a blast, full of practical advice how to make things look good, while not trying to make it you career. Actionable from the first pages. If you are a developer and want your project not looking like it been designed by a dev, but this book.

Pros:

Short, practical, actionable

Cons:

People will take advantage of your new skills

Michael McHugh

I feel like this book can help "programmer designed" websites leap forward with the same rapidity that bootstrap did, another giant leap forward. Except now, instead of everything being immediately recognizable as a stock bootstrap site like so many 5 years ago, everyone can have the tools and skills to immediately make their sites look good AND unique. Cannot recommend highly enough.

Pros:

Clear, to the point advice and easy to read. Very helpful in many different areas

Cons:

It is short, so not able to go very deep in most topics.

Neo luddite

I'm a programmer, and tend to towards the, er, functional, utilitarian style of website. Making something that looks fun and interesting, and that people want to read has always been hard for me.

Hello Web Design covers all of the important parts of design, and avoiding the usual developer tag salad: color choice, layout, fonts, writing clear content, finding inspiration, etc. And it does that in a very hands on, practical way. There's no point in this book where I've wondered why I'm learning something, or how it would apply to one of my websites.

It'd also be a good choice if you find yourself working with or managing designers, and you need to get a handle on how they work and what's involved in designing.

Pros:

It's a clear, down-to-earth, concrete design guide

Cons:

Short if you're expecting very detailed design theory (but that's exactly why most of the rest of us should buy it - no filler)

Steve Cooke

I do QA work for corporate systems in many sectors. I think many of the people who design systems that I test and use should read this book. There are so many poorly designed systems from a user perspective.

Pros:

A great overview on Web Design. Lots of great advice and useful tips

Cons:

None so far. Offers other sources to get more insight.

Hükümdar Bilişim
Good
Manik langeh
guys i really like this book.