As stated on XHTML-CSS-Code.com, Microsoft released IE7 in 2006 and IE8 in 2009. Even though IE8 has many improvements that affect RSS, CSS, and Ajax-based designs, many still choose to keep using IE6 as their default browser.
So why do many users still use and prefer IE6? It’s mainly because they are so comfortable with it and it can be extremely tough to adapt to a new browser. While IE6 is great for websites that do not require high levels of interaction or functionality, it is still not the best option – especially with the evolution of the web moving at lightning speeds.
Many designers don’t want to stop using IE6, but there isn’t really much of a choice anymore. They know about the issues, yet they’re willing to cope.
So is it time to leave IE6 behind and move forward? Check out the full tutorial to find out.]]>
Learn to build a basic blog page using techniques from HTML5 and CSS3
Learn how to use graceful degradation techniques and technologies, progressive enhancement techniques and technologies, HTML5 alongside microformats, and get a clear vision of the new features of HTML5 and CSS3.
Learn how to build a live news blogging system using HTML5, CSS3, and jQuery; this is part 1 of a series. When complete you’ll be able to have multiple administrators with the ability to add, edit, and delete news.
The title says it all: learn how to create an elegant website using the new features found in HTML5 and CSS3.
Learn how to create a website with a mix of fixed columns and liquid columns. This tutorial will take you through the steps of using fixed width on the side columns, a full middle column, and paddings equal to the other 2 columns.
Learn how to build a cool iPhone app website using HTML5, sprinkled with a few style effects via CSS3. The tutorial goes through the steps in Photoshop, the HTML, and then the CSS.
Learn how to build simple, yet stylish web forms using HTML5 and CSS3 techniques.
Since each browser has its own type of video player and controls, it makes it hard to be consistent across browsers. This tutorial shows you how to control the look of your video controls no matter what browser is being used.
Learn to how to blow up a video using HTML5 and then map it into 3D space.
Learn how to create an offline HTML5 iPhone application which will look just like a native mobile application. For the purpose of this tutorial, you’ll learn how to create a Tetris game.
This is just the beginning! Check out the full list for the other 12 excellent HTML5 tutorials.]]>
Check them our and get other html tips and tricks:
10 Great WYSIWYG HTML Editors
For starters, it lets us know that:
GIF files can contain a maximum of 256 colors (8-bit) as opposed to JPEG’s 16.7+ million colors (24-bit). You can customize your files to use as the amount of colors that you prefer – up to what it supports. GIF files have a higher color quality and smaller file size, but JPEG can have a small file size when used for storing photographs and images with a large amount of shading.
One of the advantages of GIF files is that they support animation, transparency, and interlacing. There are also numerous free online sources where you can download GIF animations for personal use. The full tutorial gives you links to examples and teaches you how to create transparent GIFs using anti-aliasing.
Transparent GIF files can be created using various methods like with feathers and drop shadows, depending on how soft you want them to appear. You basically have to blend the edges into the background. The tutorial lets use know that we’ll need to create 2 images: one with a white background and one with a black background. You can, however, use any color for the second image – just try to make it as close to the web page background color as possible.
To find out more tricks for transparent GIFs and to learn about other graphic tools that can help you produce them, check out this tutorial on Tips-Tricks.]]>
I thought to myself “We’ll just slap that baby into Cufon and be good to go”. Now the unfortunate thing when using Cufon is that it always doesn’t play nice with other kiddies in the playground. We kept running into issues with it and my buddy said “well why not just use @font-face?” I paused for a moment and replied “Use what?”
So I took a look into it and to my amazement it worked beautifully. One thing that i did find out though is that there is a place to get your fonts converted to what you need. It gives you everything, even the style sheet. Check them out here: Font Squirrel and if you need more guidance into implementing @font-face check out this really helpful article from SixRevisions.]]>