How To

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

  • How to create a custom WordPress login page

    December 12, 2016 by Abbey Fitzgerald

    One could argue that the login page is the most important page of any WordPress site. Without the ability to log in, how else can blog owners publish great content? In addition to content creation, this is also the way into the various WordPress configuration options. The default login page is pretty simple and serves…

  • How to add a PDF download to your WordPress posts

    December 5, 2016 by Abbey Fitzgerald

    For many creatives, consuming digital content is part of our daily lives; I think most of us would agree that blogs are what makes our digital world go round. As the world’s most popular blogging platform, WordPress makes it possible to take blog content offline in the form of a PDF. As we consume content…

  • How to set up a local WordPress development environment

    December 1, 2016 by Morgan Ryan

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

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