Simple jQuery Examples with Code and Demos

Simple jQuery Examples with Code and Demos

Recently, I wrote a beginner’s guide to using and understanding jQuery for Digital Ocean. I found the official jQuery documentation difficult to understand, especially for beginners who only know HTML and CSS. My intent was to make a simple, easy to follow tutorial to introduce…

How to Use jQuery, a JavaScript Library

How to Use jQuery, a JavaScript Library

I originally wrote this article for Digital Ocean Community Tutorials – An Introduction to jQuery. HTML, CSS, and JavaScript are the three fundamental languages of the web. We structure our websites with HTML, style them with CSS, and add interactive functionality with JavaScript. In fact,…

How to Use JSON Data with PHP or JavaScript

How to Use JSON Data with PHP or JavaScript

JSON is used to transmit data between a server and a browser. Here is a basic example of what might be in a .json string. { “name”: “Tania”, “title”: “Web Developer”, “website”: “https://www.taniarascia.com” } As you can see, it’s a human readable format of data…

How to Use the Command Line for Apple macOS and Linux

How to Use the Command Line for Apple macOS and Linux

You might be like me – I used computers for twenty years without ever touching a command prompt. I didn’t know anything about it, and it seemed scary and overwhelming. I thought it was something only really advanced users knew anything about. When I inevitably…

2016 into 2017

2016 into 2017

A year is just one thing – one revolution of the Earth around the Sun. Here are a few things I did. I wrote 14 articles. That’s a little over one article per month. I did my best to always focus on quality over quantity,…

Setting up a Brand New Mac for Development

Setting up a Brand New Mac for Development

I just got a new MacBook Pro, and I decided to research the fastest, most efficient method to set up a clean, organized, and up-to-date development environment for my new computer. I wrote about some of these steps in my front end web development setup…

Productivity: How I Use Technology to Organize My Life

Productivity: How I Use Technology to Organize My Life

Time is the most valuable asset you have, and depending on how you use technology, it can either drastically hinder or improve your productivity. I’m very much a minimalist, and I’ve spent a lot of time getting down to the essentials. I’d like to share…

My Front End Web Development Setup

My Front End Web Development Setup

I’m a self-taught web developer who has been working professionally in the field since June, 2015. I’m going to write about the setup, programs, and plugins I use on a daily basis with some brief descriptions and alternate options. View on GitHub Disclaimer It doesn’t…

Styling UI Components from Scratch: Buttons & Forms

Styling UI Components from Scratch: Buttons & Forms

It’s hard to style basic web components if you’ve never done it before. You want your buttons and forms to look good and also be cross-browser consistent. The easiest solution is to use a framework like Bootstrap or Foundation, but that won’t help you understand…

Setting Up a Basic Cron Job in Linux

Setting Up a Basic Cron Job in Linux

Recently, I had to set up a scheduled task on a server, which is a little intimidating and scary the first time around, so here’s a quick article about the steps for setting up a basic cron job. In this article, we’ll create a simple…

WordPress Theme Part 3: Custom Posts, Custom Fields and Meta Boxes

WordPress Theme Part 3: Custom Posts, Custom Fields and Meta Boxes

In the first part of my WordPress tutorial series, we learned what WordPress is and how to create and use a basic theme. In part two, we learned more advanced concepts like adding comments and images. In part three, we’re going to learn how to…

How to Build a Responsive Image Gallery with Flexbox

How to Build a Responsive Image Gallery with Flexbox

You may have noticed I’ve updated the site to include a front page with a grid listing all the tutorials. As you resize the screen, it goes from three columns, to two columns, to a single column on mobile. Another great example of that is…

JavaScript Day Two: Comparisons, Math, and Logic

JavaScript Day Two: Comparisons, Math, and Logic

In JavaScript Day One, we covered some of the essential fundamentals of programming: variables, data types, comments, and how to write a simple “Hello, World!” program. In this lesson, I’ll be going over comparison, arithmetic (math), and conditional statements (logic). Comparison Operators Comparison Operators are…

Adding Syntax Highlighting to Code Snippets in a Blog or Website

Adding Syntax Highlighting to Code Snippets in a Blog or Website

I’ve received a few requests on how to highlight the syntax of snippets of in a blog like I have. Here is an example snippet of SCSS code, so you can see exactly what I’m referring to. // Variables $font-stack: Helvetica, sans-serif; $primary-color: #333; @mixin…

Parallax Scroll Effect

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 years. I’m not going to debate the usefulness or trendiness of parallax scrolling here, I’m…

Straightforward Guide to Setting Up a Gulp Workflow

Straightforward Guide to Setting Up a Gulp Workflow

Can I just have a tutorial that tells me exactly what I need to do and know to set up Gulp, without spiraling into some unrelated discussion about HTML semantics, you wonder? Yes, you can. Here it is. Is this article for you? This article…

Obtain a TLS/SSL Certificate and Enable HTTPS Encryption

Obtain a TLS/SSL Certificate and Enable HTTPS Encryption

This article begins with the assumption that you’re not looking for an in-depth explanation of what HTTPS is, how encryption works, the difference between TLS and SSL, or why you should or shouldn’t obtain a certificate. There are plenty of articles about that. No, you…

Getting Started with AWS – Setting Up a Virtual Server

Getting Started with AWS – Setting Up a Virtual Server

Amazon Web Services, or AWS, is a set of web services provided by Amazon.com. If you’re looking for web hosting through AWS and have only had experience with managed hosting services before, there’s a lot to learn. In this tutorial, I’m going to highlight some…