Skip to Content

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.