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


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.

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.

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.


What is Orangeable?

Orangeable is web development unpeeled. An informative blog designed to help give back to the development community and create a useful learning center for new and advanced developers alike.

As a long time web developer, I'll be focusing on many front and backend technologies that run the web today, including development, best practices, technical write-ups, and news for languages like JavaScript, CSS, HTML, PHP, SQL, and much more.

It takes a lot of work and practice to become proficient but, above all, it's most important to remember to have fun with it! My goal is to keep web development fun and exciting while you embark on this amazing journey!

Feel free to reach out and say hello or share any projects you're working on. I love seeing new creations and passion projects! Take care and enjoy!

More About Orangeable

JavaScriptJavaScript

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 Smooth Animated Scroll with JavaScript


Learn how to create a smooth animated scroll with very little code in vanilla JavaScript. No third-party libraries are required!

jQuery, AJAX & PHP Asynchronous Multiple File Upload


Learn how to chunk upload multiple files asynchronously in a single form submission using jQuery, AJAX, and PHP.

How to Create a Simple Calculator with JavaScript


Learn how to create a simple calculator with JavaScript, CSS, and HTML, with the ability to add, subtract, multiply, and divide.

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


Learn how to alter and manipulate JavaScript arrays when using the push(), pop(), shift(), unshift(), and splice() methods.

jQuery Table Sorting: Sort Data on Header Click


Learn how to sort table data without plugins. All you need is jQuery and a few custom functions to get started!

CSSCSS

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.

Fixed Table Headers with Pure CSS: Sticky On Scroll


Fixed table headers are the perfect solution for retaining the column and row header views for tables with large amounts of data.

How to Create Animated Gradient Text with Pure CSS


This article covers creating an awesome animated gradient text effect that will wow all of your website visitors.

How to Add Comments in CSS


This quick tutorial will show you how to add comments in your CSS code, how they're used, and why they're important.

How to Create A Before & After Image Slider with CSS


A step-by-step tutorial showing how to create a before and after image slider with CSS, jQuery, and an input range slider.

How to Create An Animated Toggle Switch with CSS


This article will teach you how to create an animated toggle switch with some simple CSS rules and a quick jQuery event.

HTMLHTML

Send SMS Messages From a Link with HTML


Links have been around since the dawn of the internet. This article explores sending custom SMS messages using simple HTML links.

The Details & Summary Tags in HTML


Learn how to create a details element with a summary heading and additional content you can toggle on and off using HTML.

HTML Color Codes: Hexadecimal & RGB Values


Learn how to create colors using hexadecimal color codes and RGB values, as well as a table referencing all the HTML color names.

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.

Twitter Cards: Types, Image Dimensions, and Validator


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

HTML5 Video Tag: Autoplay, Controls, Subtitles & Events


Explore the HTML5 video tag and its features from autoplay and playback controls to JavaScript events and accessibility options.

PHPPHP

How to Send HTML Emails with the PHP PEAR Mail Library


Learn how to set up a PHP PEAR Mail Library installation on a Ubuntu server with the ability to send HTML emails via SMTP.

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.

Merge PDF Files with PHP and GhostScript


This article provides a quick tutorial on merging multiple PDF files into a single file programmatically using PHP and Ghostscript

Web Scraping with PHP: Library and Regex Examples


This article explains what web scraping is and how to accomplish it either using a library or regular expressions within PHP.

What is PHP? How PHP Works & What It's Used For


What is PHP? Learn how PHP works, what it's used for, and how to create a script in this descriptive and in-depth article.

How to Create a 301 Permanent Redirect with PHP


In this article, we'll discover how to implement 301 permanent redirects on your site including benefits and best practices.

Node.jsNode.js

Create a Node.js Web Server with the Express Framework


Learn how to create a functioning Node.js web server with the Express framework in both development and production environments.

Create a REST API in Node.js and the Express Framework


Learn how to create a simple user management REST API in Node.js using the Express framework and a few GET and POST methods.

ServerServer

How to Setup Secure WebSocket with HTTPS in Apache


Set up and configure a secure websocket connection over TLS, a configuration highly recommended for production environments.

How to Install SSL for Apache Virtual Hosts in Linux


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

Create a Cron Job with Crontab in Linux with Examples


Learn how to create a list of schedule tasks with Cron and a Crontab file that run in the background of your Linux environment.

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.

Set Up a Website and Apache Virtual Hosts in Ubuntu


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

SQLSQL

How to Backup & Restore MySQL Databases with mysqldump


Learn how to backup and restore MySQL databases using the mysqldump utility in the command line.

MySQL LIMIT and OFFSET Clauses & ResultSet Pagination


Divide your resultsets into chunks for better page optimization and user experiences using MySQL LIMIT and OFFSET the clauses.

MySQL Proximity Search with US Zip Codes


Learn how to run a proximity search with MySQL using some built-in functions, US zip codes, latitude, and longitude.

Subscribe & Learn More!
Receive the latest articles straight to your inbox.