Orangeable

A Detailed Look Into
Web Design & Development

HTML, CSS, JavaScript, PHP, NodeJS, SQL, and more...

How to Use CSS Filters for Photo Editing


CSS filters provide a variety of effects you can use in online photo editing, ranging from blur effects to brightness control, contrast, and color shifting.

How to Setup SSL for Apache Virtual Hosts


Learn how to set up an Apache virtual host using the HTTPS protocol and an SSL certificate.

How to Setup Websites and Apache Virtual Hosts on Ubuntu 18.04


This guide will teach you how to set up multiple websites using Apache virtual hosts on a Ubuntu 18.04 server.

Introduction to the JavaScript Array map() Method


An introduction to the JavaScript Array map() method and how it's used to read and transform elements in an array.

How JavaScript Works: The Engine, Runtime, & Call Stack


An overview of how JavaScript works, including details on the engine, runtime, call stack, and event queue.

CSS Specificity and How to Overwrite It


Specificity is a weight applied to CSS declarations that determines the most relevant CSS property values within a given element.

How to Minify HTML Output with PHP


Minify HTML Output with PHP to improve page load times and provide a better user experience.

Learn the Basics of HTML in 10 Minutes


This article will teach you the basics of HTML and how to create a simple website in ten minutes or less with the most commonly used HTML tags.

What is PHP? Learn How PHP Works


This article answers the question 'What is PHP?', and dives into some PHP history, common uses, and code samples to get you started.

The JavaScript Array indexOf() vs. includes() Methods


Learn the differences between the JavaScript Array indexOf() and includes() methods when searching for data within JavaScript arrays.

Working With Cookies in JavaScript - The Ultimate Guide


This article covers setting and retrieving cookie data in your web browser using JavaScript.

Bootstrap 5 Release Date and Important Updates


The Bootstrap 5 release date plus important updates and information you'll need to know in the latest release.

10 CSS Tricks Every Web Designer Should Know


Some CSS solutions can be tricky. This quick guide will outline some of the most common CSS scenarios, and their solutions that will turn you into a CSS pro.

JavaScript forEach() Method and Array Looping


The forEach method is a JavaScript Array method used to execute a function on each array element in order and was introduced in ECMAScript 2015.

How to Create a Simple Chat Room with JavaScript


This article explains the steps needed to create a simple chat room using a few different server-side technologies you can choose from. Either PHP or Node.js.

localStorage and sessionStorage with JavaScript


localStorage and sessionStorage are useful tools that are part of the Web Storage API, allowing you to save strings and key/value pairs locally.

JSON.parse() and JSON.stringify() Functions with JavaScript


JSON.parse() and JSON.stringify() are powerful methods used to parse and stringify JavaScript objects and JSON strings.

Create Your First Node.js Web Server with Express


Learn how to create your first Node.js Web Server with Express in both development and production environments.

CSS Fade In and Out Transitions


CSS fade transitions allow you to define an HTML element's opacity rules and animate to your desired visibility using Cascading Style Sheets.

How to Create Animations with CSS Keyframes


Learn how to create a CSS keyframe animation, a more advanced CSS transition method where you can control each step of an animation.

JavaScript Equalizer with the Web Audio API


In this example, we'll be creating a JavaScript Equalizer that utilizes the Web Audio API, a high-level JavaScript API for processing and synthesizing audio.

Create a REST API with Node.js and Express


One of the primary uses of Node.js is creating a clean, secure backend API. We'll use various HTTP methods to create your first Node.js REST API.

Pagination with MySQL LIMIT and OFFSET


Learn what pagination is and how to divide your data sets into chunks for better page optimization and user experiences using MySQL LIMIT and OFFSET.

Follow me on Twitter Join the Discord server Projects on GitHub
Subscribe and stay informed!
Receive new articles straight to your inbox.