Browsing Category

HTML & CSS

28 HTML5 Features, Tips, and Techniques you Must Know
basix

28 HTML5 Features, Tips, and Techniques you Must Know

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in August, 2010.

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.


This entry is part 2 of 14 in the HTML5 and You Session
Build your First Game with HTML5

Build your First Game with HTML5

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

How to Create Diagonal Lines with CSS
videos

How to Create Diagonal Lines with CSS

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today!

Web Development from Scratch: Helpful Dev Web Apps
basixvideos

Web Development from Scratch: Helpful Dev Web Apps

We’re going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with.


This entry is part 15 of 15 in the Web Development from Scratch Session
Web Development from Scratch: List Item Styling
basixvideos

Web Development from Scratch: List Item Styling

You’re not only limited to the default disc symbol for list items. You can choose from a variety of built in options, or use custom images or symbols! I’ll show you how in this episode.


This entry is part 14 of 15 in the Web Development from Scratch Session
The 30 CSS Selectors you Must Memorize

The 30 CSS Selectors you Must Memorize

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010.

So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.


This entry is part 2 of 16 in the CSS3 Mastery Session
Build a Neat HTML5 Powered Contact Form

Build a Neat HTML5 Powered Contact Form

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.

We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input.

Web Development from Scratch: Layout Fragments

Web Development from Scratch: Layout Fragments

In this episode, I’m going to teach you how to take a layout fragment on the web, and recreate it with HTML and CSS.


This entry is part 13 of 15 in the Web Development from Scratch Session
Responsive Web Design: A Visual Guide
videos

Responsive Web Design: A Visual Guide

These days, “one size fits all” is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile phone, up to your massive desktop!

Web Development from Scratch: Basic Layout

Web Development from Scratch: Basic Layout

In this lesson, I’ll introduce you to the new header and footer elements, as we build a basic, but common, web page layout.


This entry is part 12 of 15 in the Web Development from Scratch Session
Page 2 of 1812345678...Last »