Advertisement

HTML

  • HTML & CSS
    How to Create a Simple iTunes-like Slider200x200
    6 shares
    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
    22 shares
    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
    6 shares
    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…
  • Web Development
    Building an Image Gallery with Progressive Enhancement200
    Who doesn’t love to completely trick out their website with neat features? But what happens when your viewers aren’t using the latest browser, or they have JavaScript turned off? In today’s tutorial, you’ll learn how to create a image gallery that will work in almost all environments, using progressive enhancement techniques.Read More…
  • HTML & CSS
    20 Email Design Best Practices and Resources for Beginners200x200
    33 shares
    Even for experience designers, building email newsletters isn't easy. You receive a lovely looking design, and you crack on with the development. Unfortunately, it just doesn't work as it should in every email clients. Styles don't display, images aren't visible, etc. This is where these twenty best practices come in handy.Read More…
  • HTML & CSS
    Learn how to Create a Retro Animated Flip-Down ClockPreview
    11 shares
    In this tutorial, we will create an animated flip down clock inspired by the 70's. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it's retro styling, it could be a really neat thing to add to your website, so let's get started! Read More…
  • HTML & CSS
    20+ HTML Forms Best Practices for Beginners200x200
    24 shares
    Working with XHTML forms can be somewhat daunting; they not only use some niche HTML elements, but also blur the line between static content and user interaction. Let's review some things to remember when creating your next form.Read More…
  • HTML & CSS
    How to Design and Code a Flexible WebsitePreview
    In this tutorial, we're going to be designing and coding a simple blog-style web-page. We'll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.Read More…
  • Front-End
    Design and Code Your First Website in Easy to Understand StepsPreview
    94 shares
    In this tutorial, we're going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It's a brand new week; maybe it's time to learn a new skill! Read More…
  • Web Development
    How to Create A Simple Web-based Chat Application200x200
    127 shares
    In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. Read More…
  • Web Development
    A Different Top Navigation200x200
    7 shares
    When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One example being horizontal navigation limits the number of links you can have due to a limited page width. This is usually solved by including a drop down system. However, if you are attempting to make your particular site stand out, you might consider thinking outside the "norm". In this tutorial, we will be doing precisely that. We will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time. Read More…
Advertisement
Advertisement