javascript

As a front end developer who tries to keep up with the latest trends, I find it a constant challenge to define my own unique path when building a website or application....

JavaScript is a dynamic computer programming language. It’s commonly used to enhance a website’s user experience. This can be anything from what happens after clicking o...

Today I continue the series on how to REALLY learn JavaScript. I will dive into some aspects of JavaScript that makes it a truly dynamic programming language. Knowing th...

Continuing on in our series titled How to REALLY Learn JavaScript I direct your attention to some of the most powerful components of the programming language. Combin...

Functions are the core of any programming language. Think of functions as frozen fruit. You go to the store buy fruit knowing it has an expiration date quickly appro...

The DOM or Document Object Model represents an API (application programming interface) for HTM...

Object-oriented programming is an advanced way to make use of JavaScript data types as a whole. This type of programming works for most languages available, but our focu...

Continuing on in our JavaScript series I will introduce you to jQuery. In most cases, newcomers to the language will be doing this the opposite way...

Some developers attest to their knowledge of JavaScript by being able to correctly explain what a closure is in JavaScript and why it is useful. Bragging rights aside cl...

JavaScript was born out of the necessary need to manipulate elements on a web page and provide more interactivity than HTML and CSS alone were capable of. JavaScript wil...

The web is always changing and with change comes new technologies that allow us designers and developers to build and write better code. Sometimes we have to update tech...

I appreciate the finer details on the web. I really like intuitive animations (the kind that isn't just icing on the cake), data binding on forms and other user invoked ...

I use WordPress for about 99% of my clients’ projects. I do this for a variety of reasons but mostly because my WordPress workflow is pretty efficient and my clients are...

I use WordPress for a variety of projects. I have to say that I have a love-hate relationship with it for many reasons. I'll save those for another time but for the most...

Gulp.js is a not so new toolkit built using JavaScript that helps automate your workflow as a developer. Whether you do front end development, back ...

Coding an Instagram Photo Feed

Part 26 of my Let's Build: A Consultancy Website series continues on the About page.

The existing design utilizes placeholder i...

Today, more than ever, more developers are reaching for JavaScript as their programming language of choice. That choice makes sense because JavaScript can exist and run ...

Dropdown menus and responsive menus are all too common components in the web design space. While I'd advocate using dropdown menus sparingly, they do unclutter what coul...

I'm back at it with the Let's Build: With JavaScript series. In this video learn how to build a broadcast bar with cookies using vanilla JavaScript and some elbow grease...

Welcome to the next installment of my Let's Build: With JavaScript series. In this video, I'll be walking you through how to create a simple but dynamic sticky nav. usin...

Welcome to the next installment of my Let's Build: With JavaScript series. In this video, learn how to create tabs with vanilla JavaScript.

[View Source Code](https:...

I'm back with my next installment of the Let's Build: With JavaScript series. In this build, learn how to code a modal with vanilla JavaScript.

This series is all ab...

Welcome to the next installment to my Let's Build: With JavaScript series. This tutorial teaches you how to create, customize, and manipulate an HTML5 video player using...

I'm back at it with my Let's Build: With JavaScript series. This week I take a stab at creating a custom accordion component with vanilla JavaScript.

An accordion is ...

My Let's Build: With JavaScript series continues with a new installment where I teach you how to create a skeleton screen loading effect with vanilla JavaScript, HTML, a...

I'm back with another installment of my Let's Build: With JavaScript series. This tutorial is based around an off-canvas menu experience that was built using a combinati...

Continuing the Let's Build: With JavaScript series, I tackle a more known pattern of a "show more show less" toggle with JavaScript. To take things further I introduce a...

Welcome to another Let's Build: with JavaScript tutorial. In this installment, we'll take a look at building a theme switcher for different parts of a web page using CSS...

Tailwind CSS has become my favorite CSS framework to reach for lately. The focus of the framework is utility-first which means adding classes ...

It has been a bit since I did another Let's Build: With JavaScript so I'm back with a new one focusing on using Local Storage.

As a precursor to this tutorial I highl...

Welcome to another installment of my Let's Build: With JavaScript series. This video tutorial teaches you how to make a collection of dynamic HTML checkboxes using vanil...

In this installment of my Let's Build with JavaScript series I talk about using mouse events to animate text.

This tutorial is heavily inspired by a video from Wes B...

Tailwind CSS version 1.2 is the most recent release of the CSS framework. This is a short guide that teaches you how to install it in the mos...

Today, I'm excited to walk through a great JavaScript framework that has become popular in the Ruby on Rails community called Stimulus.js.

...

In this Tailwind CSS tutorial, we'll explore how to add an interactive, mouse-tracking glow effect to web elements using just JavaScript and Tailwind CSS. This simple ye...

In this tutorial, I'll show you how to add Geolocation support to a search form using Ruby on Rails and Stimulus.js

By integrating geolocation capabilities, users can...

In this tutorial, we will create a simple, reusable countdown widget using ES6 classes in JavaScript. The widget will accept options as parameters, allowing for flexibil...