Photoshop: One-page-wonder modular portfolios (Part 1)

An impressively functional website is useless if it doesn’t engage the user. Equally, a visually stunning site is useless if it doesn’t actually work. It’s important to know exactly what can and can’t be done at the development stage, and to allow that knowledge to influence your creativity but not control it. As a three-part tutorial covering both the design and development stages, we’re going to look at how to plan and produce a stunning AJAX-driven modular portfolio that employs both animation and transparency using only CSS and JavaScript. We’re going to break down how to embed rich typography without sacrificing accessibility, and to top it all off, we’re going to show you how to do it like the pros, from concept drawings right the way through to the finished article.

best tutorials