Blog

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse…

First, you may be wondering, "What is branching?" A branch is an independent line of development. So far, we've spent a lot of time working on the master branch.... I suppose that's been fine for what we've been doing, but really, that's a bad development practice. Really, when you're developing…

Every once in a while, you might make a wrong commit. — Plenty of reasons for that: you wrote the wrong commit message or meant to add more files to your commit or simply just wrote some bad code. -- Do I really need to go on? Let's talk through how to correct a bad commit. There are several…

Here, we're going to walk through how to use git and what it looks like to use it on an actual project. Creating a Project Let's set up an actual project, walking step-by-step. I'm going to create a new folder on my computer called "learning-git ". This will be our project folder. Let's open…

OK, so what is git? git is not tied to any particular type of project, technology, or framework. You can use it if you're building iPhone apps, websites, or writing documents — it's really quite flexible. git is a version control system . All this really means is that it records every change you…

You’re building a site and you want something to look like this: It looks straight forward. It would be pretty easy to just write some HTML along these lines: But, is that really semantic? You have a list of items, so it would make sense to use a list . Let’s think this all the way through. If…

It seems like background video is all the rage. — or maybe it’s on the way out? Regardless, how do you do it? What are the best methods for file compression? and loading? It’s really not as hard as you might initially think. It just has that cloud of unknown hovering over it. So, let’s shed a little…

I’ve been working on a build for a site where I designed a massive mega menu. There were a couple of tricks, here (the criteria): I didn’t want the user to have to click to reveal the menu. The top item doesn’t link to a page, it simply launches the mega menu. Not all the items within the primary…

++Want to move this GitHub Actions++

Recently, I was working on some custom code within WordPress. I was trying to do a little bit of testing and troubleshooting to determine what values were available to me within the objects WordPress was returning. The PHP function var_dump() is great for dumping out whatever value is being stored…

Last week, I wrote a little post about the SASS I have running on my site . Continuing on, I thought I’d share my SASS broilerplate with some of the mixins, functions, and extends. Naming Breakpoints In my SASS breakpoints file, I’m using Chris Coyier’s Breakpoint trick . — It’s a mixin within…

As a designer, one of my favorite touches is to customize the design of a radio button and checkbox. In my humble opinion, it’s just one more step toward finesse that says, “I’ve taken the extra step to make sure that my site, in its entirety, is branded and cohesive.” Compare this: To this: See…

One of the design “tricks” in my hat, I’ve been using quite a bit lately is styling the numbers differently than the rest of the content. In fact, I’m implementing this technique on this site: IMHO, this gives your content more umph, creating more character and demonstrating your attention to detail…

The Problem Recently, I was working on a project that needed a wifi icon. It was for a React project. The idea was that you would be able to pass the status of the wifi icon as a prop and it would update the display. The icon had 7 different states! Then, just to add another level of fancy, when you…

For years, I’ve been afraid of the Terminal. I was scared that I would erase my entire hard drive with a single typo. 😱 But, then I started using a task runner to compile my Sass (among other things). My world changed. I found it to be so much faster and allowed far more task automation than the…

There’s been a lot of talk recently about SASS and CSS structure and Style Guides. It’s kind of cool, really, to see front-end take the “front stage.” I thought I’d add my two cents and pull back the curtain a little bit. Or…watch this video and replace “tight pants” with “SASSy pants.” Jokes…

Introduction A long time ago when animals could talk and dinosaurs roamed the earth, I would make updates to a site directly on the live server. My workflow involved: duplicating the existing file (say style.css) prepending the date to the filename (style-100812.css) then editing the original file…