Skip to main content

HTML5 site demonstrates designer's mission for clean markup

Lebanese freelance frontend developer Sara Soueidan recently relaunched her personal portfolio website (opens in new tab). Naturally, Soueidan turned to HTML5 during the process of rebuilding her site, using many of the new semantic elements such as <header>, <footer>, <section>, and <nav>.

"Semantic markup equals clean understandable markup," says Soueidan, "which is one of my goals all the time." The demo page makes heavy use of the <figure> and <figcaption> elements, with each item having its own image and associated caption.

Soueidan turned to HTML5 during the process of rebuilding her site, using many of the new semantic elements

Soueidan turned to HTML5 during the process of rebuilding her site, using many of the new semantic elements

Throughout the redesign, Soueidan additionally makes use of some of the more common WAI-ARIA roles, thus increasing the accessibility of the website's content.

Soueidan also takes advantage of the new HTML5 input types and attributes in her website's contact form. She thinks that "the custom keyboard mobile phones provide for these special HTML5 input types (url; email) improves user experience a lot", and that "attributes like required also add a nice extra touch for form validation".

This article originally appeared in net magazine (opens in new tab) issue 245.

Liked this? Read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.