Social Buttons and Modals

I’ve been busy refactoring the header bar so that it uses semantic HTML. I’ve made some decent changes since I last blogged. Firstly, I changed the sign-in, sign-out and user-profile web components into one singular “menuitem” web component. I can still wrap that with whatever I need. Secondly, I’ve been working on research into modals…

Integrating Font Awesome with Less in Web Components

I started to deal with Semantic Web for my header during the last article. Today is going to be all about the sign-in, sign-out and profile buttons. These are very simple buttons and their conversion should pose no challenge. However, there are some interesting things we can talk about with respect to Font Awesome –…

Semantic Bootstrap

Want a video version of this article?  Webucator has a collection of mobile web application videos, including a video inspired by this post. I’ve been reading and thinking about the semantic web recently. This is mostly because of the mess of classes that Bootstrap brings to a typical application. I’m thinking there has to be another way….

The Collapsible Menu Structure and Responsive Design

Well, that will teach me to design mobile first! In my last article, I published a nice flexbox version of my menu structure but ignored collapsibility – a function where the menu automatically is displayed on bigger monitors but automatically disppears behind a drop-down menu button when viewed on a mobile device like a phone….

Responsive Design and Menu Structures

I started thinking about Responsive Design when I started developing the initial web component for my application. Responsive Design is all about mobile clients really; in particular designing with tablets and phones first then dealing with the desktop. There are a couple of libraries that can help you out. The buzz seems to be around…