Version 2.0: Website Redesign (863 Commits Later)
Over the past two years, I’ve made 863 commits to the look and feel of taniarascia.com. Here’s a fun look at ten of the old designs I’ve made, and a look at version 2.0.
All Posts
How to Generate a Public Key from a Private Key
Recently, I needed to find the corresponding public key from a private key (.pem) to give a Linux user access to a server. I used the below code to generate…
The Three Types of Can’t
It looks like there’s just one definition for the word can’t. can’t – cannot I’ve found that there’s actually three true meanings behind the word. Don’t want to Don’t know…
Removing an item from an associative array in PHP by value
Recently, I was working with some JSON decoded into a PHP array, and I needed to remove an item from the associative array. With only the value, I wasn’t sure…
Create a Simple Database App: Connecting to MySQL with PHP
Learn how to set up a small database application in PHP without a framework. You will install a database, add new users, and filter through those users.
Smooth Scroll to ID with jQuery
Use jQuery to smoothly scroll the screen when an anchor link is clicked.
Prevent Mouse Scroll from Zooming on Embedded Google Maps
How to prevent scrolling on the mouse from zooming in an embedded Google map, with examples.
A Practical Guide to Search Engine Optimization (SEO) with Google
Search Engine Optimization (SEO) is the process of using various strategies to appear high in a list of online search results. In this article, I go over over my methods and some important notes to keep in mind as a web developer.
Crossfade Between Two Images with CSS Animations
In this example, we’ll use CSS to infinitely fade between two images.
Background Position Fixed and Cover with CSS
Create a CSS-only scrolling effect.
Redirect all HTTP requests to HTTPS
Create a permanent redirect for all files on a website to use the HTTPS protocol.
Simple jQuery Examples with Code and Demos
Create accordions, tabs, dropdowns, popups, and scroll changes with a few lines of jQuery code.
How to Use jQuery, a JavaScript Library
A tutorial on the basics of jQuery and creating interactive elements for those with no previous programming experience.
How to Use JSON Data with PHP or JavaScript
Learn what a JSON feed is, and how to extract its data with PHP, JavaScript, or jQuery.
How to Use the Command Line for Apple macOS and Linux
Knowledge of the command line is essential for any web developer. Read this beginner’s guide to feel comfortable in the text-based terminal.
2016 into 2017
A review of my year in web development, fitness, art, writing, and life.
Setting up a Brand New Mac for Development
A walkthrough of techniques and sensible defaults for an Apple development environment.
Productivity: How I Use Technology to Organize My Life
An overview of the apps I use for notes, to-dos, goal tracking, code snippets, and calendar events, as well as how I keep my email inbox organized.
My Complete Front End Web Development Setup
An overview of all aspects of my web development workflow, from operating system to coding stack, frameworks, task runners, version control, and web host.
Styling UI Components from Scratch: Buttons & Forms
Learn how to make your own cross-browser consistent buttons and forms from scratch with CSS or Sass.
Setting Up a Basic Cron Job in Linux
A cron job on your web server is a scheduled event to perform an action or run a script, such as sending an email.
WordPress Theme Development: Creating Custom Fields and Meta Boxes
Learn how to create custom fields in WordPress – such as for images, text, and checkboxes – without a plugin.
How to Build a Responsive Image Gallery with Flexbox
A quick and easy guide on how to set up a basic Flexbox grid for an image gallery.
JavaScript Day Two: Comparisons, Math, and Logic
In JavaScript, logic is used much like a flow chart to determine the outcome of code, via if statements and switch statements. In this overview, we’ll learn about logic, math, and comparison operators.
Adding Syntax Highlighting to Code Snippets in a Blog or Website
Learn how to embed highlighted code snippets into your website or blog, as well as create your own theme.
Parallax Scroll Effect
Parallax scrolling, an effect that allows sections of a website to scroll at different speeds, is an effect that has gone through various stages of popularity over the last few…
JavaScript Day One: Comments, Variables, Data Types, and Hello, World!
The absolute fundamentals of JavaScript or any programming language are covered here, from data types and variables to printing your first “Hello, World!” program.
Straightforward Guide to Setting Up a Gulp Workflow
A complete guide on how to set up a Node environment and install Gulp. In this tutorial, you will create a Sass project and compile, autoprefix, and minify the CSS output.
Obtain a TLS/SSL Certificate and Enable HTTPS Encryption
How to get an SSL certificate and enable secure HTTPS connections to your website.
WordPress Theme Development: Pagination, Comments, Functions, & Custom Posts
An intermediate guide to developing your own WordPress theme. Learn how to add comments, blog post pages, custom posts, and WordPress functions.
Getting Started with AWS – Setting Up a Virtual Server
A guide to setting up an AWS account and installing the LAMP stack (Linux, Apache, MySQL, PHP) on an Amazon cloud server (EC2).
Learn Sass Now: A Guide to Installing, Using and Understanding Sass
A tutorial on how to install Sass and use the command line to compile and minify your CSS.
Make a Static Website with Jekyll
A tutorial on how to install Jekyll (the static site generator) and create a simple theme for blog posts and regular pages. Written on a macOS environment.
Full Screen Navigation Overlay
A tutorial on how to create a responsive navigation that takes up the entire screen when toggled.
Google Maps APIs for Multiple Locations
A tutorial on how to embed a Google Map into your website, and add multiple location markers with additional information.
What is Bootstrap and How Do I Use It?
The missing instruction manual on how to use Bootstrap, the CSS framework. Learn how the grid system works, and how to add your own styles.
From Cooking to Coding
It’s difficult to think of two careers more contrasting than chef and web developer. I would venture to put myself into a fairly unique category of people who have done…
Off Canvas Navigation
A walk-through tutorial on how to make a hidden, sliding, responsive off-canvas navigation, as seen on the Lanyon Poole theme for Jekyll.
You Don’t Need a Framework: Understanding the Fundamentals of Responsive Design
A tutorial on the basics of responsive design, including grids and navigation to increase your knowledge of the fundamentals.
RSS Feeds
A quick overview on what an RSS feed is, and how to get updates on blogs you follow through Chrome.
Migrating a WordPress Site to a Live Server
If you have WordPress set up locally, you’ll need to know how to transfer the files over to a live web server. This tutorial will guide you through step by step.
Getting Started with Grunt and Sass
A tutorial on how to set up and use Grunt, the JavaScript task runner. We will create a workflow to compile, autoprefix, and minimize Sass.
Developing a WordPress Theme from Scratch
A tutorial walkthrough on how to turn any plain HTML website into a customizable website or blog.
Setting Up Virtual Hosts
This tutorial will show you how to work on multiple servers locally using virtual hosts.
Setting Up a Local Server Environment
If you want to use PHP, you’ll need to have a server. In this tutorial, you’ll learn how to configure MAMP to set up a local server and virtual hosts.
How to Create a Flexbox Grid
A tutorial on how to use the CSS Flex property to create a simple grid.
Responsive Dropdown Navigation Bar
A tutorial on how to make a responsive navigation bar using Sass. The navigation will contain a dropdown field, and collapse into a hamburger menu on mobile.
Basic HTML5 Skeleton File
The bare minimum skeleton frame to start a website with HTML.
Getting Started with Git
Learn how to use Git to create a local project and upload files to a remote server with the command line.