Semantic HTML and Modular CSS

Semantic HTML and Modular CSS

The definition of semantic is relating to meaning in language or logic. Semantic elements are not only smart when coding HTML, but also are important for other reasons as well. In this blog post I will elaborate more as to why it is important to create semantic HTML markup.

First off it is easier to develop and maintain semantic HTML code rather than to create junked-up code. Some examples of HTML semantic elements are:


    <header> – Defines the header of the document or section
    <main> – Defines the main content of a document, excluding global items like nav or footer
    <nav> – Defines navigation links
    <article> – Defines a self-contained piece of content within a document (blog posts, comments, etc.)
    <section> – Defines a section within a document
    <aside> – Defines content that is aside from main content; should be related to surrounding content
    <figure> – Defines self-contained content that is independent (photos, illustrations, videos, etc.)
    <mark> – Defines highlighted or important content
    <figcaption> – Defines the caption for the figure
    <hgroup> – Defines a group of header tags
    <footer> – Defines the footer of a document
    <time> – Defines the time

It is way better to use a semantic element for a page header for example than span junk.

read more

All content belongs to Bruce Gilbert

1+

Give your website a face-lift and checkup in 2017!

2017 Website Checklist

O.k, first things first. You have a business or portfolio website. Maybe you have had the same site for a while and it is working well for you or maybe you have a snazzy new redesign. Either way, there are quite a few steps to take to make sure your website is the best is can be and can meet the expectations of your users. After all, the more users visiting your website, the more chances you have to convert those users to be a customer or a client. If visitors don’t like your website or if they cannot find what they are looking for quickly, then they will leave and may never come back.

read more

All content belongs to Bruce Gilbert

0

website accessibility is a right, not a privilege

Web Accessibility for AllIt is a requirement that all government related websites meet section 508 accessibility guidelines, and your business website should as well. Accessibility is a right, not a privilege.

Common visual problems are due to cataracts, glaucoma, age-related macular degeneration, corneal opacity, diabetic retinopathy, childhood blindness, trachoma and onchocerclasis.

Since people with visual disabilities can’t actually view your website they need to utilize assistive technologies(AT). A common screen reader for windows is JAWS (not the shark). JAWS is an acronym for Job Access with Speech. JAWS used a virtual cursor when interacting with web content.

read more

All content belongs to Bruce Gilbert

0