Search

Search for a tutorial.
You searched for: HTML

Your PROject: 4 Additional Pages

Your PROject: 4 Additional Pages

By CMS tutorial Crawler in HTML

Hello welcome to part 3 of the your PROject template. Today we'll be creating 4 extra pages to go with our template.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Learn how to Create a Retro Animated Flip-Down Clock

Learn how to Create a Retro Animated Flip-Down Clock

By CMS tutorial Crawler in HTML

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!

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

By CMS tutorial Crawler in HTML

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.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

An HTML-Friendly Template System using PHP´s Output Buffering

An HTML-Friendly Template System using PHP´s Output Buffering

By CMS tutorial Crawler in HTML

Template systems are an important component of today's websites. Most of them are designed so that you have to include single splitted header and footer templates into every page.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Create a basic layout using HTML & CSS

Create a basic layout using HTML & CSS

By CMS tutorial Crawler in HTML

Following on from the Guide to classes and ids in HTML and CSS, we will create this basic 2 column layout.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Quick Tip: The HTML 5 Audio Element

Quick Tip: The HTML 5 Audio Element

By CMS tutorial Crawler in HTML

In this four minute video quick tip, we'll review the mark-up, and also a quick way to play audio with jQuery.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Quick Tip: HTML5 Video with a Fallback to Flash

Quick Tip: HTML5 Video with a Fallback to Flash

By CMS tutorial Crawler in HTML

In this video quick tip, we'll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers. Viewing Options Screenr (Mp4) Unfortunately, much like HTML 5 audio, [...]

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters

Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters

By CMS tutorial Crawler in HTML

Two months ago, I, in a video quick tip, demonstrated how to use the underscore and star hacks to target Internet Explorer 6 and 7 in your stylesheets. In today's quick tip, we'll take things one step further, as we introduce a new hack that targets IE8 and below as well.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Create stepped navigation with arrows using HTML + CSS

Create stepped navigation with arrows using HTML + CSS

By CMS tutorial Crawler in HTML

In this tutorial I will show you how to create a stepped navigation with arrows using HTML and CSS which works in all major browsers. It is useful to show a user a stepped process such as a multi part form where there is more than one step that needs to be filled in.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Quick Tip: Learning About HTML5 Local Storage

Quick Tip: Learning About HTML5 Local Storage

By CMS tutorial Crawler in HTML

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 [...]

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Combining Modern CSS3 and HTML5 Techniques

Combining Modern CSS3 and HTML5 Techniques

By CMS tutorial Crawler in HTML

Just because some techniques don't work in decade old browsers doesn't mean that you shouldn't be learning everything you can! Stay on the cutting edge, as we use everything from CSS shadows and animations, to HTML 5 mark-up and local storage, to utilizing jQuery to work with the Picasa API.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Quick Tip: HTML5 Features you Should be Using Right Now

Quick Tip: HTML5 Features you Should be Using Right Now

By CMS tutorial Crawler in HTML

With all this talk about HTML5 not being complete until 2022, many people disregard it entirely - which is a big mistake. In fact, there are a handful of HTML5 features that we can use in all our projects right now! Simpler, cleaner code is always a good thing. In today's video quick tip, I'll [...]

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Creating a CMS Website with SiteGrinder and Pagelime

Creating a CMS Website with SiteGrinder and Pagelime

By CMS tutorial Crawler in HTML

In this tutorial, you will learn how to take a Photoshop file, and convert it to a valid, jQuery enabled, Pagelime CMS integrated website, ready to hand off to your clients with no coding, using Photoshop, SiteGrinder 3 and Pagelime.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Guide to classes and id's in HTML & CSS

Guide to classes and id's in HTML & CSS

By CMS tutorial Crawler in HTML

A basic introduction into classes and id's in HTML & CSS.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo

Rethinking Forms in HTML5

Rethinking Forms in HTML5

By CMS tutorial Crawler in HTML

While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms. These simple changes will transform how you enter, validate, process, and even display inputs. You will be able to create more usable web applications with less code and less confusion.

0 comments and a rating of

submit rating!
Show some love

delicious digg facebook stumpleupon technocrati twitter yahoo