How to create SVG animations with CSS
Abbey Fitzgerald

Abbey Fitzgerald

Abbey Fitzgerald is a content creator and digital marketing expert. As a WordPress fanatic, she enjoys the ever-changing world of web design and front-end development. When not in front of a backlit device, she dabbles in charcoal and oil paint. Abbey is proud to be a racket sport and bocce ball enthusiast. She lives in Minneapolis, Minnesota, and hopes to eventually visit all of its 10,000 lakes.

  • How to create SVG animations with CSS

    June 1, 2017 by Abbey Fitzgerald

    Web animation is all the rage these days, and there’s no limit to what you can design with SVGs. If you’re ready to try it out on your own site, knowing basic animation concepts will help you build out more complex designs. SVGs are great for animation on the web because they’re scalable and resolution…

  • 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 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 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 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 A/B test feature images in WordPress

    November 14, 2016 by Abbey Fitzgerald

    A/B testing is a way to compare two different versions of a website, or an element on the website, to see which version performs the best. It is a useful way to make informed decisions about a site’s design. Although this concept is not unique to WordPress, there are some tools that make it super…

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