Orangeable

Web Development Unpeeled

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

Top Posts


CSS Transitions: CSS Fade In and Out Animations


CSS transitions allow you to define an HTML element's opacity and animate them at your desire using Cascading Style Sheets.

How to Create a Simple Chat Room with JavaScript


This article walks through the steps of creating a simple JavaScript chat room with websockets and two server-side technologies.

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.


22 Useful HTML Input Types To Use On Your Website


HTML input types provide some of the most complex and powerful functionality available on the web. This article cover all of them.

JavaScript Promises Tutorial: Resolve & Reject Example


JavaScript Promises are a way of dealing with asynchronous operations and results, either with a resolve or reject callback.

JavaScript Array Length: Get and Set Array Length


Learn how to get and set an array length in JavaScript, how to manipulate array elements and data, and how to empty arrays.

How to Create a Simple Chat Room with JavaScript


This article walks through the steps of creating a simple JavaScript chat room with websockets and two server-side technologies.

How to Send HTML Emails with the PEAR Mail Library and PHP


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

How to Install Memcached on Windows and Linux Servers


Installing Memcached in your Window or Linux environment allows you to leverage memory caching for faster application load times.

Bootstrap 5 Release Date, Important Updates & Features


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

CSS Transitions: CSS Fade In and Out Animations


CSS transitions allow you to define an HTML element's opacity and animate them at your desire using Cascading Style Sheets.

CSS Animations with Keyframes and the @keyframe Rule


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

Styling Scrollbars with CSS in All Modern Browsers


Learn the art of styling scrollbars with CSS in all modern browsers, width different customization options for width, color, etc.

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.

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.

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


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

A CSS Parallax Scroll Effect For All Modern Browsers


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

Learn HTML in 10 Minutes: HTML Basics for the Beginner


This article will teach you the basics of HTML and page structure, and how to create a simple website in ten minutes or less.

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.

JavaScript Cookies: Get, Set, Delete & Cookie Security


Learn how to get, set, and delete cookies with JavaScript, as well as important cookie security features to take advantage of.

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.

JavaScript includes() Method for Array Searching


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

Minify HTML Page Output with This Simple PHP Script


Learn how to minify HTML output with this simple PHP script to improve web page load speeds and provide a better user experience.

Twitter Cards: Validator, Card Types, and Dimensions


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

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.

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.

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.

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.

CSS Filters: A Playground for Online Photo Editing


CSS filters provide a variety of effects you can use for online photo editing, including blur, brightness, grayscale, and more.

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.

The JavaScript indexOf() Method for Arrays and Strings


Learn how to use the JavaScript indexof() method for returning array and string index values, character or word positions, etc.

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 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.

10 Awesome CSS Tricks Every Web Designer Should Know


This guide will outline some of the most common CSS tricks and scenarios, and their solutions that will turn you into a CSS pro.

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.

JavaScript Array map() Method: Arrays in JavaScript


Learn how to use the JavaScript Array map() method and how you can read, query, and transform array or page elements in an array.

How JavaScript Works: The Engine, Runtime & Call Stack


Dive into a detailed overview of how JavaScript works, including details on the engine, runtime, call stack, and event queue.

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.

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.

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.

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.

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.

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.

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.