List Headline Image
Updated by Charise Van Liew on Aug 14, 2014
Headline for Front-end Web Dev Learning Resources
 REPORT
19 items   7 followers   4 votes   108 views

Front-end Web Dev Learning Resources

help compile and rank the best learning resources for those interested in front-end web design...including graphic designers and 'accidental' nonprofit webmasters hungry for DIY education and resources

Smashing Magazine: Design Blog

This category features articles on general design principles, Web design, typography, user interface design and related topics. It also presents design showcases and practical pieces on the business side of design. Curated by Alma Hoffmann. Popular tags in this category: Web design, Typography, Design Legacy, Navigation, Forms, Mobile, Techniques, Showcases, UI Design.

Smashing UX Design

Blog posts on Usability, Psychology and Information Architecture by Smashing Magazine

Code Academy: Web Fundamentals Course

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

HTML and CSS: Design and Build Websites

Programming books can often look rather intimidating and uninspiring, but they do not need to be. We wanted to redesign the tech book and make it more accessible, relevant, and attractive to a whole new group of readers.

Learn Web Design, Web Development, and More | Treehouse

Learn from over 1000 videos created by our expert teachers on web design, coding, business, and much more. Our library is continually refreshed with the latest on web technology so you'll never fall behind. 14 day free trial.

A List Apart: For People Who Make Websites

a bi-weekly web journal that I’d consider required reading for any web developer, newbie or experienced

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) (Voices That Matter)

Web designers and developers have relied on usability guru Steve Krug's guide to understand the principles of intuitive navigation and information design

Beautiful Pixels

good source for design trends in mobile and web apps

CSS-Tricks

CSS how to's, tips, tricks and code snippets

CSS3: The Missing Manual

CSS3 lets you create professional-looking websites, but learning its finer points can be tricky—even for seasoned web developers. This Missing Manual shows you how to take your HTML and CSS skills to the next level, with valuable tips, tricks, and step-by-step instructions.

A Book Apart, Brief books for people who make websites.

From getting started to advanced techniques

Sidebar: The 5 best design links, every day

a new link blog where I discover a lot of design related gems

Shoptalk Podcast

Shoptalk is a podcast about front end web design, development and UX. Each week Dave & Chris will be joined by a special guest who is there to talk shop and help answer listener submitted questions.

Michelle Schulp: Stop Making Things Pretty And Start Designing | WordPress.tv on WordPress.com

Design is not just about themes, graphics, or the look-and-feel of a website. This talk discusses "design thinking" as a problem solving strategy, including why the most beautiful sites are not always the most successful. It ends with some ways for you to start applying design thinking principles to all of your projects.

Greg Douglas: Designing Awesome WordPress Websites For Small To Medium Size Businesses | WordPress.tv on WordPress.com

This talk focuses on organizing your project and some tools and techniques for designing gorgeous, professional small to medium size business websites. Presentation Slides "

16

CodePen

CodePen

A front end web development playground

UX (User Experience) StackExchange

Q&A for user experience researchers and experts. Explore the "website-design" tag.

Graphic Design Stack Exchange

Explore the "website-design" tag

Reid Peifer: A Real World Design Process | WordPress.tv on WordPress.com

This talk is about wireframing, and prototyping, when to use Photoshop, and when to go straight to the browser. How to bootstrap a UX test, and when to ask your Mom for design advice. What steps you can skimp when you're pinched for time, and how to find inspiration with our copping someone else's work....