Web Design Tutorials: Photoshop, HTML, Flash, PHP

HTML Tutorial – CSS3 Spinning Social Media Icons

The HTML First we start off with our social media icons. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div class="spinning_icons">     <a href="http://www.twitter.com/paulund_" class="twitter" title="twitter">Twitter</a>     <a href="http://www.twitter.com/paulund_" class="delicious" title="delicious">Delicious</a>     <a href="http://www.twitter.com/paulund_" class="digg"...

HTML Tutorial – How to Create Cool Table Design in CSS3

Today I will show you how to create cool table design using CSS3; you can use these tables for data handling and data presentation. Using the same old table code and a little of CSS3 to spice things up, we will achieve a nice looking design without noticing that we are using plain old tables. Here is the link for the Demo. Copy the markup below, and paste it in your favorite code editor (Dreamweaver for me) and save...

HTML Tutorial – Build a Neat HTML5 Powered Contact Form

Tutorial Details Requirements: PHP 4.3+ Technologies Used: HTML5, Javascript, jQuery, AJAX & PHP Difficulty: Beginner – Intermediate Estimated Completion Time: 60 Minutes Step 1: Getting Started To begin, we need to setup our directory and files. To get started, I highly recommend the HTML5 boilerplate. This is a really good starting point for any HTML5 project and will save you a great deal of time....

HTML Tutorial – 28 HTML5 Features, Tips, and Techniques you Must Know

1. New Doctype Still using that pesky, impossible-to-memorize XHTML doctype? view plaincopy to clipboardprint? <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”     ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say. view plaincopy to...

HTML Tutorial – Getting started with HTML5

HTML5 is the latest revision of HTML, with the goal to make it easier to develop web applications. HTML5 has much simple syntax compared to HTML 4 and it offers lots of new features. This articles gives introduction to HTML5. What you can do with HTML5? - Offline Applications with Application Cache With the HTML5, it is possible to make your web applications run offline as well. HTML5 offers offline storage feature...

HTML Tutorial – Cross-Browser Support for HTML5 Placeholder Text in Forms

HTML5 offers a lot of exciting new features in the realm of forms. One of my favorite new additions to forms in HTML5 is the placeholder attribute. Placeholder text is the “hint” or “example” text that resides in a text input field before the user clicks in (or tabs to) that field — and goes away the moment the field is in use. And the code is amazingly simple, too. Take this example: <input...

Powered by WordPress | Designed by Elegant Themes