How To

  • 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 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…

  • How to use CSS blend modes

    January 23, 2017 by Abbey Fitzgerald

    CSS blend modes are an easy way to add image effects right in the browser. Because of this, the traditional way of editing and then saving photos from an image editing software solution is not always necessary. As designers, we’ve spent countless hours adding effects to images with tools like Adobe Photoshop. As you go…

  • How to use the WordPress Visualizer Charts and Graphs plugin

    January 4, 2017 by Abbey Fitzgerald

    Data is key to website user engagement, and charts are a great way to present data. By showing data in an easy-to-interpret format, it will be more understandable and visually appealing for your users. There are different types of charts you can use, and some types represent certain types of data better than others. The…

  • How to create a responsive navigation menu in WordPress

    December 21, 2016 by Moses Ngari

    The road to creating a responsive navigation menu in WordPress is open ended. There are countless ways to do this thanks to the flexibility offered by WordPress. Today, I’ll show you how to create a lean and mean responsive navigation menu. Lean because we are going to achieve all this in under 8 kilobytes, and…

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