2016 was full of fantastic new trends in the world of web design. From new CSS tutorials to WordPress best practices to practical advice for growing your agency, we covered it all on The Layout.
To make sure you don’t miss our greatest content from the year, we’ve rounded up our most popular stories so you can read the best of the best before 2017 begins.
So without further ado, here were our 25 best WordPress and design articles from 2016.
Sifting through the WordPress Plugin Directory is a bit like standing in a candy store – they all look so exciting to try! And these days, there’s a plugin for just about everything: security enhancements, performance boosts, SEO optimization, and the list goes on and on.
Ultimately, the plugins you decide to install are completely up to you and your site’s needs. But to help you start sorting through the masses, we’ve compiled a list of our top 10 plugins.
Blogging is a wonderful tool for raising brand awareness, growing a business, or even just using as a creative outlet. And these days, it’s easier than ever to build your very own site.
Ready to build the WordPress blog of your dreams? Here’s what you’ll need to get started.
Looking to update your font library with some fresh typefaces? We found some pretty great options released this year and just had to share!
Looking for a high-quality, free stock photo? Not a bland, generic stock photo. A real, attention-grabbing image, one with depth and color and a hint of “story” about it. We live at the serendipitous intersection of digital photography, the sharing economy, and the Internet. Free photo-sharing sites featuring high-quality images are popping up all over the web, offering a fantastic buffet of Creative Commons Zero (CC0) photographs.
Whether you’re working on a shiny, brand new WordPress site or doing a brand refresh on an existing site, every now and then it’s time to find a new theme to work with. And while there are lots and lots of excellent premium themes out there, it’s great to keep up with free WordPress themes, too. Especially if you’re working with a smaller client on a budget, many of these free themes will provide the basic functionality and options they need.
Usually, it is next to impossible to find the perfect theme; there are always some modifications that need to be done. So, why not just take a nice WordPress default theme, like Twenty Fifteen, and make it your own so it looks and functions just the way you want? Creating a child theme will save you lots of time and headaches down the road (trust me).
You know that site speed is crucial to the success of your business (and that of your client’s). Time and time again, you’re hit over the head with scary statistics like “nearly half of web users expect a site to load in two seconds or less,” and “users tend to abandon a site that isn’t loaded within three seconds.” It’s easy to feel frustrated at this point in the project, but don’t fret.
Before you knock down the door of your web host or add a ton of sketchy plugins, follow these easy steps to make your WordPress site smooth, solid, and super speedy.
Ever had a prospect contact you for what they thought was a new web design, when it turned out what they really needed was a developer? Maybe you’ve had the awkward experience of explaining to your copywriter that you’re a developer, not a designer, and that the copy needed to be fixed to make that clear? Confusing web design with web development is an all-too-common mistake that people make, especially when they’re newbies in this new-fangled thing we call the interwebs.
There’s a very real difference between web development and web design. Learn what it is, and why it’s important.
WordPress comes with a “Recent Posts” widget that will pull the titles of your most recent posts into a sidebar and link them to the full post. The problem with this is that the Recent Posts widget is very limiting. What if you need something a little more elegant and with a little more functionality? For example, what if you want to pull in the Featured Image and an excerpt, and from a custom post type?
That’s where Owl Carousel comes in, to help you go the DIY route and build the site of your dreams. Follow this tutorial to create your very own “Recent Post” carousel!
Font Awesome is a robust icon set that contains scalable vector icons. And amazingly enough, it is free (icons sets can be quite expensive, making this a pretty sweet deal). Font Awesome also allows for an easy addition to your WordPress theme, saving valuable time because you do not need to create and save these graphics yourself.
Website headers that stay in place when a user scrolls have become a very popular design element. They allow the user to easily access the navigation without the need to scroll up each time they want to choose a different page or option.
No matter how much you love WordPress or designing websites, there is one part of the job that can get a little monotonous: setting up new WordPress installs. Before you can even begin to think about adding beautiful customizations to your sites, you have to start with the basics: a theme, plugins, and settings.
But don’t worry – there is a way to speed up this redundant cycle. Follow this guide to speed up your process and get back to building beautiful sites!
As the most popular map solution, adding Google Maps to your WordPress site could not be easier. This user-friendly mapping technology will provide business information, contact information, and directions to the location of your choice, making navigation super convenient for your users.
Ready to add a map to your WordPress site? This tutorial will cover how to use a plugin to add one, and the DIY method.
The WordPress Customizer can be a little overwhelming at first, but once you dive in, you’ll find it’s easier than expected. It’s a great tool for you (or your clients) to alter a theme, plus you can truly make it yours by adding custom options.
Slack has quickly become a favorite form of communication for many designers and creatives. It makes communicating with coworkers and friends fun, effective, and effortless. But one of the best parts about Slack is that people have joined together to create communities focused on specific topics.
When you’re building out a WordPress site, it can be tempting to start making changes whenever and wherever you want, right on the live site. One little CSS tweak to the button styles won’t hurt anything, right?
Even simple changes can be risky, however, which is why a certain golden rule of WordPress development exists: When you’re developing WordPress sites, even if you’re just making a minor code change, you should never, ever make changes directly on a live site.
Using a local development environment is crucial for developing custom WordPress sites. Learn how to easily and efficiently set one up with this guide!
CSS Feature Queries are a way to perform a browser-native method of feature detection. These queries analyze whether or not a browser has properly implemented a CSS property. Essentially, the browser “reports” on whether or not a certain CSS property or value is supported. The result determines whether or not to apply a block of CSS or not.
Excited to use new CSS features, but worried about browser capabilities? Learn how CSS Feature Queries can help keep things running smoothly.
The web design industry has reached an interesting point where designers want to do more than just create a site — they want to tell a story. More than ever, the point of a website is to both entertain and inform. Our list showcases nine different ways to tell that story, from stunning cinemagraphs to delightful microinteractions.
Scaling your agency into a sustainable, successful business can sometimes seem like an impossible task, and it’s easy to understand why. Consulting with clients takes up a ton of time, and at the end of the day, you’re tied to a clock with only so many billable hours.
The secret to scaling your agency? Add recurring revenue channels to your business model!
You’re a designer, so you could probably design the perfect template and print it off. But if you’re looking for a faster solution, there are other designers out there who have had the same idea, and who have created some awesome freebies that you can download for your personal organization efforts.
Part of being a designer is knowing what the future of web design holds. CSS Grid Layouts are a game changer and will help ease some of the frustration around positioning that designers have had to deal with for many years. Although is is not quite a mainstream practice yet, it is something to look forward to.
SSL. You’ve probably heard of those three little letters before, but did you know that they can really benefit your WordPress site? Before we talk about how it’ll help your site, however, first let’s go over what exactly SSL even is.
SVGs are great for working on the web, and clipping and masking allows for some interesting ways to show or hide pieces of your web graphics. Using these techniques also allows for more flexibility with your designs because you do not have to manually make changes and create new images – it’s all done with code.
That completes our list of the best WordPress and design articles from 2016! What were some of your favorites? Share your links in the comments below to help us grow our list!