Getting started with CSS Grid layout

One of my strongest areas of web development is Cascading Style Sheets more commonly referred in the web world as CSS. I have always been a visual person, and with CSS I can create a pallet on the web using code (when combined with HTML5). CSS has rapidly evolved over the last few years with technologies and frameworks such as SASS/SCSS and Bootstrap leading the way. Another major advancement to CSS recently is the new layout techniques using grid (Or CSS Grid as it is commonly referred as). In this post, I will expound on the basics of CSS grid and how it can help you to design and code a complex layout for various devices.

read more

All content belongs to Bruce Gilbert

0

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