About.com Web Design / HTML
view rss
Web Design / HTML Interns Wanted
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 to write clear, accurate articles about HTML and web design. To apply: please send a cover letter, current resume, writing sample, and the URL for at least one web page you have built to webdesign.guide@about.com. Please indicate what web editor you use for building web pages and what topics you would be most interested in writing about. Deadline for applications: June 15, 2012.
Making Your Images Show Up
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.
Poll: Do you use centering as a design element?
"> Centered alignment is a popular design element as it's relatively easy. In fact, now centering with CSS is arguably harder than it used to be with the CENTER element (that element is deprecated and you shouldn't use it). However, there are drawbacks to centered design. In fact, Jacci, the Desktop Publishing Guide, recommends that you should avoid centered text for most body copy.
HTML5 Design Gallery - BeerBlogging
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 job with HTML5? Submit HTML5 site designs to be featured on this site.
Don't Click the Shiny, Red, Candy-like Button—CSS3 Buttons
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 CSS Glow Effects with CSS3 CSS Transparency in Nearly All Browsers How Do you Stretch a Background Image in a Web Page
Do you know when to use GET vs. POST in an HTML form?
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 Forms Other HTML Forms Articles Encoding URLs Disabled Form Fields Collect Speech Input with HTML5 on Google Chrome
Did you know you can validate for accessibility?
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 Accessibility More Help with Accessibility Creating Accessible HTML How to Use an Accessibility Validator Are Your Pages Color Sensitive?
Poll: What's your favorite layout method? (2012)
"> 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 layout as a specific size and then places the elements within that width. Liquid layouts are set based on a percentage of the current width of the browser window. An elastic layout is similar to a liquid layout, but sets maximum widths on either the entire page or sections of the page (such as the main content) to improve readability. Tables for layout uses HTML tables to define how the page should look. Don't forget to use the border="0" attribute or the role="presentation" attribute so that computers know that the table is not data but layout (presentation).
Web Design Inspiration - Luxor Mag
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.com: Show Off Your Favorite Design. More Web design resources and help: Follow me on Twitter or Become a Fan on Facebook
Do You Use CSS Vendor Prefixes?
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 Prefixes CSS Properties CSS3 Style Properties CSS Vendor Prefixes CSS Style Properties