Author
Design
Everything you need to know about web fonts
Typography is a fundamental element in any web design work that you do. The reason we are hired to design websites for our clients is… Read More
Design
5 tips for planning successful user testing
In a perfect world, the first design would be the perfect design. Users would love it, easily interact with it, and there would be… Read More
Development
How to use Flexbox to create a modern CSS card design layout
Thanks to Flexbox, a new layout mode in CSS3, we can get all of our cards in a row—literally. Card… Read More
Design
3 ways to make animated GIF screenshots of design work for your portfolio
After your latest web design project is done, it’s time to show it off and add it to your portfolio. Your website visitors (and prospective… Read More
Design
Website color schemes: Theory, practice, and inspiration
Creating a website color scheme is an important and exciting aspect to web design! Color is a key component of your business’s branding, and… Read More
WordPress
How to import and export Gutenberg blocks
When it comes to new web design projects, clients always seem to reach out at the same time, creating a wave of new project… Read More
Development
How to use CSS blend modes
CSS blend modes are an easy way to add image effects right in the browser. Because of this, the traditional way of editing and… Read More
Development
How to create SVG animations with CSS
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… Read More
Development
How to combine Flexbox and CSS grids for efficient layouts
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… Read More
Development
How to create a card layout using CSS Grid Layout
CSS Grid Layouts are changing the way web designers are working, allowing for a more efficient way of laying out website content. It has… Read More
Development
How to use CSS and SVG clipping and masking techniques
SVGs are great for working on the web, and clipping and masking allow for some interesting ways to show or hide pieces of your… Read More
WordPress
How to make a custom 404 page in a WordPress child theme
No matter how well designed and architected your website is, users will encounter a 404 page at some point. It can be something as simple… Read More
Development
How to create a sticky website header
Website headers that stay in place when a user scrolls have become a very popular design element. They allow the user to easily access… Read More
Design
How to design for the web using design patterns
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… Read More
WordPress
How to add CSS variables to customize WordPress child themes
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… Read More
WordPress
How to add jQuery to your WordPress theme
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… Read More
WordPress
Simple customizations for your Genesis child theme
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… Read More
WordPress
How to add a responsive Google Map in WordPress
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. Read More
Development
How to create a simple layout with CSS Grid Layouts
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… Read More
WordPress
How to optimize your WordPress RSS feed
An RSS feed works by creating data that is machine readable and then it displays that data to the end user in an… Read More
WordPress
How to add Instagram photos to WordPress sites
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… Read More
Development
How to create 3D designs with the CSS3 transform property
There are two dimensions when it comes to the CSS3 transform property, 2D and 3D. When animating, transforms are used to make an element… Read More
Development
How to use CSS3 transitions and transforms to create animations
Interesting animations can be created with CSS3 by using transforms and transitions. Transforms are used to make an element change from one state to… Read More
WordPress
How to use the WordPress Visualizer Charts and Graphs plugin
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… Read More
Development, WordPress
How to create a custom WordPress login page
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… Read More
Development
How to add a PDF download to your WordPress posts
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… Read More
Marketing, WordPress
How to A/B test feature images in WordPress
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… Read More
WordPress
How to add Facebook Likes and Reactions to a WordPress post
Facebook’s reaction system is nothing new; we all love liking and commenting on posts. But what if you wanted to offer that functionality to… Read More
Development
How to use CSS Feature Queries
The world of web design is ever-changing and it’s exciting to keep up with new design trends in CSS. If you are an early CSS… Read More
WordPress
How to create and use custom fields in WordPress
WordPress custom fields are a great way to expand upon the typical post or page content on your site. They are pieces of metadata… Read More