Browsing Category

Site Builds

Create a Template with Joomla: Step by Step

Create a Template with Joomla: Step by Step

This tutorial will walk you through the necessary steps of creating a Joomla template from scratch. We’ll cover every last detail; so let’s get started!

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

A couple weeks ago, we learned how to create a comic book theme web design over at our sister-site, Webdesigntuts+. Today, we’ll tackle the second part: it’s time to slice the design and turn it into a functional HTML layout, ready to be ported to any CMS. Let’s get started!

Build a Sleek, Dark Mobile App Website: New Premium Tutorial
plus

Build a Sleek, Dark Mobile App Website: New Premium Tutorial

Not long ago, on Webdesigntuts+, we demonstrated how to design a sleek mobile app website interface in Photoshop. Today, in this Premium tutorial, we’ll turn that design into a working website.

Become a Premium member to read this tutorial, as well as the hundreds upon hundreds of other advanced tutorials and screencasts from across the Tuts+ network.

Convert a Warm, Cheerful Web Design to HTML and CSS
videos

Convert a Warm, Cheerful Web Design to HTML and CSS

Not long after our newest Tuts+ site, Webdesigntuts+, launched, they posted an excellent tutorial that details the process of designing a warm and cheerful home page in Photoshop. After high demand, we’ll take that completed design and convert it into a standards-compliant HTML and CSS web page. Along the way, we’ll review a variety of nifty techniques that will help you to improve your own workflow.

Even better, when we hit 80,000 RSS subscribers, we’ll take things even further and convert the finished product into a custom WordPress theme.

From PSD to HTML: Building a Set of Website Designs Step by Step

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.

Today I’m going to take you through my entire process of getting from Photoshop to completed HTML. We’re going to build out a set of 4 PSD mockups of a website that eventually will become a WordPress theme. It’s a massive tutorial, so if you’re going to follow through to the end, make sure you have a few hours to spare!

How to Build a Gorgeous Watercolor Website
plus

How to Code a Gorgeous Watercolor Website: New Premium Tutorial

This tutorial is a useful guide for both expert and noob designers/developers who wants to learn more about how to convert complex designs to standards-compliant websites. We’ll learn the basics of slicing a PSD design, how to convert it into a 100% functional HTML+CSS+JavaScript mockup, and more. Help give back to Nettuts+, and join Premium!

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS
videos

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

This screencast will serve as the final entry in a multi-part series across the TUTS sites which demonstrates how to build a beautiful home page for a fictional business. We learned how to create the wireframe on Vectortuts+; we added color, textures, and effects on Psdtuts+; now, we’ll take our completed PSD and convert it into a nicely coded HTML and CSS website.

Please note that, even if you haven’t read the first two tutorials, you’ll be able to follow along with this video quite easily.

LifeStream

Building a Custom Lifestream Website with Sweetcron

Sweetcron is “The Automated Lifestream Blog Software”. It is still in public beta, but is already a very nice blog software package. The beauty of Sweetcron is that new posts are created automatically from your activity elsewhere on the web. New photos on Flickr? Tweets on Twitter? Thumbs up on StumbleUpon? Blog posts on Tumblr? Add them all to your Sweetcron-powered site and they will appear on your site in minutes.

MoFuse

How to Create a Mobile Site with MoFuse

MoFuse is a service that lets you convert basically any site with a RSS feed, to a mobile site hosted by MoFuse. You can customize the design, setup your very own domain, and even add advertising to the mobile version of your site. This is a great option if you don’t feel comfortable hosting your mobile site yourself. And the best part is, MoFuse supports both traditional mobile phones, and the iPhone, which is really cool.

Page 1 of 212