How to Use the WordPress REST API: A Practical Tutorial
The WordPress REST API was first introduced with version 4.7 and brought fantastic opportunities and functionality to WordPress development. The WordPress REST API allows developers to interact with...
View ArticleSolving Problems With CSS Grid: The Gantt Chart
We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout...
View ArticleHow to Make the Bootstrap Navbar Dropdown Work on Hover
Have you ever created a Bootstrap navbar with dropdown menus? If the answer is “yes”, you may have noticed that the Bootstrap dropdowns don’t appear by hovering over the parent link. Instead, they...
View Article10+ Best SEO WordPress Themes for Websites in 2020
As the SEO industry continues to grow, so too does competition amongst companies offering SEO services. As 2020 looms near, it’s vital for an SEO agency or freelancer to have a strong website, and that...
View ArticleThe 10 Best Decorative Fonts to Use on Your Website
The fonts we choose play a major role within a website. The right font combination can make your site stand out from the crowd. In addition, they tie in with your brand to deliver just the right...
View ArticleAn Introduction to CSS-in-JS: Examples, Pros, and Cons
CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its...
View ArticleHow to Use Variable Fonts on the Web
Variable fonts were developed as the joint effort of the four biggest tech companies involved in type design—Apple, Google, Microsoft, and Adobe. As the name suggests, variable fonts allow designers to...
View Article19+ Best WooCommerce Themes: To Make a Better Online Store
Adding an online store is a big step toward expanding your customer base and increasing your revenue. WooCommerce has many benefits that make it an ideal solution for small business owners who want to...
View ArticleHow to Create a Mailchimp Subscribe Form Widget for WordPress
In this tutorial I’ll explain how to create a “Mailchimp subscribe form widget” using WordPress, the Mailchimp API, and AJAX. It will be aimed at competent beginner developers, and requires some...
View ArticleUpdated Course: A Beginner’s Guide to Using WordPress
We've all heard that stat about WordPress powering a quarter of the internet. If you're late to the party, don't worry—just take our popular course, A Beginner’s Guide to Using WordPress. We've just...
View Article6 Figma Plugins to Give You Design Superpowers (and How to Use Them)
Figma plugins are a recent addition to what’s becoming the go-to collaborative tool for UI designers everywhere. Plugins are built by the community (you can even build one yourself if you wish) and...
View Article17+ Best Fashion WordPress Themes (2019) for Blog & Magazine Sites
When it comes to fashion websites, choosing the right design is imperative. Whether you’re highlighting your best models or showcasing your latest creations; one thing is certain: like fashion, your...
View ArticleHow to Create a Stylish Pricing Table with a Sticky Header
Sticky pricing tables are perfect for showing products and services with long lists of comparable features. In this tutorial we’re going to create a pricing table with a sticky header; along the way...
View ArticleSticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)
Sticking elements when the user scrolls to a certain point is a common pattern in modern web design. You’ll see it applied to top navigation, the sidebar, share links, or perhaps ad blocks; retaining...
View Article23+ Best Responsive WordPress Themes (For Sites in 2020)
When it comes to creating a website for your business, an attractive design will only get you so far. With people increasingly using their tablets and smartphones to research and shop online, your...
View ArticleHow 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...
View ArticleTry Our Practical Web Animation Course, With New Bonus Projects!
Thousands of people have learned web animation in our popular course, Practical Web Animation, since it was first published in 2016. Now, it's back—with brand new projects for you to try out. So if you...
View Article15+ Best WordPress Portfolio Themes for Creatives
Whether you’re a photographer, a painter, or a web designer, one thing remains a constant: you need a portfolio. After all, portfolios are the time-tested, best way to give potential clients or...
View ArticleFirefox vs. Firefox Developer Edition: What’s the Difference?
If you’ve been around Firefox and web design for any amount of time you’ve probably seen reference to the “Firefox Developer Edition”. You likely looked at it, possibly installed it, and then...
View ArticleHow to Design the Front Page of a Subscription Website
Designing the front page of a subscription website comes with some unique challenges and difficulties. With the steady increase of businesses who are switching to subscription-based models, we have...
View Article