How To

  • An introduction to accessibility: Part 3

    May 17, 2017 by Adam Soucie

    In the first article in our overview of accessibility, we discussed the standards of a site being perceivable. In the next, we talked about the requirements for a site to be operable. For the last article in our accessibility overview, we’ll cover the final two tenets of accessible websites: understandable and robust. Understandable, on the…

  • An introduction to accessibility: Part 2

    May 10, 2017 by Adam Soucie

    In the first article in our overview of accessibility, we discussed the standards of a site being perceivable. This essential first step is crucial, but is far from the entire picture. Once we’ve made a site or piece of digital content perceivable, we must make sure the user can take the next step and interact…

  • An introduction to accessibility: Part 1

    May 3, 2017 by Adam Soucie

    Accessibility is a term you keep hearing, but may not fully understand. This is in part because the word itself can be a bit confusing. The root word, access, makes the concept seem tied to things like passwords. If users can “access” your site, accessibility is checked off. If only it were that simple. Web…

  • How to add Instagram photos to WordPress sites

    April 19, 2017 by Abbey Fitzgerald

    It’s pretty apparent that social networks are key players in business strategy. There are over 500 million active users on Instagram (making it one of the most popular platforms), plus their user base is growing faster than any other social network, especially among millennials. No matter what your business is, Instagram provides a great opportunity…

  • How to create 3D designs with the CSS3 transform property

    April 7, 2017 by Abbey Fitzgerald

    There are two dimensions when it comes to the CSS3 transform property, 2D and 3D. When animating, transforms are used to make an element change from one state to another. This tutorial serves as an expansion from this guide about 2D animations. I’ll provide some insight into 3D design and how you can create awesome…

  • How to create a duotone image in Photoshop

    March 28, 2017 by Morgan Ryan

    As you’re working on your next site design, there’s a common type of background you may be considering: photography. While this trend isn’t necessarily unique, it sure is effective at setting the scene and immersing a user into the environment of a site. If you’re looking for a way to use photography but with a…

  • How to use CSS3 transitions and transforms to create animations

    March 21, 2017 by Abbey Fitzgerald

    Interesting animations can be created with CSS3 by using transforms and transitions. Transforms are used to make an element change from one state to another. Examples would be rotating, moving, skewing, and scaling elements. Without a transition, an element being transformed would change abruptly from one state to another. To prevent this, a transition can…

  • How to use Flexbox to create a modern CSS card design layout

    February 21, 2017 by Abbey Fitzgerald

    Thanks to Flexbox, a new layout mode in CSS3, we can get all of our cards in a row, literally. Card layouts have grown in popularity over the past few years – as you’ve probably noticed, social media sites have really embraced cards. Pinterest and Dribbble use cards to feature information and visuals. And if you’re…

  • How to make your WordPress site mobile friendly

    February 17, 2017 by Morgan Ryan

    It’s no secret that mobile-friendly WordPress sites are the new norm, but despite how common they may seem, it can still take a little work to create a beautiful, responsive site. This guide will help you understand why it’s important to have a mobile-friendly site, how to build one on WordPress, and introduce you to the…

  • How to use icon fonts, the future of web design

    February 7, 2017 by Neal Mattox

    Humans have been using symbols to communicate since the beginning of time. Imagine a caveman drawing a circle to design the first wheel. A pirate marking the location of his buried treasure. A millennial texting a poop emoji. Take a look around. Icons used for communication are everywhere. They can be used to signal a…

Build WordPress sites faster. Try Flywheel free today! Try Flywheel