Get Free Design Resources

Receive unreleased content and free design resources
when you sign up!

Over the next few articles, possibly 4 or 5, you'll learn how you can apply CSS to websites, CSS selectors, the CSS Box Model, refactor CSS, and optimize it! This will be a complete series leading up to an intermediate tutorial and then an advanced tutorial. So without further ado, let's get started! CSS: The Icing on the Cake Let's take a moment to understand what CSS actually is. If you've read my earlier article, "Beginning Web Developm...

In this article we'll be taking a look at HTML once again. But this time, much more in depth. By the time you're through reading this article, you'll have a solid understanding of HTML attributes, which tags to use, the structure of a web page, how to group elements, and natural CSS properties of elements. As I mentioned several times before, web development, or frontend development to be more specific, starts with HTML. It's the foundation...

In this article, I’ll be sharing how you can use Gulp--a build tool for automating workflows--to streamline your WordPress Theme Development. Gulp is something that appeals to so many new web developers, yet it seems so intimidating and complicated. Now this tutorial is aim at the intermediate level developer who has some experience with Javascript however, it’s not completely necessary since I will be walking you through the entire setup proc...

A couple of days ago I tweeted out a poll to ask people if WordPress theme development was something they wanted to learn. I only had the poll going for 2 days, which is unfortunate but 69% out of the 13 people that voted agreed that it was something worth learning / reading about. Now I won't start from absolute scratch. Theme development from scratch is a total pain. So we'll be starting from what's commonly referred to as a barebones theme...

Back when I first started programming for the web, my understanding of how to write semantic code was hardly developed. I didn't know of any methodologies, or naming conventions, I kind of just named things whatever I could think of. My class names weren't descriptive, they were bland, hard to remember and worst of all, my code was 5 times harder to read after the fact. That's when BEM came into view--for me, that is. There's a couple of CSS ...

When I first started out with web development, incorporating an image or icon was such a huge accomplishment for me. Most of the time they came from either Google Images, Unsplash, or IconFinder. But once I understood the different types of image files and when to use them, I started to want to make my own design elements. That meant that I needed to learn how to use Adobe Illustrator and Photoshop. Not only that, but how to create vectors an...

This is a topic that almost has an addictive property to it. If you're a total tech junkie like myself, then you probably love finding new apps and technologies to use for whatever reasons. However, I've been asked this question over and over again, and I figured I would just share my answer with all of you guys. Since sharing is caring and all. So what will I be talking about? Workflows. Workflows include everything from the type of computer...

As a brief overview, we’ll be discussing and coding our very first website. I’ll walk you through the basic HTML file structure, mandatory tags, and what they mean and what they do. I’ll also discuss how we can add some styles so that we aren’t looking at a super ugly website! We’ll discuss topics such as local machines, servers, and entry level workflow tools that can get you up and running in no time. Step One: The very first thing I want ...

Starting a career, part time gig, or even just a hobby in web development can be extremely intimidating. At least it was for me. It even seems that a simple Google search on where to begin throws you in the deep end of the pool. Throughout this post we’ll be discussing the absolute basics of a website and how they work. By the end of the post, you’ll understand what makes up a website, how websites are shown by the browser, client to server co...