Archive | HTML and CSS RSS feed for this section
Quick Tip: Learning About HTML5 Local Storage

Quick Tip: Learning About HTML5 Local Storage

In today’s video quick tip, we’re going to build a working, though very basic, to-do list in just a minute or two. Thanks to HTML5’s local storage, we can make advanced browsers “remember” what we type, even after the browser is closed or is refreshed. Subscribe to our YouTube page to watch all of the video tutorials! Or, watch this video on Screenr.com .

Read more
How to Find and Remove Broken Links in Your Website

How to Find and Remove Broken Links in Your Website

Broken links are links that lead to pages that do not exist. When clicking on a broken link, the page you land on is called a 404 error page , a standard HTTP response that indicates that the requested URL doesn’t exist. What do you do when you happily surf the web and suddenly come across a 404 error?

Read more
How to Create Inset Typography with CSS3

How to Create Inset Typography with CSS3

In this tutorial, we’ll create inset type, a popular text treatment , using CSS. If you follow Six Revisions closely, you’re probably thinking: “Jacob already wrote a Photoshop tutorial on how to do that.” That is correct, but this time we are going to do it using only CSS. I set out to recreate the How to Create Inset Typography in Photoshop tutorial, and after experimenting with some fresh and new CSS3 properties, I was able to make a similar type treatment.

Read more
CSS Fundamentals: CSS 3 Transitions

CSS Fundamentals: CSS 3 Transitions

As CSS3 rolls out around the web, it is bringing some interesting new presentational techniques along with it.

Read more
Free XHTML Template Pack: Classic Luxury

Free XHTML Template Pack: Classic Luxury

Classic Luxury is a high quality, clean and simple CSS-based template with three custom pages created by CssTemplateHeaven exclusively for Six Revisions readers. It is clean and has a lot of whitespace and nice typography. The code is well-organized and uses standards-based HTML and CSS

Read more
Free Dark and Clean WordPress Theme: Designpile

Free Dark and Clean WordPress Theme: Designpile

In this post we are glad to release DesignPile WordPress Theme , a theme designed by Site 5 and released for Smashing Magazine and its readers. The theme comes with 3 color styles and a couple of jQuery-based goodies.

Read more
25 Beautiful Examples of “Coming Soon” Pages

25 Beautiful Examples of “Coming Soon” Pages

“Coming soon” pages are a great way to tide over your visitors until you finish your new website. They can be used as a teaser for your future website, or places to simply put your information where people can get to it while you are under digital construction

Read more
Integrating PHP and jQuery: New Plus Tutorial

Integrating PHP and jQuery: New Plus Tutorial

So you can work with PHP, and have a basic understanding of jQuery, but you haven’t yet figured out how to combine the two into your projects? If so, we’ve got you covered today! In this Plus tutorial, you’ll learn how to take advantage of PHP’s MySQL improved and prepared statements to query a database, how to request that returned data with jQuery, and then how to filter through the returned items and display them on the page, adding a touch of animations.

Read more
Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)

Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)

In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial. If you do not want to complete part one of this tutorial, you can download the source files created in that lesson here

Read more
Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices

Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices

HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts

Read more
Choosing The Best CSS Framework: A Complete Guide

Choosing The Best CSS Framework: A Complete Guide

There are plenty of reasons to use a CSS Framework to build your websites.

Read more
A Quick Look at Mobile Web Designs

A Quick Look at Mobile Web Designs

If there’s anything web designers learned from the past year, it’s that mobile web usage will continue to soar .

Read more
CSS3 Techniques You Should Know

CSS3 Techniques You Should Know

Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today?

Read more
7 Tools You Should Be Using For Better Web Designs

7 Tools You Should Be Using For Better Web Designs

We’ve all come across websites with amazing designs only to be frustrated because it was hard to find things or confusing to use. As a web designer or developer, how do you know if this is happening to your website? Statistical applications such as Google Analytics can help, but that’s not enough.

Read more
A Look into Registration Buttons in Web Design

A Look into Registration Buttons in Web Design

Designing an informational/content-centered website (such as a portfolio or a blog) is much easier than designing a website where we have to deal with registered users . The target of websites that enable user accounts (such as Amazon.com or Gmail, for example) is to not only highlight their featured items and services, but to also convert visitors to signed-up users. Sites with user registration want to grab every visitor who goes their website

Read more
The Quickest (and Best) Way to Create Forms: Wufoo

The Quickest (and Best) Way to Create Forms: Wufoo

Wufoo is a web application which intends to simplify forms. Forms can generally be tedious to work with. You’d have to write the XHTML/CSS for the form elements, set up the back end code to capture all the data and then work on generating usable reports for it

Read more
50 Brilliant CSS3/JavaScript Coding Techniques

50 Brilliant CSS3/JavaScript Coding Techniques

CSS3 is coming . Although the browser support of CSS 3 is still very limited , many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That’s a reasonable solution — after all it doesn’t make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet.

Read more
How to Build a Gorgeous Watercolor Website: New Plus Tutorial

How to Build a Gorgeous Watercolor Website: New Plus Tutorial

This tutorial is a useful guide for both expert and noob designers/developers who wants to learn more about how to convert complex designs to standards-compliant websites. We’ll learn the basics of slicing a PSD design, how to convert it into a 100% functional HTML+CSS+JavaScript mockup, and more.

Read more
Quick Tip: How to Create a Theme-Switcher in 200 Seconds

Quick Tip: How to Create a Theme-Switcher in 200 Seconds

Have you ever seen sites that offer some kind of “color-switcher” within the header section?

Read more
The New Hotness: Using CSS3 Visual Effects

The New Hotness: Using CSS3 Visual Effects

Previously in this series on CSS3, we talked not only about how to create scalable and compelling buttons but about how to effectively use new CSS3 properties to speed up development and quickly create rich page elements. In this final article of the series, we’ll really get into it and use CSS3 visual effects to push the envelope. Not everything in this article is practical, or even bug-free, but it’s a fun primer on what’s in the pipeline for Web design.

Read more