64x64 icon dark hosting
Deploy New Relic now and get $135 off your Tuts+ subscription.


  • Site Builds
    Convert a Warm, Cheerful Web Design to HTML and CSSTitle image
    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. Read More…
  • Web Development
    From PSD to HTML: Building a Set of Website Designs Step by Step200
    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!Read More…
  • Web Development
    How to Build a Kick-Butt CSS3 Mega Drop-Down MenuScreenshot
    Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we'll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.Read More…
  • PHP
    Creating a Web Poll with PHPPreview
    Polls are nearly ubiquitous on the web today, and there are plenty of services that will provide a drop-in poll for you. But what if you want to write one yourself? This tutorial will take you through the steps to create a simple PHP-based poll, including database setup, vote processing, and displaying the poll.Read More…
  • HTML & CSS
    The 10 HTML Tags Beginners Aren’t UsingHtml
    Let's go back to the basics for this one. Everyone reading this at least knows what HTML is. I believe that, no matter what experience level someone has, reviewing the foundation can help increase knowledge. It also helps to hone skills, especially with the constantly evolving technologies that drives the Internet. There has also been a lot of talk of change with HTML 5. Every tag that I mention below is supported in both HTML 4.01 and HTML 5. While some of these tags are already widely used; I would like to challenge some of the ways that we use and think about them. Read More…
  • News
    Photoshop to HTML: Slice your Designs Like a ProPsd to html
    Hey, everyone! I have some exciting news (at least for me)! Late last year, I was asked to prepare a book and video series that covers exactly how to convert PSDs into standards-compliant HTML/CSS websites. This is what web designers do day-in and day-out. I'm proud to announce that it's now been released by Rockable Press! So, if you're at the point in your learning where this might be helpful, please do read on and consider checking it out. Read More…
  • News
    Photoshop to HTML: Upcoming eBook from Nettuts and Rockable200x200
    There's a reason why our various tutorials on slicing PSDs are consistently among the most popular articles on Nettuts. Every one of us, at one point or another, has needed to convert a PSD into a working website. The only problem is that, until you've gotten a few projects under your belt, it can be significantly confusing. As such, I was asked to prepare a book and video series that details the entire process from start to finish for Rockable Press. Read More…
  • HTML & CSS
    How to Build a Lava-Lamp Style Navigation Menu200x200
    A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it's quite a simple task, especially when using a JavaScript library. We'll build one from scratch today. Read More…
  • HTML & CSS
    How to Create a Simple iTunes-like Slider200x200
    When space is at a premium, making use of sliders is the optimal way to present information. Today, we'll take a look at how to create a slider similar to the one used in the iTunes store.Read More…
  • Web Development
    5 Examples of Beautiful Resume/CV Web Templates200x200
    Did you know that we recently launched a new sub-category on ThemeForest, specifically for resumes/CVs optimized for the web? It's becoming more and more common for potential employers to simply request a link to your website, rather than a sheet of paper. Though the category only launched a few weeks ago, we've already received a handful of beautiful designs. Read More…
  • Site Builds
    The Ultimate Guide to Creating a Design and Converting it to HTML and CSSPreview
    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. Read More…
  • Web Development
    Microformats: What, Why, and How200
    There's a lot of data on the web. Like, a lot. But I would guess that the data most useful to the masses—such as information about people they need to contact or events they need to attend—is stored in HTML, where you can't easily get at it. So, who you gonna call? Microformats is attempting to take on the job!Read More…
Suggested Tuts+ Course
Introduction to HTML$15