javascript-300x120

When to use ES5 Var vs. ES6 Let

There is an important distinction to be made between let and var. Both of these statements allow the developer to declare a variable. Let was introduced in Javascript ES6. Before we explore the merits of using let over var, it’s helpful to know the functionality and limitations of var. Var Functionality JavaScript was created in […]

javascript-300x120

Using JavaScript ASync Functions

Async stands for asynchronous and it is (aptly) the opposite of synchronous programming. To get a better grasp on Async functions, you need to first fully understand synchronous code. Simply put, synchronous code means “many statements in a sequence”. Each statement is executed one after the other. This also means that a statement has to […]

css

What Are CSS Pseudo Classes and What Are They Used For?

A CSS pseudo class allows you to assign a specific state to an element. For instance, a user hovers over an image on a web page and it changes to another image. Links change colors once they are visited and can be differentiated from unvisited links. An input box on a form is disabled and […]

css

Simple, Elegant, Common CSS Animations

CSS animations provides a simple way to create animations for your webpage that does not require complicated coding or a scripting language such as JavaScript.  While CSS’s animation capabilities are not as extensive as JavaScript, there is still a lot that can be done using CSS. CSS animations allows you to transition the style of […]

css

What Is CSS Grouping and What Is It Used For?

Grouping in CSS is a technique used to reduce code redundancy and write clean, concise easy to follow code.  There are going to be many instances in which multiple CSS selectors will have the same declarations. In these cases, you can group all the selectors together and write the declarations only one time. For example, […]

00-featured-vuejs-logo-simple-320x200

A Friendly Introduction to Vue.js

“Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces…The core library is focused on the view layer only, and is very easy to pick up.” If you already know HTML, CSS, and JavaScript, then picking up Vue is a breeze! In the following article, I’ll show you how to get up […]

css

3 Ways to Center in CSS

Centering HTML elements using CSS can be a surprisingly difficult task. Getting the horizontal alignment right is relatively straightforward, but getting the vertical alignment down can prove to be challenging. And getting an element to sit smack dab in the middle of its container? Forget about it! 🙂 I’m kidding, but how to center elements using […]

javascript-300x120

What is Isomorphic JavaScript and What Can it Help With?

When a user opens their favorite webpage or application, there is a great deal of things that happen in the background. The browser and server go to work sending requests, parsing and rendering to provide a webpage to the user within seconds. Some developers choose to render their webpages server side while others opt for […]

javascript-300x120

Avoiding Memory Leaks in JavaScript

Memory management Efficient memory management is a crucial part of any coding practice. When memory management is poor, memory leaks are created which slows down performance and causes crashes. A memory leak occurs when a section of memory that is no longer being used is still being occupied needlessly instead of being returned to the […]

css

A Simple Guide to CSS Media Queries 

Media types were originally introduced in CSS2 as the @media rule. The original idea was to have the ability for different style rules to be applied across different devices. For example, there would be style rules for computers, another one for printers and then smartphones, tablets, and more. These didn’t get picked up and put […]