ScriptPlazza » HTML Tips and Tricks

Custom HTML5 Video Player

admin — Sat, 06 Nov 2010 10:10:10 +0000

The HTML5 video element is already supported by most modern browsers, and even IE has support announced for version 9. There are many advantages of having video embedded natively in the browser , so many developers are trying to use it as soon as possible. There are a couple of barriers to this that remain, most notably the problem of which codecs are supported in each browser, with a disagreement between Opera/Firefox and IE/Safari.

Mastering the 960 Grid System

admin — Sat, 21 Aug 2010 15:24:06 +0000

In this tutorial, you’ll master the 960 grid system by dissecting the 24-column version demo. If you’ve only used 960gs before for Photoshop mockups, consider this your lucky day. By the end of this article, you’ll be able to convert your designs to HTML and CSS in no time at all.

Why CSS is better than tables

extendstudio — Tue, 27 Jul 2010 10:29:46 +0000

Is CSS a viable option for a web designer that only does small sites, or using tables just fits the bill?

Start Using HTML5 WebSockets

admin — Fri, 14 May 2010 11:14:20 +0000

One of the cool new features of HTML5 is WebSockets, which let us talk to the server without using AJAX requests. In this tutorial, we’ll review the process of running a WebSocket server in PHP, and then building a client to send and receive messages to it over the WebSocket protocol.

Automatic Popup Window

admin — Fri, 19 Mar 2010 23:49:59 +0000

How to automatically open a popup window when the web page loads. Includes working examples and ready-to-copy code.

HTML5 Video with a Fallback to Flash

admin — Sat, 13 Mar 2010 00:45:34 +0000

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.

Design & Code a Cool iPhone App Website in HTML5

admin — Thu, 11 Mar 2010 16:18:21 +0000

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

How to Effectively write a Tutorial

admin — Thu, 11 Mar 2010 01:22:37 +0000

I think there are more people out there who need to be made aware of how to write a tutorial on Photoshop or Illustrator.

Once this is learnt and mastered, it is quite evident that the tutorial is going to reach out to many people than it would have done if you don’t know the basic protocols to be followed while writing a tutorial.

Your Project PSD to HTML/CSS

admin — Mon, 08 Mar 2010 16:42:50 +0000

hvdesigns.com helping for make a complete website design with source. Hello welcome to part 2 of the 5 page template series. Today we’ll be converting our PSD into a one page working HTML/CSS template. In part 3 we’ll begin to add our additional pages.
Right lets get started, the first thing you need to do is create a empty HTML and blank CSS file inside a folder called “your project”, save your blank HTML file as index.html and your blank CSS file as styles.css. Also inside your folder create an empty folder called images.

HTML Beginner Tutorial

admin — Fri, 05 Mar 2010 01:04:28 +0000

The thing to keep in mind is that HTML and CSS are all about separating the content (HTML) and the presentation (CSS). HTML is nothing more than fancy structured content and the visual formatting of that content will come later when we tackle CSS.

If you have looked at other HTML tutorials, you might have found that they mention certain things that HTML Dog does not. This is because many methods are obsolete, non-standard or just plain bad practice. Getting into the frame of mind of doing things the right way from the start will turn in to much better results in the end.