Orangeable

Learn Web Design & Development

Learn JavaScript, CSS, HTML, PHP, SQL, and many other languages and best practices with these detailed and informative articles.

Top Posts


JavaScript Equalizer with the Web Audio API


Create a JavaScript Equalizer that utilizes the Web Audio API, a high-level JavaScript API for processing and synthesizing audio.

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; PHP or Node.js.

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.


Web Push Notifications: A Beginner's Guide


This article explains how to implement web push notifications, real-time browser notifications, within your website or web application.

Twitter Cards: Build Visibility For Your Website or App


Adding Twitter Cards to your website can help you establish and present your brand to millions of potential viewers and customers.

Using Memcached in PHP for Faster Load Times


Use Memcached with PHP to improve web page load times, especially with database-intensive and dynamically driven applications.

How to Install Memcached on Windows or Linux


Installing Memcached in your development or production environment allows you to leverage memory caching for faster load times.

PHP Arrays: How to Manage and Manipulate Array Data


PHP has three different types of arrays to work with: indexed arrays, associative arrays, and multi-dimensional arrays.

Create a Random Number Generator with JavaScript


Learn how to create a random number generator with JavaScript, including how to generate a random number within a specified range.

JavaScript Array Length: Getting and Setting Length


Learn how to get and set array lengths, and learn how to empty arrays with JavaScript.

How to Create a Parallax Scrolling Effect with CSS


Learn how to create a parallax scrolling effect with pure CSS that works in all modern desktop and mobile browsers.

How to Set Up a Cron Job in Linux with Examples


This article walks you through creating a list of schedule tasks that can run in the background in different intervals within your Linux environment.

JavaScript includes() Method for Finding Strings in Arrays


The JavaScript includes() method determines whether or not an array contains a specific string or not, returning a boolean value.

The JavaScript indexOf() Method for Arrays and Strings


The JavaScript indexOf() method is used for returning array index values, character or word positions in strings, and more.

How to Send HTML Emails with PHP PEAR


This article walks you through setting up a PHP PEAR installation on a Ubuntu server with the ability to send HTML emails via SMTP.

Detecting Idle Browser Tabs with the Page Visibility API


The Page Visibility API is a great resource for determining which of your browser windows or tabs are currently active or idle.

JavaScript Arrays: Pop, Push, Shift, Unshift, & Splice


Learn how to manipulate JavaScript arrays with the pop, push, shift, unshift, and splice methods.

HTML Tables: The Definitive Guide for Table Creation


HTML tables provide a way for authors to arrange data in the form of text, images, links, and more into a presentable two-dimensional grid layout.

How to Setup Secure WebSocket with HTTPS in Apache


Secure WebSocket over TLS is strongly recommended for use in production environments. This article will step through the setup and configuration process.

Styling Scrollbars with CSS


Learn the art of styling scrollbars with CSS, including different customization options for width, color, shadowing, and more.

CSS Filters for Online 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 more.

How to Setup SSL for Apache Virtual Hosts


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

How to Setup Websites and Apache Virtual Hosts in Ubuntu


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 PHP Page HTML Output


Minify PHP page HTML output to improve page load speeds and provide an overall better user experience.

Learn HTML in 10 Minutes - A Full Beginner's Guide


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? A Crash Course on How PHP Works


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

Working With Cookies in JavaScript - The Ultimate Guide


This article covers creating cookies and retrieving cookie data from your web browser using JavaScript.

Bootstrap 5 Release Date and Important Updates


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

10 CSS Tricks Every Web Designer Should Know


Some CSS solutions can be tricky. This 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; 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 CSS Animations with Keyframes


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

JavaScript Equalizer with the Web Audio API


Create 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 Facebook page Projects on GitHub Support me on Ko-fi
Subscribe & Learn More!
Receive the latest articles straight to your inbox.