Advertisement

HTML

  • 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
    19 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
    25 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
    96 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
    128 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…
  • HTML & CSS
    Design and Code a Slick Website From Scratch – <br/>Part II200x200
    1 shares
    With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn’t it be really cool to design and code it yourself? “Difficult”, you may say; but it’s actually not too hard once you’ve learned how to do it! In this second part of the tutorial, we will code our design into a standards-compliant, cross-browser xHTML, CSS, and JavaScript/jQuery layout. Fire up Coda, or your editor of choice... it’s coding time!Read More…
  • Design
    Design and Code a Slick Website from Scratch – <br />Part I200x200
    20 shares
    With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn't it be really cool to design and code it yourself? "Difficult", you may say; but it's actually not too hard once you've learned how to do it! In this first part, you'll learn how to design a neat-looking website that you can easily adapt to your business. It’s time to get started! Read More…
  • HTML & CSS
    30 HTML Best Practices for Beginners200x200
    89 shares
    The most difficult aspect of running Nettuts+ is accounting for so many different skill levels. If we post too many advanced tutorials, our beginner audience won't benefit. The same holds true for the opposite. We do our best, but always feel free to pipe in if you feel you're being neglected. This site is for you, so speak up! With that said, today's tutorial is specifically for those who are just diving into web development. If you've one year of experience or less, hopefully some of the tips listed here will help you to become better, quicker! Without further ado, let's review thirty best practices to observe when creating your markup. Read More…
Advertisement
Suggested Tuts+ Course
SVG Uncovered$15
Advertisement