How to create a simple layout with CSS Grid Layouts
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 a simple layout with CSS Grid Layouts

    December 19, 2017 by Abbey Fitzgerald

    If you’ve ever dabbled in print design, you know where the idea of grid layouts originated from. A grid is a precise measurement tool used to position design elements on a page. This idea is often used on the web to make content organized and uniform, making for an improved viewing experience for your users….

  • How to use CSS and SVG clipping and masking techniques

    December 6, 2017 by Abbey Fitzgerald

    SVGs are great for working on the web, and clipping and masking allow 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….

  • How to optimize your WordPress RSS feed

    September 20, 2017 by Abbey Fitzgerald

    An RSS feed works by creating data that is machine readable and then it displays that data to the end user in an easy-to-consume format. It is important to provide this option to your site users so they can regularly view your content if they choose to add it to their RSS feed. Website content…

  • How to add a sticky back-to-top button on your website

    August 18, 2017 by Abbey Fitzgerald

    In the last few years or so, back-to-top buttons (or scroll-to-top buttons) have increased in popularity. When a user scrolls past a certain point on the website, this helpful button appears, enabling users to easily return to the top of a page. It’s an especially useful feature given how much content is shared on a…

  • How to combine Flexbox and CSS grids for efficient layouts

    August 15, 2017 by Abbey Fitzgerald

    In the past, CSS float properties were one of the main methods for arranging elements on a website. And if you’ve ever worked that way, you know that it’s not always ideal for complex layouts. Luckily in the modern era of web design, aligning elements has become much more streamlined thanks to Flexbox and CSS…

  • How to make animated screenshots of design work for your portfolio

    July 31, 2017 by Abbey Fitzgerald

    After your latest web design is done and you’re ready to add the project to your portfolio, it’s time to show it off. Your website visitors (and prospective clients!) will want to see the awesome website or application in action. Great imagery is key, and in the digital space, there will be times when you…

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

Get content like this sent directly to your inbox!

Install WordPress locally free