How to design for the web using design patterns
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 design for the web using design patterns

    September 17, 2018 by Abbey Fitzgerald

    Design patterns are the foundation of good website usability, and they’re the pieces websites are built upon. They’re a strategic design decision a web designer makes to ensure a good user experience. A designer’s job is to solve common usability issues and to create the most user-intuitive solution, and patterns create a predictable, intuitive, and…

  • How to add CSS variables to customize WordPress child themes

    September 5, 2018 by Abbey Fitzgerald

    CSS variables, also referred to as CSS custom properties, allow for easy reuse in your CSS stylesheets. If you’ve done work with WordPress child themes, you probably find yourself doing a lot of styling and overriding on things like color, padding, etc. If you’re new to web design, it’s worth mentioning that there’s nothing wrong…

  • 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 combine Flexbox and CSS grids for efficient layouts

    March 15, 2018 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 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 use Flexbox to create a modern CSS card design layout

    February 21, 2018 by Abbey Fitzgerald

    Thanks to Flexbox, a new layout mode in CSS3, we can get all of our cards in a row, literally. Card designs 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 card layouts to feature information and visuals. And if…

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

Get content like this sent directly to your inbox!

Install WordPress locally free