Consider the following scenario: you have a WordPress blog with hundreds of posts. On your blog archive page, six posts appear at a time. Of course, there’s pagination for moving between older and newer posts. But what if you want to give users the option to choose the number of posts they want to display… Continue reading How to Let Users Dynamically Change the Number of Posts per Page in WordPress
How to Customize the WooCommerce Shop Page
People who have created WordPress websites know that there are different kinds of pages that you can create in WordPress. WooCommerce follows a somewhat similar structure. There are single product pages like single post pages and then there are archive type pages to show a list of products. The WooCommerce shop page falls in the… Continue reading How to Customize the WooCommerce Shop Page
What comes after customer-centricity?
Read this and get ready for it. For many years now, I’ve been fascinated by the timeline shown below and pondering what lies beyond the Age of the Customer. These days, I’ve got a pretty good idea about what’s next. The Age of the Customer timeline. Source: Forrester Research First, let’s unpack this timeline and understand how… Continue reading What comes after customer-centricity?
Custom neural voice: designing for human-centered policy
[unable to retrieve full-text content] Co-authored with Josh Lovejoy Credit: Delivering the benefits of Custom Neural Voice What’s in a voice? What is it about the way someone speaks that makes them memorable? Why do subtle imperfections in speech — like the thoughtful pauses and false starts when thinking on one’s feet — help us perceive a person as sincere or… Continue reading Custom neural voice: designing for human-centered policy
Understanding PHP Constructors
In this article, we’re going to discuss the basics of constructors in PHP. You’ll learn the purpose of PHP constructors and how to use them. What Is a Constructor? Here’s the official definition: Constructors are ordinary methods which are called during the instantiation of their corresponding object. As such, they may define an arbitrary number… Continue reading Understanding PHP Constructors
How to Create Lists in Your App with Flutter?
A list is a key UI element for mobile apps. You’ll learn all about how to create lists in your Flutter app in this tutorial. You don’t need to be an expert developer to create lists in your Flutter app. If you’ve developed apps for Android or iOS in the past, Flutter’s ListView should seem… Continue reading How to Create Lists in Your App with Flutter?
Four Free Flutter Widgets You Should Know About
Flutter development has experienced unprecedented growth in the last year. Not only has it expanded as a channel for developers to expand their skillset in Dart, but it has also allowed them to enjoy the perks of a single codebase. Whether you are making a widget on Flutter or looking for a Flutter widget that could make a… Continue reading Four Free Flutter Widgets You Should Know About
Working With Tables in React: Part Two
In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table2 component. You’ll be able to create sophisticated and professional-looking tables with little effort and yet be able to customize every aspect. In this part, we’ll continue the journey by expanding rows,… Continue reading Working With Tables in React: Part Two
How to Use Figma’s New Auto Layout Features
In this video I’ll show you how Figma’s new and improved Auto Layout features make designing responsive components and layouts easier than ever! Figma’s original Auto Layout features were introduced in December 2019–and now, almost a year later, Auto Layout has been completely reimagined, rebuilt and is (in my opinion) much better. Watch the Video… Continue reading How to Use Figma’s New Auto Layout Features
What I’m Thankful For: 2020 Edition
My parents loathe when I use poor language but luckily they don’t read this blog so I’ll just be blunt: 2020 has been an absolute shit show. COVID-19 has been a world-wide source of devastation to lives, jobs, and our quality of life. That said, I’ve found myself feeling incredibly grateful at the end. Despite… Continue reading What I’m Thankful For: 2020 Edition
CSS Charts: How to Create an Organizational Chart
In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart
A Guide to Overriding Parent Theme Functions in Your Child Theme
If you’ve had any experience working with parent and child themes in WordPress, you’ll know that the template files in your child theme override those in your parent theme. For example, if your parent theme has a page.php file and you create a new one in your child theme, WordPress will use the one in the child… Continue reading A Guide to Overriding Parent Theme Functions in Your Child Theme
Using Redux in a React Native App
Redux is a library for state management that ensures that the application logic is well-organized and that apps work as expected. Redux makes it easy to understand your application’s code regarding when, where, why, and how the state of the application is updated. Redux is made up of the following key parts: actions reducers store… Continue reading Using Redux in a React Native App
The 30 CSS Selectors You Must Memorize
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. CSS Selectors So you learned the base id, class, and descendant selectors—and then called it a day? If so, you’re missing out on an enormous level of flexibility. You… Continue reading The 30 CSS Selectors You Must Memorize
How to Build a WooCommerce Store With Elementor
Elementor and WooCommerce make it easy to create an online store. In this tutorial, I’ll show you how to use WooComerce, WordPress, and Elementor to build an online store complete with products, categories, and an Amazon-style dropdown menu. Why WooCommerce? WordPress is one of the world’s most popular blogging platforms, but countless businesses also use… Continue reading How to Build a WooCommerce Store With Elementor
How to Style Wide and Full-Width Gutenberg Blocks in WordPress
The Gutenberg block editor for WordPress has changed how we create content within the CMS. But it’s also opened up some new possibilities on the front end as well. One of the more interesting developments in this area is the ability to add “full” or “wide” blocks to a page or post. This feature adds… Continue reading How to Style Wide and Full-Width Gutenberg Blocks in WordPress
How to Add Custom CSS to Your WordPress Site
The WordPress ecosystem is huge, so it can be a challenge to find the perfect theme to match your brand in every respect. A good starting point is by browsing the thousands of high-quality WordPress themes on ThemeForest. However, it frequently happens that you find an almost perfect design but you still want to tweak it a little—or… Continue reading How to Add Custom CSS to Your WordPress Site
How Does WordPress Work?
What You’ll Be Creating If you’re new to WordPress, or switching over from a static website, you might want to know exactly how WordPress works. WordPress is a content management system, or CMS. It works by combining some core files, a database, files that you add or install, and a dashboard for Pat to manage… Continue reading How Does WordPress Work?
How to Add a Drop-Down Menu in WordPress
WordPress features a built-in menu management system that makes it easy to add menus to your website. However, as you add more and more pages, posts and other miscellaneous content, it may become impossible to include every destination in your standard menu bar. In these scenarios, you can provide easy access to every section of… Continue reading How to Add a Drop-Down Menu in WordPress
Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)
Styles are applied to a web page using CSS selectors; selectors which make it possible for you to target a specific element or sets of elements. Usually, when you are starting with CSS, you’ll make use of element selectors before pivoting to use classes and IDs. As powerful as these selectors are, they can be… Continue reading Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)
7 CSS Units You Might Not Know About
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. New CSS Techniques It’s easy to get stuck working with the CSS techniques we know well, but doing so puts us at a disadvantage… Continue reading 7 CSS Units You Might Not Know About
Build a Tabbed Product Archive for Your WooCommerce Store
In this tutorial you will learn how to make your WooCommerce store a little more stylish by organizing the product archive with tabs. We’ll create tabs with a multi-column layout, a multi-row carousel, and a grid layout. What We’re Going to Build Over the coming steps we will create a WordPress plugin, inside which we … Continue reading Build a Tabbed Product Archive for Your WooCommerce Store
How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
<picture> is an HTML5 element designed to give us more versatile and performant responsive image functionality. Instead of loading a single image and trying to resize it to suit all possible viewport sizes and layouts, the picture tag loads multiple images of different sizes and resolutions, choosing the best fit for different scenarios. How Does <picture>… Continue reading How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images
How to Create a Web Booking Form With the Smart Forms Script
Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script