javascript logo

Unit conversion with javascript Array.map()

This tutorial will demonstrate how to convert units of measurement with the javascript Array.map() method. The below examples are specific to converting a group of measurements from one unit to another with javascript. For example, if you need to convert a group of distances that were measured in miles to kilometers or a product weighed […]

javascript logo

JavaScript Redirect: How to Redirect a Web Page with JavaScript

You can redirect a web page to another page in a number of ways including server-side redirects, HTML meta refresh redirects and JavaScript redirects. In this tutorial, we will demonstrate how you can easily redirect a page using JavaScript by giving examples for various scenarios. Before we move on to our examples though, let’s briefly […]

1024px-Flatirons_Winter_Sunrise_edit_2

5 Examples to Help You Understand How CSS Opacity Works

You can control the transparency of HTML elements on a web page such as text, images or backgrounds with the help of the opacity property in CSS. In this tutorial, we will talk about CSS opacity and we will provide some examples to demonstrate how it works. How CSS Opacity Works The word opaque is […]

1024px-Flatirons_Winter_Sunrise_edit_2

CSS Class vs ID: Which One to Use

In this post, we will take a brief look at how classes and IDs are used in CSS, and we will try to help you better understand how to decide when to use CSS class vs id by providing some simple examples. In CSS, you can assign and control the style of HTML elements on […]

1024px-Flatirons_Winter_Sunrise_edit_2

CSS !important Rule: How to Use It Correctly

The CSS !important rule approaches us like a fake savior angel in our darkest times while we are trying to make something work in CSS. It is a great option to have for sure, but are we really using it in the correct way and only in cases where we have no other option? In […]

css

Simple CSS z-index Tutorial for Beginners

In this tutorial, we will talk in detail about what CSS z-index property is, how it works, its default value and the values it can have by giving some examples. We will also mention some use cases to give you ideas about where you can apply z-index in your web layouts. What is CSS z-index? […]

css

How to change CSS using jQuery?

The jQuery .css method is used to GET or SET DOM element CSS properties. The following tutorial will demonstrate 4 core concepts of jQuery’s .css method 1. GET a CSS property from a DOM element 2. GET multiple CSS properties from a DOM element 3. SET a CSS property on DOM elements 4. SET multiple CSS […]

angular

ngClass Use Case Examples

ngClass is a very powerful built-in Angular directive for dynamically changing CSS classes on HTML elements. It does this by allowing us to bind scope values as class names. We can then use the state of our application (what variables are currently assigned to) to assign classes to divs, h2s, you name it.  Summed up, […]

javascript logo

JavaScript Events 101

A lot of things happen on webpages. People scroll, click, and move their mouses. Form inputs get entered and typed into. Pages load or get resized. These actions (and many others) are aptly called ‘events’ in web development. And responding to these events is a large part of what makes web applications interactive. Users do […]

1024px-Flatirons_Winter_Sunrise_edit_2

Getting to know the ReactJS ecosystem – React and React Native

For new web developers, just learning javascript can be hard enough, let alone trying to understand the dozens of popular libraries, frameworks, services, architectures, preprocessors, bundlers, and other technologies in wide use today. It can all make web development seem esoteric and inaccessible. If you feel this way, you are not alone! I’m here to […]