Students
Students get a Tuts+ subscription for just $45! Hurry limited offer.
Advertisement

HTML

  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 6Title image
    2 shares
    Continuing on with our Photoshop to HTML session, in this lesson, we'll use jQuery to implement the tabbing functionality in the sidebar of our web site. Read More…
  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 5Title image
    Continuing on with our Photoshop to HTML session, in this lesson - split into four videos - we'll use CSS to style our webpage. Read More…
  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 4Title image
    Continuing on with our Photoshop to HTML session, in this lesson, we'll learn how to use the 960 grid framework. Read More…
  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 3Title image
    Continuing on with our Photoshop to HTML session, in this lesson, we'll slice the PSD. Read More…
  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 2Title image
    Continuing on with our Photoshop to HTML session, in this lesson, we'll begin constructing the markup for our website. Read More…
  • Web Development
    How to Mimic the iGoogle Interface200x200
    63 shares
    Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. In this tutorial, I'll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications!Read More…
  • Site Builds
    Convert a Warm, Cheerful Web Design to HTML and CSSTitle image
    56 shares
    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
    152 shares
    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
    176 shares
    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
    6 shares
    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
    3 shares
    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
    1 shares
    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…
Advertisement
Advertisement