The development and revision of HTML5 and growing consistency in CSS3 support are rapidly changing the approach developers and designers take when creating modern websites. HTML5 is helping to remove the need for third-party plugins so websites are more widely compatible across browsers and devices, and allows for cleaner, more accessible and elegant coding. This post brings together 25 inspirational websites designed using HTML5 and CSS3, brilliant examples of the next stage in web development. We are just beginning to see the power and potential of these technologies as designers test the possibilities, as such several of these sites are portfolios demonstrating developers’ projects and skills.
Web developers Rafael Marin Julio Greff present Spaghetti*, a framework to help programmers in their work with powerful tools to make coding easier. The framework’ website, designed with HTML5, is great looking with a stylish dark grey and green colour scheme.
The Gothenburg Opera’s website is a sophisticated programme presentation of the opera house and its performances. Fast loading pages and menus offer access to sound and video clips, photography and textual content on upcoming shows and information regarding the venue.
Web developer June designed the website for Lomme, a Danish accessory brand specialising in handcrafted bags. The website has a chic, minimalist feel, reflecting the brand’s aesthetic with contemporary styling, creative elegance and dark colors.
Ellas Design is the showcase of Hong Kong-born, US-based designer Ella, presenting a portfolio of her print design, interactive video work and web designs. She intends her website to be an online HTML5 and CSS3 ‘playground’, demonstrating her fluency in these technologies.
Developers Paul Irish and Divya Manian present this attractive website featuring a visualization demonstrating how HTML5 and CSS3 support has evolved since 2008 to the present day, showing new features and browsers’ readiness for each.
This HTML5 designed website is for Media Research Institute, a Tokyo-based web developer offering services in content planning, management, consulting, sales promotion and other development and production business.
Clearideaz is the portfolio site of French web designer Oliver Gorzalka, showcasing his designs and productions, with the site itself demonstrating his skills in HTML5 and CSS3.
Oregon-based design studio Azzcat Design created this neat website for Eye Styles eyewear manufacturers. The site, along with many others from Azzcat Design, combines strong artistic design with solid CSS3 and HTML5 coding.
Interface and interactive designer Jamie Calabro presents this website, a sleek showcase of his projects and skills in art design, information architecture, HTML5 and CSS3.
Designers and developers A Bunch of Hamsters created this site for the Anino Shadowplay Collective, a group of Filipino multimedia artists committed to developing and promoting shadow puppetry and related art forms. The site features strong visual design and videos to show the collective’s work.
Web developer Nick Cates presents an attractive portfolio of his design projects, showcasing the way he makes use of strong visual design backed-up with solid coding.
French studio Agence DnD present this brilliant website, demonstrating the company’s expertise in graphic and web design, Magento e-Commerce, social networking, mobile applications, HTML5 and CSS3 development. The agency has been providing creative advice and strategy solutions since 2004, as showcased in this stylish site.
Designers Adam Stewart and Ben Stones developed this website for Scratch Radio, a collaborative student and community radio station broadcasting 24 hours a day from its Birmingham studios.
Rui Molar is a front-end/interface designer, and he has created this portfolio website to showcase his user-friendly, standards-compliant web designs, hand-coded in HTML5 and CSS3.
Melbourne-based designer Ben Schwarz built this simple and appealing site for Bonsai using HTML5. Bonsai is a tool for creating dynamic websites for portfolios, catalogues, galleries and other image-orientated sites.
This smooth and attractive HTML5 website is for the New Zealand International Arts Festival, created by Springload, a web design and development company with studios in Wellington, New Zealand.
Zoocha is an independent and innovative creative digital agency, offering specialist services in web design, development, marketing and SEO. The company’s website demonstrates the type of design and coding the team are capable of creating.
Hurbert Burda Media designed this site for OK Cool, a German online style magazine and blog niche bringing together latest stories and editorials from the fashion world with a focus on Germanic developments. The site design employs HTML5 functionality and comment forms.
This beautifully designed website is a showcase of work by dS3, a Brazilian web development and multimedia marketing agency based in Sao Paulo.
Sw’as is the digital home of Brisbane-based web developer Simon Elvery, including his WordPress plugin WP-Footnotes 4.0.
George Ornbo, a web designer and developer based in London, created this showcase site using Jekyll, HTML5 and CSS3. The site is simple, great looking, and acts as a folio of Ornbo’s freely available software experiments.
Freelance mobile web developer Alex Gibson presents MiniApps, a project offering HTML5 applications for Apple iOS, Google Android and other mobile platforms.
Web developer M-M Studio created this HTML5 site for high-end Italian hair salon Moriconi. The site uses a subtle colour scheme and nice slideshows to present the salon and its specialist hair fashion.
Germany-based web developer Ruben Deyle presents Sprachkonstrukt, a blog niche exploring design, digital media, photography and creative lifestyles. Deyle’s site includes a photoblog and portfolio of his web projects.