Mavis Creative Design

best practices in web design

responsive design

Most website owners want their sites to respond automatically to the size of the device that the visitor is using (from small screens to large screens). If a user is looking at your website on a smartphone, for instance, the text should be easy to read, and the links should be large enough to touch successfully.

semantic code

HTML5 uses what's known as "semantic" code. For example, a header is called "header" in the code, the main portion of the content is called "main," and each section or article is labeled accordingly. This makes it easier for search engines to understand and rank, and for screen readers to accurately read to visually impaired users.

progressive enhancement

Web design and development has been changing rapidly over the past several years. Not all browsers are able to understand every new coding method, so browsers ignore code that they can't understand. Having "fallback" code allows browsers to display the content, even if they haven't yet incorporated some of the newer features.

As browsers progressively add new features, a user's experience is enhanced. Coding for today and for the future ensures that your website will stand the test of time.