Layouts in Astro — SitePoint

This introduction to layouts in Astro is excepted from Unleashing the Power of Astro, available now on SitePoint Premium. While each .astro page (route) has the potential to contain a fully-fledged HTML document, it’s inefficient to duplicate that structure, especially when certain elements—such as <meta> and <title> elements—may vary depending on the currently viewed page.… Continue reading Layouts in Astro — SitePoint

Creating an Interactive Mouse Effect with Instancing in Three.js

Mind-blowing effects that require thousands, possibly millions of objects like hundreds of paper planes, brains made out of triangles, or a galaxy of stars, push the limits of the GPU. However, sometimes it’s not because the GPU cannot draw enough, at times it’s bottlenecked by how much information it’s receiving. In this tutorial, we’ll learn… Continue reading Creating an Interactive Mouse Effect with Instancing in Three.js

Why Isn’t Your WordPress Site Posting to Facebook? Common Causes and Fixes

Is your WordPress site not posting to Facebook? Do you need help fixing this Facebook posting problem? There are many solutions you can implement to fix your Facebook posting issues. This is a common issue many WordPress site owners face. Thankfully, there are many easy fixes to this problem.  This article will cover the most… Continue reading Why Isn’t Your WordPress Site Posting to Facebook? Common Causes and Fixes

How To Change Your Username in WordPress

Now that the plugin is installed, we can change the username. Click on your profile in the top-right corner of the screen, then select Edit My Profile from the dropdown menu. Click the Edit Profile menu option in the top right corner. Scroll down to the Username field, click on the Change Username link, and… Continue reading How To Change Your Username in WordPress

How to Edit a WordPress Permalink

Need to edit your WordPress site permalinks but don’t know how? Not sure what to do if you aren’t able to edit your website’s permalinks? WordPress is a powerful and versatile content management system that allows you to create and manage a website easily. One important WordPress feature is the ability to edit permalinks or… Continue reading How to Edit a WordPress Permalink

Adobe Illustrator for Beginners

Learn how to use Adobe Illustrator in this free course for absolute beginners. By the end, you’ll know how to draw in Adobe Illustrator, how to make a pattern in Illustrator, and so much more. Watch the Full Illustrator for Beginners Course What You’ll Learn How to draw in Illustrator Working with color and… Continue reading Adobe Illustrator for Beginners

How to Check if the Current Page is the Homepage in WordPress?

A WordPress website can have different kinds of pages like an about page, contact page, privacy policy page, author page, or homepage. Sometimes, when we are developing a theme, a plugin or implementing some other functionality in WordPress, it becomes important to determine whether the current page is the homepage. In this tutorial, we will… Continue reading How to Check if the Current Page is the Homepage in WordPress?

10 Best Real Estate Listing Plugins for WordPress

Are you having trouble finding a high quality real estate listing plugin for WordPress? Do you need a full-featured real estate plugin that helps make your real estate transactions more efficient? WPL Pro Real Estate is one of the many high quality MLS WordPress plugins on CodeCanyon Create a robust database of properties for your… Continue reading 10 Best Real Estate Listing Plugins for WordPress

10 Best Exit Intent Popup Plugins for WordPress

Are you having trouble keeping visitors on your website? Do you want to boost your conversions and sales? ConvertPlus is one of the many high quality exit-intent WordPress plugins on CodeCanyon. Keep website visitors on your website and grow your business with exit intent WordPress plugins. These plugins will quickly improve your retention, sales, or… Continue reading 10 Best Exit Intent Popup Plugins for WordPress

How to Let Users Dynamically Change the Number of Posts per Page in WordPress

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

Script & Handwritten Fonts

Script and handwritten fonts are a great way of giving your designs a strong personality. A playful script font is great for informal projects with a fun, energetic vibe, while a formal calligraphy font is great if you’re going for elegance and class. In this guide, you’ll learn what script and handwritten fonts are and… Continue reading Script & Handwritten Fonts

Guide to Serif Fonts

Welcome to the ultimate guide to serif fonts! Whether you’re new to the subject or a bit more experienced, this guide will help you out. We’ll start by explaining what a serif font is and when you’d want to use one, and then we’ll look at some different types of serif fonts and introduce you… Continue reading Guide to Serif Fonts

Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript

In this new tutorial we’ll discuss a straightforward approach for reducing spam from form submissions. This technique will use PHP and JavaScript to block form submission until the user provides the correct answer to a simple math CAPTCHA. Here’s a quick video that demonstrates the expected functionality: It’s important to note that this is just… Continue reading Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript

16 Fonts Similar to Cern

Cern is a sans serif typeface you cannot miss. If you are looking for fonts similar to Cern to use in your next design project, then you’ve come to the right place. In this article, we will introduce you to some fonts like the Cern typeface, which will be a great addition to your font… Continue reading 16 Fonts Similar to Cern

What is the Neubrutalism Web Design Trend?

Move aside brutalism, there’s a new web design trend in town. Welcome to the stage neubrutalism, which is a refreshing combination of the brutalist trend as well as the modern, minimalist trend that’s graced our screens for many years now. Read on for key features of this new design including what to look out for,… Continue reading What is the Neubrutalism Web Design Trend?

200+ Best Color Paper Textures (Construction Paper Textures)

Color paper textures including construction paper textures from Envato Elements and GraphicRiver bring vibrancy to your design projects. Today we’ll look at 200+ of these textures. There is definitely something for you here. Just have a look! Unlimited Color Paper Textures at Envato Elements Download unlimited paper textures for your design projects from Envato Elements… Continue reading 200+ Best Color Paper Textures (Construction Paper Textures)

How to Create a Sticky Toolbar With CSS and a Bit of JavaScript

In this new tutorial we’ll learn how to create a sticky (or fixed) toolbar—also referred to as a vertical navigation menu—with animated tooltips that you can use on your sites for all sorts of things. For example, if you are a store owner, you can use it to include a quick links feature for promoting… Continue reading How to Create a Sticky Toolbar With CSS and a Bit of JavaScript

10 Essential Design Tips for Photoshop

Photoshop’s been the industry standard for artists and designers for decades, adding new and improved features every year. This is great for those of us who’ve been using it for years, but it can be a lot to take in for someone just getting into the digital art world! So I’ve made a list of… Continue reading 10 Essential Design Tips for Photoshop

How Long Does it Take to Learn JavaScript

According to “The State of the Octoverse” by GitHub, the statistics show that JavaScript is the most popular language globally. It is good investment to learn JavaScript for front-end or back-end programming. How Long Will it Take? In the book Outliers by Malcolm Gladwell, there is the 10,000 hours rule. This rule states that there… Continue reading How Long Does it Take to Learn JavaScript

Customize a WooCommerce Product Page for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free

Best UX Research Repositories for 2022

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trying to make sure your product, app, website, and/or designs meet the needs of your target audience is of course essential to success. These days, there are loads of tools to help you test your assumptions against your users to see which elements are working and which… Continue reading Best UX Research Repositories for 2022

17 Fonts Similar to Oswald

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Are you in love with Oswald’s clean, modern style? Are you wondering what font is similar to Oswald that you can use in your next project? Try Bamba Grotesk if you’re looking for the font most similar to Oswald. Today, we’re going to look at the history… Continue reading 17 Fonts Similar to Oswald

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)