Today we embark on a journey; a massive journey which is going to lead us through the entire process of designing and building a WordPress theme. We begin with Photoshop, so let’s kick things off by setting up our document with a grid and some basic structure.
(Continue)
Twitter’s Bootstrap is undeniably popular – and if you’re a fan of CSS preprocessors you’ll love the fact that it’s built on LESS. Unfortunately, if you (like me) enjoy working with SASS, there typically hasn’t been anything readily available to get you started. Until now. This tutorial will explain how to combine SASS, Compass, and Twitter’s Bootstrap.
(Continue)
Just because you didn’t get to attend that cool conference, doesn’t mean you should miss out! Take five minutes this weekend and watch Unmatched Style get flexy with Uncle Dave at the Front End Design Conf 2012.
(Continue)
With the release of the Typecast public beta comes the next step in the wonderful evolution of web fonts. One of (if not the) biggest web font service is Google web fonts. With over 500 font families that can be used without cost or limitation it offers a truly remarkable service. Let’s look at a quick way of previewing Google fonts, without having to actually implement them in your projects.
(Continue)
In today’s Premium tutorial, we’re going to be taking some of the theory covered in our Data URI introductory article, building upon some of the examples used to develop a fully realized user interface. Just to keep things interesting, we’ll also be making our design responsive and we’ll be using the Dribbble API and jQuery to pull in some images from the Envato Dribbble feed.
(Continue)
It’s a no-brainer: well performing websites enjoy higher visitor engagement, retention and conversion. Given how fickle users can be, plus the fact that mobile devices are very significant these days, never before has the speed of websites been so important! In this article I’m going to highlight ways in which you can improve the performance of your own sites.
(Continue)
I love Quick Tips; in the time it takes to warm up a Pot Noodle you can have absorbed some nugget of information which fundamentally changes the way you work. And everyone has tips to share! Send us your web design quick tips – we’ll pay $75 for each one we agree to publish..
(Continue)
A/B testing is the process of experimenting with different options in order to measure the relative success of each one. Where the web is concerned, A/B testing can make it clear which design choices are most effective; clear to the designer and (more importantly) clear to the client.
(Continue)
Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your own work critiqued! This week, an illustrative horizontal scroller..
(Continue)
Pricing tables can be a very effective means of displaying information and helping users differentiate the options available to them. Ultimately, pricing tables can convert passing visitors into valuable customers, so it’s important we consider how they work on different screens and devices.
(Continue)
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Webdesigntuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Webdesigntuts+ and Tuts+ on Twitter
Sorry for the inconvenience.