Skip to Content
Orangeable

Web Development Unpeeled

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

Get Started Here!

If you're brand new to web development, then this is the perfect place to start! HTML is the foundation of every web page, and learning it will give you a good understanding of how web pages are built and structured.

Click the guide to the right to get started on your journey into the world of web development!

Marker curved arrow

Learn HTML in 10 Minutes: HTML Basics for Beginners


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


What is Orangeable?

Orangeable is Web Development Unpeeled - An informative blog designed to help give back to the community and create a useful learning spot for new and advanced developers alike.

My name is Josh Rowe. As a long time web developer, I'll be focusing on many client-side and server-side technologies that run the web today, including coding, best practices, technical write-ups, and news for languages like JavaScript, CSS, HTML, PHP, SQL, React, Vue.js, 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

Thumbs up icon Top Posts

Use Jump Links to Scroll to Specific Parts of a Page


Learn how to create Jump links in HTML, allowing you to jump to specific parts of a web page without a page request.

How to Force File Downloads with Anchor Tags in HTML


Instruct browsers to force-download files using anchor links in HTML with the download attribute.

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.


3 Ways to Check if a Value is a Number in JavaScript


In this tutorial, we'll explore three different ways to check if a value is a number in JavaScript.

JavaScript Equalizer Display with Web Audio API


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

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!

How to Google Translate with JavaScript


Learn how to implement the Google Translate in JavaScript for translating page content into many different languages.

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


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

Enable Smooth Scrolling with JavaScript


Learn how to smooth scroll with JavaScript. Clean scrolling animations with no third-party libraries required.


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.

Styling Scrollbars with CSS in Most Modern Browsers


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

CSS Fade In Transition: Text, Images, Scroll & Hover


Learn how to create a fade in transition with CSS for text and image elements, on scroll, and on mouse hover.

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.

CSS Parallax Scroll Effect for All Modern Browsers


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

CSS Text Gradient: Linear Animation


Create an animated text gradient with CSS that will wow all of your website visitors.


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.

HTML5 Video: Autoplay, Controls, Events & Subtitles


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

HTML Color Codes: RGB & Hexadecimal


Learn how to create color using color codes in HTML, both RGB and hexadecimal, with a table referencing all the color names.

SVG Polygons in HTML


A quick tutorial to teach you how to create polygons with SVG in HTML.

Learn HTML in 10 Minutes: HTML Basics for Beginners


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

22 HTML Input Types To Utilize 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.


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.

Variables in PHP: Usage, Examples & Data Types


Variables in PHP are pieces of data identified by a name and have the ability to store data of many types.

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.

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

Include Files in PHP


PHP allows you to include other PHP files using four different statements: include, include_once, require, and require_once.

How to Use 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.


React Router: A Beginner's Guide with Examples


In this tutorial, we'll cover the basics of React Router and how to set it up in your React application.

React Components: Functional vs. Class


React components are the building blocks of modern UI, enabling developers to create modular, reusable, and maintainable code.

React Hooks: A Comprehensive Guide with Examples


In this tutorial, we'll cover the basics of React Hooks and show you how to use them in your React applications.

How to Create Your First React App


Learn how to set up a development environment and create your first React app with this quick and easy tutorial.

React Context API: Implementation & Examples


In this tutorial, we'll walk through the fundamentals of React Context API and how to use it effectively in your application.


Getting Started with VueJS: A Hello World Tutorial


Build your first VueJS web application with this Hello World tutorial. A barebones example for learning the basics of VueJS.


How to Create an App with Electron and Node.js


In this tutorial, you'll learn how to create an Electron app, run it, and package it on Windows, Mac OS, and Linux environments.

How to Upload Files to an S3 Bucket with NodeJS


In this tutorial, you'll learn how to upload files to an AWS S3 Bucket using NodeJS.

The Anatomy of a package.json File in Node.js


Explore the inner workings of a package.json file and how you can modify the configuration keys to fit the needs of your project.

How to Uninstall npm Packages in NodeJS


This tutorial will teach you how to uninstall an NPM package locally and globally from your environment.

How to Save Text to A File in Node.js


This tutorial will teach you how to save text to a file in Node.js using the built-in File System module.

How to Create a NodeJS Web Server with Express


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


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.

Live Video Streaming with Nginx RTMP & HLS on Ubuntu


Learn how to set up a live video streaming server with Nginx, RTMP, and HLS on a Ubuntu 20.04 server.

How to Update Packages in Ubuntu via Command Line


This quick tutorial will show you how to update packages on your Ubuntu server via the command line.

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.

How to Install Memcached on Windows & Linux Servers


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

How to Remove Files & Directories in Ubuntu Linux


In this tutorial, you'll learn how to remove files and directories using the command line in Ubuntu Linux.


Safe Updates in MySQL to Prevent Accidental Queries


MySQL allows the ability to prevent accidental UPDATE and DELETE query executions by enabling a safe updates feature.

How to Define A Custom ORDER BY in MySQL


Learn how to define a custom ORDER BY statement in MySQL with the ORDER BY FIELD clause.

Create A MySQL Database: Command Line & Workbench


This tutorial will show you how to create a MySQL database using the command line and MySQL Workbench.

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.

Format Dates in MySQL with the DATE_FORMAT() Method


This tutorial will teach you how to format dates in many different ways with MySQL and the DATE_FORMAT() function.


Basic Git Commands: A Comprehensive Cheat Sheet


Explore the top basic Git commands to help you set up, manage, and organize your next project.

How to Reduce A Video's File Size with FFMPEG


This tutorial shows you how to reduce a video's file size significantly with very little loss in quality using FFMPEG.

DS_Store Files: What They Are & How To Remove Them


This article will discuss DS_Store files, why they're important, how to create them, and how to manage them on your computer.

iOS 17 Beta 8 is Here: How To Install It


The iOS 17 Beta 8, part of the Apple Beta Software Program, is here and ready for you to install.

List of the Most Common Regular Expressions


This tutorial will show you some of the most common regular expressions you can use in your web applications.


How to Query A Database with CFQuery in CFML


Learn how to build and execute database queries with CFML in this expansive tutorial with in-depth explanations and code examples.

What is ColdFusion & CFML? Benefits & Advantages


ColdFusion is a rapid application development platform used to create powerful and highly functional server-side web applications.

Use CFLock to Lock Code & Protect Data in CFML


Learn how to prevent issues with data modification by implementing process control using the cflock tag in CFML.

How to Invoke CFC Methods with CFML


Learn how to create and work with CFCs (ColdFusion Components) and invoke methods in CFML.

Create Variables & Set Values with CFSet in CFML


In this tutorial, you'll learn how to create variables and set values with the cfset tag in CFML.

How to Set Cookies with the CFCookie Tag in CFML


Discover how to create and manage client-side and server-side cookies with the cfcookie tag in CFML, with code examples.


Create Your First Flutter App


This tutorial will walk you through installing and setting up Flutter in a Windows environment using the Chrome web browser.