1. Authors
  2. Joshua Johnson

Joshua Johnson

Joshua Johnson

Equal parts editor, writer, designer, and photographer. Hit me up on Twitter, or check out my photos.

The 10 Best Script and Handwritten Google Fonts

Google Fonts / 13 Jul 2022

The 10 Best Script and Handwritten Google Fonts

A good script font is hard to find. I’m extremely picky when it comes to this particular area of typefaces and tend to hate most of what I see. With this post, you can skip the work of sorting through the junk, and cut straight to the best script and handwritten Google Fonts that are readable, attractive and perfect for your site.

All of the fonts are shown with a unique CSS treatment (and provided with the code you need for quick implementation!) They’re also all served up with Google Fonts so you’ll be up and running with a quick copy and paste, no downloads required!

How to Design a Professional PowerPoint Presentation

PowerPoint Templates / 17 Jun 2022

How to Design a Professional PowerPoint Presentation

Our series of tips on presentation design outlined some generic rules and ideas that you can live by to create better, more professional presentations. Today we want to follow that up by taking you through the actual process of designing a presentation from start to finish.

We’ll break down every step of the design process, from choosing colors and images to using whitespace properly. After reading through this you should be all set to design your own beautiful presentation slides that will put your coworkers to shame.

Using a pre-built PowerPoint template can be a good starting point for many people (we collected some of the best PowerPoint templates for you!). But if you’re wanting to design your own from start-to-finish, you’re in the right place!

10 Rock Solid Website Layout Examples

Layouts / 4 Apr 2022

10 Rock Solid Website Layout Examples

Layout can both be one of the easiest and one of the trickiest facets of web design. Sometimes a designer can bust out an amazing layout in minutes and sometimes that same designer can struggle for the better part of day with the same task.

Each project is unique and calls for a unique solution, but I’ve found it helpful to keep a few rock solid and incredibly versatile alignments in mind that I can bust out when I get stuck.

The ten layouts below should be enough to get you through even the worst cases of designer’s block when you can’t figure out the best way to arrange the content on your page.

10 Tips for Designing Logos That Don’t Suck

How to Design a Logo / 1 Apr 2022

10 Tips for Designing Logos That Don’t Suck

So you’re designing a logo. It sounds like an easy enough task, right? Draw a circle, type in the company name and you’re done (I’ve literally heard a designer suggest that very process). Unfortunately, if you’re really worth the money the client is paying you, there’s a lot more to it than that.

There are a million people in the logo design industry today dishing out crappy logos in bulk for crowdsourcing sites. How do you as a serious professional stand out from the crowd and produce quality logos that don’t suck? Read on to find out.

Are you in the middle of a logo design project? Don’t forget to check out our in-depth guide on how to design a logo!

8 Rules for Creating Effective Typography

Graphics / 28 Jan 2022

8 Rules for Creating Effective Typography

Today we’re going to discuss something that is both a hot trend and timeless art: typography. The basic rules outlined below will help you become more aware of how you structure and use typography in your designs.

Being conscious of these rules can improve nearly everything you create that contains a headline or major typographic element. Let’s get started!

50 Wonderful Wedding Invitation & Card Design Samples

Wedding Design / 7 Jan 2022

50 Wonderful Wedding Invitation & Card Design Samples

It’s astounding how many people weddings provide employment to: photographers, caterers, florists, and even designers can make a great living by focusing partially or even completely on clients planning their marriage.

Wedding invitation card design is one of the most creative areas of print design today. Talented designers really pull out all the stops and create some amazingly inspirational pieces. Keep reading to see fifty astounding examples of wedding invitation design (and a few trends to watch out for).

10 Awesome Places to Download Free Vector Art

Graphics / 4 Aug 2021

10 Awesome Places to Download Free Vector Art

Despite what many would think, the term web designer does not always imply an artist. There are many very capable web developers and designers that are lucky to pull off a quality stick figure on most days. For those that are able to create complicated artwork, there are plenty of times when you’re up against a deadline need something generic.

For either of these situations, you can’t beat free vectors. Though the quality varies dramatically depending on the source, there’s no shortage of great work out there that you can download and use in your projects immediately. Below we’ll take a look at ten websites offering free vectors of various types.

Design an Ambigram Logo With Your Name

Graphics / 5 Mar 2021

Design an Ambigram Logo With Your Name

Ambigrams are a particularly complex type of typographical art that can be read identically in different orientations. They typically take the form of a word that reads the same way upside down as it does right side up.

Today we’re going to see what’s involved in creating ambigrams and walk through creating a basic one on our own.

25+ Best Google Chrome Extensions for Designers and Developers

Software / 9 Oct 2019

25+ Best Google Chrome Extensions for Designers and Developers

Browser extensions can speed up design workflows, helping you do everything from identifying a font, to pulling a color swatch, to inspecting the code of an element. Google Chrome has edged out all other browsers with the top market share among users, on more than 58 percent of all computers.

And there are plenty of extensions out there to help you optimize the performance of Chrome in your design workflows.

We compiled an awesome collection of 25 extremely useful Google Chrome Extensions for designers and developers.

Should We Kill the CAPTCHA?

Accessibility / 21 Aug 2019

Should We Kill the CAPTCHA?

Do you like CAPTCHAs? Don’t lie, of course you don’t. On the fun scale, you rank them right up there with dentists and IRS agents. However, as an intelligent web designer or developer, you understand that they are a necessary annoyance.

But wait, are they really? Given the collective talent and intelligence of the web design community, is a fuzzy string of letters really the best that we can up up with?

If users hate these things so much, why not come up with something new? Let’s explore this idea and see if we can inject some fresh ideas into the conversation.

The Lowdown on :before and :after in CSS

CSS / 7 Aug 2019

The Lowdown on :before and :after in CSS

We previously took a look at :active, an extremely handy pseudo-class selector that can be used to create some awesome mouse-down effects. Today we’re going to take a step back and explore some other “pseudo” items, this time we’ll be looking at the pseudo-elements :before and :after.

You’re probably beginning to see these used all over the web in advanced CSS examples so you might as well jump in and learn to use them yourself.

What is a pseudo-element and how does it differ from a pseud-class? Why do pseudo-elements sometimes have one colon and sometimes have two?

How are :before and :after implemented in CSS? What are some ways that developers all over the web are using these tools to perform amazing feats of modern coding?

Read on to find out.

The Lowdown on Absolute vs. Relative Positioning

CSS / 6 Aug 2019

The Lowdown on Absolute vs. Relative Positioning

When I was first learning web development, the style side of CSS seemed straightforward and fun, but performing layout feats seemed like a confusing mess. I sort of felt my way around without a solid understanding of how things like positioning and floats worked and as a result it would take hours to perform even simple tasks. If this situation sounds familiar, then this article is for you.

One of the real revelations that I had early on was when I was finally able to wrap my head around how positioning contexts worked, especially when it came to the difference between absolute and relative positioning.

Today we’re going to tackle this subject and make sure you know exactly how and when to apply a specific positioning context to a given element.