Monday, July 21, 2014

W3C Box Model vs IE Box Model & Importance of DOCTYPE

Hi everyone! If you don't know this already, I want to share this very important concept to you about the difference in Box Model as per W3C standards & Internet Explorer. First take a look at the image below:


What does it mean? It means that when you specify width attribute in css, as per W3C standards, the padding, border & margin should be added to the width of the element.

In internet explorer box model only the margin is added to the widh. The border & padding in IE is shown within the space taken by the specified width.

How to overcome this issue?

Simple! specify a DOCTYPE for your html document. This will force the IE & every other browser to display the page in standards-compliant mode rather than quirks mode.

If you already use a DOCTYPE, then you don't need to worry about this issue. If not, start using DOCTYPE.

Some DOCTYPE which you can use are (there are more, but these are the most relevant as of now ):

DOCTYPE for HTML 5:


<!DOCTYPE html>


Example:

<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>

<body>
Document content
</body>

</html>


DOCTYPE for HTML 4.01 Strict:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Document Title</title>
</head>

<body>
Document content
</body>

</html>

Remember: The DOCTYPE declaration must be the very first thing in your HTML document, before the tag.

More Reading:


Monday, August 31, 2009

How to convert FLV to MP3

There will be times when you have music as an FLV file that you had downloaded from youtube or other similar sites and you might be wondering what to do with the file. Here are some simple steps to convert those FLV files to MP3 format to be able to play and enjoy it in your mp3 player or computer!

1. Open SUPER © Simplified Universal Player Encoder & Renderer and select the following settings.



You can change the Bitrate kbps settings to increase/decrease audio quality. I have set it to 128kbps. Which is a normally used quality setting.

2. Drag and drop the FLV file to the super encoder file list.

3. Press Encode (Active Files) Button and in few minutes, you should have the MP3 file saved in the same folder as the FLV file!

Friday, August 28, 2009

Super encoder

The SUPER © Simplified Universal Player Encoder & Renderer is a very powerful free audio/video conversion software. It can perform so many conversions without any additional plugins or codecs. It is just unbelievably smart piece of software!

Convert video to mp3

1. Open SUPER © Simplified Universal Player Encoder & Renderer and select the following settings.



You can change the Bitrate kbps settings to increase/decrease audio quality. I have set it to 128kbps. Which is a normally used quality setting.

2. Drag and drop any video file to the super encoder file list.

3. Press Encode (Active Files) Button and in few minutes, you should have the mp3 file saved in the same folder as input file

Convert audio to mp3

1. Open SUPER © Simplified Universal Player Encoder & Renderer and select the following settings.



You can change the Bitrate kbps settings to increase/decrease audio quality. I have set it to 128kbps. Which is a normally used quality setting.

2. Drag and drop any audio file to the super encoder file list.

3. Press Encode (Active Files) Button and in few minutes, you should have the mp3 file saved in the same folder as input file

Thursday, August 27, 2009

Youtube to creative zen player video conversion

Please read my previous post to learn how to download youtube video as .flv file.

When you have downloaded the flv file, follow these easy steps to convert the video to the format that creative zen will play without any problems!

1. Open SUPER © Simplified Universal Player Encoder & Renderer and select the following settings.

Output Container: AVI

Ouput Video Codec: MPEG-4

Output Audio Codec: mp3

FFmpeg or MEncoder:
FFmpeg

Video Scale Size: 320:240


Aspect: 4:3

Frame/Sec: 30

Bitrate kbps: 1008

Sampling Frequency: 22050

Channels: 2


Bitrate kbps: 64

2. Drag and drop the .flv file to the super encoder file list.

3. Press Encode (Active Files) Button

4. when asked to select "Rendered file optimizer", select DX50 - Best with DivX5/DivX6 decoders and click ok.

5. when the coversion is complete, the file should be ready to be just copied to Zen mp3/mp4 player using Zen Media Explorer without any more zen conversion!

Tuesday, August 25, 2009

How to download youtube videos

Follow the easy steps below and you can download any youtube video


Download youtube video as .flv or .mp4 file

a. go to http://keepvid.com/

b. paste your youtube url where it says "Enter URL of video page here - example: http://youtube.com/watch?v=3V5a8mDTW6k" and press download button






c. when the download links are shown.. click the download link to download either as .flv or .mp4 file.