The 2009 Future of Web Design (FOWD) conference, held November 16 and 17 in New York, offered a great, once-a-year opportunity to learn about the biggest web design trends, with a unique look at what we will be able to do in the future when programming websites and web apps.
Among the new ideas and technologies up for debate at this year’s FOWD, I personally find it exciting that advancements underway in HTML5 and CSS3 will improve usability for consumers on the Internet. These advancements will also help small businesses as well as designers provide a better service for our customers. It will also make the interaction between designers and developers easier due to the built-in UI features in the browsers.
One of the best changes coming in HTML5 and CSS3 is browser verification. Instead of writing code to verify that a customer fills out a form properly, the browser performs this automatically. This allows for cleaner code and makes your website load faster. You can even set up patterns to ensure the correct responses; for example, use “xxx-xxx-xxxx” if you want a customer to provide a phone number. This lets browser know what needs to be completed in the form for verification purposes.
CSS3 contains an option to add an ‘alpha transparency’ this is known as RGBA. This allows you to set solid color blocks as transparent so you can see the image or background behind the color block. Use of the alpha transparency will also cut down on page-load time since it won’t be loading more images. This will also allow a company to design progressively for browsers that allow RGBA and still give an adequate experience to browsers that don’t allow the alpha transparency.
These are just two of the many great features coming to the web design and web applications as part of CSS3 and HTML5 in the next couple of years. More information on the HTML5 and CSS3 movement can be found on Carsonified’s blog, the Vitamin The qualities and tags to be included with these tools are still up for debate, and some are not supported in all browsers yet. Any specific features or enhancements you’re looking for in HTML5 or CSS3? Feel free to comment or expand on them below.