How to create a card layout using CSS Grid Layout
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 card layout using CSS Grid Layout

    April 4, 2018 by Abbey Fitzgerald

    CSS Grid Layouts are changing the way web designers are working, allowing for a more efficient way of laying out website content. It has been long awaited, but finally this approach has really taken off and in many cases, it is in production. It’s revolutionized the way websites are designed and once designers get the…

  • How to add jQuery to your WordPress theme

    March 13, 2018 by Abbey Fitzgerald

    jQuery is a very popular, if not the most popular, Javascript library. It’s a clear, concise library, and more importantly, it’s fast. Being relatively small in size, in most cases, it works well without slowing load time down. It simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation, event…

  • Simple customizations for your Genesis child theme

    March 7, 2018 by Abbey Fitzgerald

    As web designers, we are always looking forward to working more efficiently. As I started on a long overdue task of redesigning my portfolio, I was reminded of how much I love WordPress and how fast I was up and running when using the Genesis framework. A framework is essentially a WordPress theme structure that…

  • How to add a responsive Google Map in WordPress

    February 28, 2018 by Abbey Fitzgerald

    No matter where you’re going, Google Maps will show you the way. Being able to instantly get directions has become essential while navigating through cities. And as the most popular map solution, adding Google Maps to your WordPress site could not be easier. This user-friendly mapping technology will provide business information, contact information, and directions…

  • How to create a sticky website header

    February 14, 2018 by Abbey Fitzgerald

    Website headers that stay in place when a user scrolls have become a very popular design element. They allow the user to easily access the navigation without the need to scroll up each time they want to choose a different page or option. Elements with this functionality are often called “sticky” because they stick and…

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

Get content like this sent directly to your inbox!

Install WordPress locally free