1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

HTML Tutorials — Layouts

HTML » Layouts — over 8 years ago
Follow this step by step tutorial to create a simple Portfolio Template, we'll be coding this template using HTML and CSS. If you're a beginner, learning html/css can be tricky, this tutorial will break down a simple portfolio template, helping you learn how to build each section starting from the menu, logo area, banner, gallery and footer.
HTML » Layouts — almost 9 years ago
In the following tutorial we’ll create a coming soon template, 100% responsive, that will help you keep your users informed while you are building a new website.
HTML » Layouts — almost 10 years ago
Adding a zoom in and out to your images only by using CSS. No JS, Jquery ...
HTML » Layouts — over 9 years ago
Sometimes the simplest web design tasks can be the most aggravating! When you need a background image that looks consistent across browsers, there are about 100 ways to do it wrong and a very simple technique for getting it right.
HTML » Layouts — over 9 years ago
In todays tutorial I’ll be showing you how to code a header just like google ventures. If you’re unfamiliar with it check it out “Google Ventures“.
HTML » Layouts — over 9 years ago
In today’s tutorial, we’ll finish up our recently created picture gallery by making it responsive. Responsive design is one that literally responds to the user’s browser window size. This way everyone can view the same content no matter what resolution device they’re using.
HTML » Layouts — over 9 years ago
In the last article we learnt how to create our responsive picture gallery’s layout in Photoshop. In this tutorial, we’ll slice up the design and then code it into working HTML and CSS. By reading this tutorial I assume you have a basic knowledge of HTML, what tags there are in how the code works. If you haven’t tried building up a website in HTML yet, but you know a little something about the language, this tutorial is just for you.
HTML » Layouts — over 9 years ago
In this tutorial, we’ll go one step forward, and code our previously created website design. First of all, we are going to slice up the PSD, then we’ll learn how to mock up the design in HTML and CSS. We will use a variety of the new HTML5 and CSS3 tags and attributes.
HTML » Layouts — over 9 years ago
In this tutorial we're going to create an amazing price table UI element using CSS3. It has a nice hover effect created with CSS3 transitions, when you roll the mouse over a pricing plan.
HTML » Layouts — over 9 years ago
There are some great solutions to drop-down navigation menus, like the superfish jquery plugin for example. Many of them are using a lot of files and resources to generate the drop-downs but sometimes you don`t need all of them. I want to show you how to create your own simple, but stylish drop-down menu, using the new HTML5 tags and the awesome CSS3 styles.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?