Sexy Web Design is an easy-to-follow guide that reveals the secrets of how to build your own breathtaking web interfaces from scratch. You’ll be guided through the entire process of creating a gorgeous, usable web site by applying the timeless principles of user-centered design.
Throughout, the focus is on simple and practical techniques that anyone can use — you don’t need to have gone to art school or have artistic flair to create stunning designs using the methods outlined in this book.
Sexy Web Design is available from all good online and offline bookshops.
SitePoint (worldwide) / Amazon UK
Amazon USA / Amazon Canada
Amazon France / Amazon Japan
Five-page cover feature. “When approaching a fresh site design, what’s the best way to tackle layout and ensure a guaranteed win? Elliot Jay Stocks shares his layout expertise.” Archived on the .Net site.
Five-page cover feature. “Web design can be a complex affair, and when you’re doing it all by yourself, working with big clients and running your own business, what’s the best way to approach a project and stay on top? Elliot Jay Stocks looks at the life of the independent designer.” Archived on the .Net site.
My debut post for iLT, this opinion piece looks as the emerging font delivery services like Typekit and Fontdeck. You might also be interested in these related blog entries: #1 and #2.
Computer Arts Projects asked ‘40 of the hottest designers’ to predict design trends in 2009, and somehow I was asked to be in that list. I predicted a return to minimalism.
Tutorial. “Elliot Jay Stocks demonstrates how, with careful selection, an image can be manipulated so that it can repeat for as long as necessary. Like a 30lb turkey, just when you think it’s gone, there’s always a little bit more.” Archived on 24 Ways.
Tutorial. “Will you take the specialist paint program pill or the Photoshop pill? Elliot Jay Stocks dons his sunglasses and tempts you towards the latter...”
Tutorial. “Whether or not you take a good photo, Elliot Jay Stocks explains how to present it in the best possible light on your website.”
Five-page feature article. “You’ve spent time and effort creating a beautiful site, only to find it’s been ripped off by a rival. Is there anything you can do? Elliot Jay Stocks canvasses the industry’s top designers for their ideas.” Archived on the .Net site. More info on the blog.
Tutorial. “Just because it’s at the bottom of the screen doesn’t mean it isn’t vital for creating an informative and stylish homepage. Elliot Jay Stocks shows us how.” Archived on the .Net site.
Tutorial. “Make a good first impression on your visitors by designing a homepage header that combines clarity with visual flair. Elliot Jay Stocks shows the way.” Archived on the .Net site.
Tutorial. “It’s never been easier to power your website with WordPress. Elliot Jay Stocks explains how themes work, the simple way to edit them, and how to incorporate some basic plug-ins.” Archived on the .Net site.
Tutorial. “Give your site a unique look by personalising its typography. Elliot Jay Stocks reveals how you can use Photoshop to distort your fonts beautifully.” Archived on the .Net site.
Tutorial. “How do you design a site in Photoshop and translate that to the web? Discover the art behind both processes with the help of Elliot Jay Stocks.” Archived on the Computer Arts site.
Tutorial. “In the concluding section of our tutorial, you’ll learn how to turn your Photoshop grid into a fully functioning website. Elliot Jay Stocks explains how.” Archived on the .Net site.
Tutorial. “Using a solid grid-based layout and some subtle visual touches, Elliot Jay Stocks shows how to tackle the design of an online photo portfolio.” Archived on the .Net site.
Five-page feature article. “Good logos are bold, memorable and original — and incredibly difficult to get right. Elliot Jay Stocks finds out how the world’s leading creatives approach the challenges of identity designs.” More info on the blog.
Tutorial. “Even if you’re no sketch artist, you can still achieve a “sketchy” look to your site design. Elliot Jay Stocks grabs paper and pencil to show you how it’s done.” Archived on the .Net site.
Tutorial. “Elliot Jay Stocks takes you on a whistle-stop tour of Photoshop for web design, taking in buttons, banners, layout, typography and favicons along the way!”
Kyle asked me be a guest author on his typography review site Typesites, and I reviewed the wonderful jrvelasco.com, designed by Miguel Ripoll. Archived on Typesites.
Tutorial. “Elliot Jay Stocks steps us through publishing a set of contact details using the hCard microformat. Once the basics are in place follow along as we add some sparkle with the aid of CSS3 web fonts, text-shadow, border-radius and first-child selectors.” Archived on 24 Ways.
Tutorial. “This issue, Elliot Jay Stocks takes a website with a so-called ‘Web 2.0 look’ and sets out to deliberately ruin it. The result? An uncliched, original aesthetic.”
Tutorial. “Elliot Jay Stocks shows you how to create a dark, distressed, rough-and-ready design for your website. Roll up your sleeves and prepare to get dirty.” Archived on the .Net site.
Tutorial. “Does your web page need livening up? Elliot Jay Stocks takes you through the process of generating textures from photos and turning them into reusable Photoshop brushes.” Archived on my blog.
Version 4 of elliotjaystocks.com was awarded ‘Best Web 2.0’ in this Malaysian magazine.
Version 4 of elliotjaystocks.com was featured in the ‘gallery’ section, as well as a very brief interview with me.
Tutorial. “You can build a well-structured and impressive looking XHTML navigation menu using only one image and some clever CSS. Elliot Jay Stocks reveals how.” Archived on my blog.
My Trojan Records redesign was featured in the ‘gallery’ section.