css

CSS Filters: Examples, Use Cases, Caveats

Almost any program, app, or editor that allows you to upload pictures or work with images provides some sort of filter capabilities to be applied to the images. Users of Instagram,  Photoshop and Snapseed are familiar with utilizing various filters to create eye-catching images. Well curated images can enhance the appeal of your website and […]

css

Creating Contrast using CSS

In photography, adjusting the contrast of an image is often an important part of the post processing routine. Contrast refers to the difference between light and dark in an image. In the color spectrum of an image the darkest color possible is black and the lightest color is white. A high contrast image is one […]

css

CSS Transforms: Examples, Use Cases, Caveats

CSS transforms allow you to apply a set of changes called transformations to any element. Transforms are implemented using the transform properties transform-origin and transform. The transform-origin property is used to set the origin of the element. If unspecified, the origin is set to be the center of the element. The transform property is used […]

Reactjs

230 Curated Resources and Tools for Building Apps with React.js

This post will curate the best resources, tools, libraries, and articles that will help you learn to build production applications with React.js. This 6000 word post will take you from getting started with React, through UI design, routing, testing, deployment, and continuous integration. There are many sections and you should feel free to jump to […]

EASY Speech Recognition and Speech Synthesis in JavaScript

As a society, we’ve become increasingly intrigued by the concept of machines that can talk and listen. From fictional AI systems like HAL 9000 in 2001: A Space Odyssey (“I’m sorry, Dave. I’m afraid I can’t do that.”), to Apple’s Siri ,and Google’s new Assistant, our culture seems inexorably drawn to the idea of digital beings with ears and a voice. Implementing such […]

A Simple Primer in JavaScript Recursion

Recursion is a concept that is not unique to JavaScript. It is used in all programming languages. Though it is an important part of Javascript that sometimes gets muddled or overtly complex. Recursion is simply when a function calls itself. A function that calls itself is comparable to a loop. Both of these methods are […]

Custom HTML Elements with Vue.JS

Creating customized, repeatable HTML elements cuts down on the amount of code you have to write. It also adds organization and readability to your codebase. So how does one create custom HTML elements? Vue.JS provides an elegant solution. Vue.JS is a lightweight JavaScript framework that’s relatively easy to use. In the following tutorial I show […]

How to transition from npm to Yarn

https://yarnpkg.com/ is the hottest new package manager for Javascript. The switch from npm to Yarn is a straightforward process. It was built by engineers at Facebook, Google and a few other institutions. It was created to fix a few problems npm faced around speed, consistency, and security. The Yarn CLI is nearly identical to npm […]

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 […]

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 […]