Reinforcing The HTML5 Canvas With Fabric.js

Lou Mauget CSS & HTML, Design, Technology Snapshot Leave a Comment

This world is but a canvas to our imagination. -Henry David Thoreau Dynamic Web Graphics The past… Applets In the previous millennium, HTML markup had limited support for graphics. If we wanted dynamic graphics, or even a page that responded seamlessly to requests, we embedded a JavaScript VM in the page to host an Applet. Indeed, Applets were an original …


Structuring CSS Selectors With Sass Mixins

Lawrence Chabela CSS & HTML, Single-Page Application, Technology Snapshot 2 Comments

CSS naming can be one of the most challenging things in creating large-scale style systems in an application. There have been a lot of great practices, methodologies, and conventions that have arisen in the last few years to help. Popular examples that you might have heard of include BEM, OOCSS, and SMACSS. One that I would like to introduce to …

Responsive Design

Approaching Responsive Design

Vince Pendergrass CSS & HTML, Design, Mobile, Problem Solving, Technology Snapshot Leave a Comment

Coming from a Java back-end background and given the privilege to dive into the front-end space, I was finally able see what it was like to make a web application responsive. Although there are plenty of other benefits to responsive design, a main benefit is that there is now no need to create an application for every device out there. The use …


Night of the Living Style Guide

Brian Eye CSS & HTML, Design, Opinion, Technology Snapshot 1 Comment

Nowadays, projects are becoming more and more complex. Especially when either taking over on a project or coming in on one that has already begun, it is extremely helpful to have solid documentation to get up-to-speed. A frequent tool for this is known as a style guide, a document that explains the branding and the color usage for a particular client or …

Creating a UI Designer for Quick Development

Alok Pandey CSS & HTML, HTML5, Technology Snapshot 2 Comments

User interface developers often come across situations that involve creating several web interface dashboards with similar architectures but with different UI controls and backend services serving real-time data. Examples of such Dashboards could be real-time stock quotes, or real-time performance of a factory floor. A common approach that many follow is to create an HTML5/CSS3 web application using a standard design pattern. …