Here is a web designer's site using HTML5 and an interesting navigation style. All of the content is on this one page, and navigation snaps you to the section you want. It doesn't work as well in large browsers, but for smaller screens, it works perfectly. Her HTML is excelent, using a combination of DIV and sectioning elements to create a design that works effectively in most browsers.Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

One of the frustrations of typography on the web is the lack of decent hyphenation control. CSS3 introduces the hyphens property to help you control the hyphens on your web pages. Learn how hyphenation works on the web and how you can control it more effectively.Read the full article: Hyphenation in CSS3Get Better Typography on Your PagesTest Hyphenation in Your BrowserWhat is Typography?Web Typography Pet Peeves - Annoyances in Web TypographyTypography on the Web is About the Little Details

Testing your web pages in multiple browsers is critical to ensure that your pages work for as many people as possible. Alexander Peev provides us with information on how to test, what to do when problems crop up during testing, and even how to deal with changes to the site after testing is complete. This is part two of the article Cross Browser Testing.Read the full article: How to Test Web Page DesignsWhat Browsers Do You Use?Cross Browser TestingTesting Your Web PagesGraceful Degradation - Make Your Pages Work Even in Older Browsers

Are you looking for technical writing experience on HTML, web design, or XML? I am looking for one to three interns for the second half of 2012. Interns for this site will write one article (650-800 words) per month, July through December, on topics related to HTML, web design, web editors, and XML.This internship is unpaid, but you can work from anywhere in the world and all your articles will appear with your byline along with an author profile describing you and your expertise.This internship is open to any current graduate or undergraduate students studying web design, computer science or a related discipline. Recent graduates are also invited to apply. You must know HTML and be able ...

I've been working with beginning web developers for many years now, and the most common question I get is how to get images to display correctly. Images are challenging for the beginning web developer because they have to understand how web servers work (a little) and how directory systems differ on their home machine and their web server. If you still are having trouble, you should consider signing up for my Free HTML class.

Be sure to mouse near the top of the “beer” to see what happens. But if you're using Internet Explorer, you'll need to check it out in a different browser. All versions of IE are sent to their Feedburner page instead. There are some interesting choices for the sectioning tags in this document. For example, the dates in the posts are listed as ASIDE and they might better be defined as DATA elements with machine readable dates in an attribute. The images are also enclosed in a SECTION element which appears to be there primarily for the CSS styles—he should use a DIV instead. But it is a fun site design.Have you built an HTML5 site? Or do you know of one that does a great j...

Buttons are a fun feature of web pages, but up until just recently, if you wanted your buttons to have any interesting features at all, you needed to use images. In fact, if you search the web for ”web buttons” you will find hundreds if not thousands of examples of buttons you can use for your web pages. But now, with CSS3 you can create buttons that have cool effects but don't use any images at all. Read the full article to learn how: CSS3 Buttons (Note: there are four pages to the article, and page two shows you how to create the above buttons.)Other Fun Things to Do With CSSGlow Effects with CSS3CSS Transparency in Nearly All BrowsersHow Do you Stretch a Background Image in...

There are two methods you can use to transfer data in HTML forms. But it's one thing to know the two methods, it's another to know which is appropriate to use. This article will help explain when to use GET or POST in your HTML forms.Read the full article: GET versus POST Requests on HTML FormsOther HTML Forms ArticlesEncoding URLsDisabled Form FieldsCollect Speech Input with HTML5 on Google Chrome

Most web designers, when they work on websites think very little about how accessibile the site is. But this is an important part of web design. Accessible pages don't have to be ugly or boring. In fact, great design takes that into account and accounts for as many custoemrs as possible. I think making accessible sites makes sense, as why drive away customers if you don't have to? And it's easier than you think. By validating your pages, you can find out what problems your site might have.Learn how to Validate for AccessibilityMore Help with AccessibilityCreating Accessible HTMLHow to Use an Accessibility ValidatorAre Your Pages Color Sensitive?

I asked this same question a couple years ago (see results from that poll), and I'm curious if the results have changed much in the intervening time. Layout on web pages can be accomplished in many ways, and most designers have methods that they prefer. For example, I tend to lean towards elastic layouts with a max-width for large screens, but when I'm pressed for time I will often move to absolute positioning just to get things where I want them quickly. What's your favorite layout method? Absolute positioning uses the CSS position property and properties like top and left to place elements on the screen based on a grid with 0,0 in the upper left. A fixed width layout sets the layo...

This is a Flash website and as such is very interactive and pretty. But of course if you're on an iPad you get an obnoxious message telling you to get an Android tablet, because Flash doesn't work on the iPad (or iPhone or iPod). There are so many reasons why displaying that kind of message is a bad idea. But suggesting that someone who has already spent several hundred dollars on a tablet should go out and buy another tablet just to view your website is an extreme display of hubris. Keep in mind that the iPad has the dominant market share in the tablet market, so that message states that you don't want 50+% of tablet viewers to view your site.Get your favorite website featured on About.c...

If you don’t, you should be. They let you add more cutting-edge features to your web pages and be sure that they will work even in browsers that don’t yet support the standards version of the property. Vendor prefixes are not a hack, they are a tool for browser makers and web designers to make sure that new features can be added without breaking a page in older or other browsers. Yes, you have to type a little more to use them. But stop being lazy and just do it. It’ll only hurt for a second.Read the full article: CSS Vendor PrefixesCSS PropertiesCSS3 Style PropertiesCSS Vendor PrefixesCSS Style Properties

I was working on my design inspiration article for this week (Wednesday), and I chose to promote a Flash website for a magazine that was very nice looking and fun to view on my iMac. But for the heck of it, I decided to see what fallback options they had chosen to use for iOS visitors. I didn't expect to see the site recreated in HTML5 (although I admit, I was hoping…). But I was surprised to see the above image as a new version of the tired and old browser wars. Only, as you can see, instead of being told to get a new browser (and there are apps that run Flash sites on iOS), you are told to get a new tablet device. Seriously? Do any of you really believe that someone will like a si...

Do these things....These simple steps will help you keep your page loading smoothly for your customers and make it easy for them to read and use your Web site. I recommend these tips to my Web team, and I think you should know about them as well.