Brilliant Websites Designed With HTML5 & CSS3

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.

 

1. Spaghetti* Framework

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.

2. The Gothenburg Opera

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.

3. Lomme Bags

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.

4. Ella Design

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.

5. HTML5 Readiness

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.

6. Media Research Institute

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.

7. Clearideaz

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.

8. Eye Styles

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.

9. Jamie Calabro

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.

10. Anino Shadowplay Collective

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.

11. Nick Cates Design

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.

12. Agence DnD

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.

13. Scratch Radio

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.

14. Rui Molar’s Portfolio

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.

15. Bonsai

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.

16. New Zealand International Arts Festival

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.

17. Zoocha

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.

18. OK Cool

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.

19. dS3

This beautifully designed website is a showcase of work by dS3, a Brazilian web development and multimedia marketing agency based in Sao Paulo.

20. Sw’as

Sw’as is the digital home of Brisbane-based web developer Simon Elvery, including his WordPress plugin WP-Footnotes 4.0.

21. Shape Shed Code

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.

22. MiniApps

Freelance mobile web developer Alex Gibson presents MiniApps, a project offering HTML5 applications for Apple iOS, Google Android and other mobile platforms.

23. Moriconi Hair Fashion

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.

24. Stompfrog

Chris Bewick of Reading, England, presents Stompfrog, his web design and front-end development company in this neat folio site. The one-page design allows visitors to view Stompfrog’s client projects and experience Bewick’s skills in HTML5, CSS3, JavaScript and other technologies.

25. Sprachkonstrukt

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.