How Does Function Hoisting Work in JavaScript?

Hoisting can be a tricky part of JavaScript to understand. This article will give a concise definition of hoisting and simple examples of it in action. In JavaScript, the default action is for declarations to be moved to the top of the code. Declarations are moved to the top of the current scope by the […]

Mapping Colorado’s 14er Mountains: React and Redux Mega Tutorial

appendTo is based out of Colorado, a US state famous for the quantity and size of its mountains. 53 mountains over 14,000 feet (4267.2 meters) are located in Colorado’s borders. During the summer, many Colorado residents make it a mission to climb as many of these ’14ers’ as they can. In this React and Redux […]

Reactjs

Dissecting the React Lifecycle and Related Methods

React has proven to be wildly popular by Javascript developers, providing a foundation for building highly “reactive” components that are performant, efficient and generally scale well. However, React can prove a little intimidating to get into, in part because the documentation can be cryptic, and in part because the toolset itself works largely by automating […]

A Concise Introduction to JavaScript Design Patterns

JavaScript design patterns are, essentially, efficient problem solving strategies. When you build large scale web applications of high complexity, code becomes increasingly difficult to manage and various problems arise throughout the building process. JavaScript design patterns not only provide solutions to these problems but also organize your code in a way that is easy to […]

sass

Style the Web More Effectively with SASS

As the web grows and changes, new technologies arise to help the developers on their interesting journey in bringing life to ideas and designs. This is how CSS was initially born and how CSS preprocessing technologies such as SASS came into being. In this post we will explore some of what SASS has to offer. […]

css

CSS Box Shadow Use Cases and Examples

The box-shadow property allows developers to implement multiple drop shadows, either outer or inner placed on box elements. The different attributes they can change are size,color, offset and blur. There is an increase of support through different browsers that include Mozilla (Firefox) and Webkit (Safari & Chrome). Mozilla and Webkit no longer require their implementation […]

css

Making Attractive Functional Gradients in CSS

CSS gradients are a great tool in any modern developer’s arsenal. These gradients allow you to display smooth transitions between multiple rounds of specified colors. Similar to how you can declare a set background solid color element in CSS, you can also do this to declare a gradient background. Using gradients in CSS is a […]

css

CSS Rounded Corners 101

Float is a property in CSS that has to do with positioning. In order to understand its origin, it’d be smart to first look at a print layout and how it relates to that. In print layouts the images are set into a page so that text will wrap around them when needed, commonly referred […]

Comparing Javascript & jQuery Through Building a Pomodoro Timer

Modern web development offers an incredible variety of tools, libraries, and frameworks to build web sites/applications. As of 2016, jQuery, React, Angular, and Vue are the most popular front-end libraries/frameworks in use. They can all be used to build and accomplish similar things, but in different ways. What are the advantages/disadvantages of each? How does […]

css

No More Janky CSS: Using OOCSS, SMACSS and BEM

Janky: Of extremely poor or unreliable quality. If you are writing just a few lines of CSS, it may not make a difference how you structure it. But as a project grows and the CSS becomes larger, the question of structuring CSS becomes more pertinent. There are a number of methodologies for writing better CSS. […]