From PSD to HTML With the Skeleton Boilerplate

In this series we’ll be focusing on coding a PSD layout, using the responsive Skeleton boilerplate. There are plenty of tutorials on how to code a design using HTML and CSS, often with an extra dash of JavaScript, but the main purpose of this tutorial is to get things built using the latest version of the Skeleton framework (2.0.4).

Take a look at what we’ll be building, then get stuck in!

Posts in this series

Building HTML Page Structure With Skeleton
In this tutorial we’ll be focusing on coding a PSD layout, using the responsive Skeleton boilerplate. There are plenty of tutorials on how to code a design...
Catalin Miron
6 Aug 2015
Web Design
Adding Styles to Our Skeleton Page Build
In this part of our ongoing build process we are going to focus on styling the HTML. This tutorial will have three main sections: Adding the images,...
Catalin Miron
12 Aug 2015
Web Design
Adding JavaScript Behavior to Our Skeleton Web Page
So far we’ve built a solid HTML page and applied some styles. This tutorial will focus on adding interactivity to the website through JavaScript.
Catalin Miron
17 Aug 2015
Web Design