What Is HTTP 103?

Featured Imgs 23

Recently, Google Chrome 103 was released with a bunch of new features. One of the notable features is the introduction of HTTP Status Code 103. This article will dive into the HTTP 103 status code with a quick demo.

HTTP 103

From the Mozilla Developer Network Web Docs, HTTP 103 Early Hints is the information response status code primarily intended to be used with the Link header to allow the user agent to start preloading resources while the server is still preparing a response.

New Free Plugin Offers Beautiful Block Patterns for Food Bloggers

Wp Plugins

Last month WPZOOM released a free plugin called Block Patterns for Food Bloggers that I finally got the chance to test. Food blogs commonly have a strong focus on category and tag-driven grid layouts with big featured images and multiple sections showcasing different types of recipes. Prior to the block editor, customizing these types of layouts would be beyond reach for most WordPress users. They would have to rely on the theme to provide the right layout or enough user-friendly options to change it.

This plugin offers 19 beautifully designed patterns that are fully customizable, making it easy for food bloggers to create complex layouts. Once installed, users will find a little icon at the top of the editor, which launches the patterns in a modal.

The modal displays a grid view of the patterns, a list view with larger images, and allows users to preview the patterns with a mobile, tablet, and desktop view.

Patterns look exactly like the preview when you select and insert them. They include all the images and text so users don’t have to guess how it all fits together. Most patterns simply require replacing the content with your own but can also be used as a starting point for additional customizations. For example, users can drop in this set of featured categories and edit the links to their own categories.

Some of the patterns, such as the different post grids, will require users to make some edits to the block settings for the Query Loop to get it to display the specific categories, author, post type, etc.

The plugin also includes two different “About Me” style Hero sections for introducing the food blogger, as well as an Instagram profile pattern with a small grid of images, and a book feature. There are patterns for a newsletter signup design, and a search form design with a browse section and quick search categories.

Check out the demo on WPZOOM to see all the food blogger patterns in action and an example homepage created with only the patterns in the plugin.

Block Patterns for Food Bloggers is a fun plugin to play with because all the patterns are harmonious to each other, so it doesn’t look like they were all mixed and matched from different plugins. They should drop seamlessly into any WordPress theme or can be used on a blank canvas style theme without an issue.

If you are food blogger who is eager to build your own website but have not found a theme that works for you, this plugin could be all you need to make your own layouts. It covers everything from recipe index pages to featured sections that you would find on any food blogger’s homepage.

WPZOOM published a few helpful tips on the plugin page for customizing the patterns:

  • Use the Group block to control spacing and color for more than one block at a time.
  • Use the Cover block to control your pattern’s height, including min-height and full-viewport designs.
  • If your pattern contains numerous root-level blocks it can be helpful to Group them all together. This makes it easier to move your pattern around once inserted.

Although these patterns are presented with food pictures and placeholder text, they could easily be used for any other type of website. If you have a custom post type for movies, books, portfolios, team members, or any other kind of content, these patterns may be just as relevant.

Although some might contend all these patterns should be uploaded to WordPress’ official pattern directory, I can see the value of offering them as a unified collection in a plugin. Patterns mashed together from the Patterns Directory do not always have a unified design. There are already a few plugins that offer general pattern collections but it would be great to see more niche pattern collections like this one with a unified focus and design. It makes page building much easier than simply relying on core blocks and block collections.

Block Patterns for Food Bloggers is available for free from the WordPress Plugin Directory. It works just as advertised and does not include annoying upgrade advertising in the admin.

Using Infura’s New API With Lootbox

Featured Imgs 23

I’ve only been in Web3 for about a year now, but I can honestly say that NFTs are the most exciting Aspect of it for me. I’m not talking about Apes or Punks, however. PFP (profile picture) projects and art, although a cool and simple proof of concept for the technology, won’t create a better world.

Instead, I’m excited about the actual utility of NFTs. Allowing gamers to own their assets, delivering fair royalty commissions to musicians and artists, and making concert tickets impossible to scalp while providing a sweet digital memento are some of the use cases I find interesting.

Gradle Tutorial: Crash Course [Video]

Featured Imgs 23

Ever looked for a comprehensive tutorial for Gradle that is fun and entertaining at the same time?

In this video tutorial below, you'll learn how to use Gradle like a professional. Cover topics including using the Gradle wrapper, using Gradle together with IDEs, and Gradle basics like build.gradle, settings.gradle, running commands (clean build), as well as understanding multi-project Gradle builds. By the end of it, there won't be many questions left when it comes to Gradle.

PSD3 to Include Emphasis On API Standardization

Featured Imgs 23

PYMNTS.com has recently published an article that outlines the decisions being made around updates to the European Union's Payment Services Directive 2 (PSD2). An important note is the pressure for API standardization in face of common issues being displayed in the current landscape. 

Data Quality Metrics to Know and Measure

Featured Imgs 23

The most important characteristic for any organization is not data; it is quality data. In a study, IBM estimated that bad data costs the U.S. economy $3.1 trillion per year. Such costs are incurred when your employees spend time cleaning data or rectifying the errors caused by bad data. Apart from financial costs, bad data becomes a source of dissatisfaction and discontent between you and your customers, partners, and other business relationships. 

This clearly explains the importance of housing quality data in your organization. But what exactly is it, and how can you measure data quality? Let’s take a look. 

How to Disable Directory Browsing in WordPress

Category Image 091

Do you want to disable directory browsing in WordPress?

Directory browsing can put your site at risk by showing important information to hackers which can be used to exploit vulnerabilities in your site’s plugins, themes, or even your hosting server.

In this article, we will show you how you can disable directory browsing in WordPress.

How to disable directory browsing in WordPress

What Does Disabling Directory Browsing in WordPress Do?

Every time someone visits your website, your web server will process that request.

Usually, the server delivers an index file to the visitor’s browser, such as index.html. However, if the server can’t find an index file, then it may show all the files and folders in the requested directory instead.

This is directory browsing, and it’s often enabled by default.

If you’ve ever visited a site and seen a list of files and folders instead of a webpage, then you’ve seen directory browsing in action.

A WordPress site with directory browsing enabled

The problem is that hackers can use directory browsing to see the files that make up your website, including all the themes and plugins that you’re using.

If any of these themes or plugins have known vulnerabilities, then hackers can use this knowledge to take control of your WordPress blog or website, steal your data, or perform other actions.

Attackers may also use directory browsing to look at the confidential information inside your files and folders. They might even copy your website’s contents, including content that you would usually charge for such as ebook downloads or online courses.

This is why it’s considered a best practice to disable directory browsing in WordPress.

How to Check is Directory Browsing is Enabled in WordPress

The easiest way to check whether directory browsing is currently enabled for your WordPress website is by simply visiting the /wp-includes/ folder link like this: https://example.com/wp-includes/.

You’ll want to replace www.example.com with your website’s URL.

If you get a 403 Forbidden or similar message, then directory browsing is already disabled on your WordPress website.

A website with directory browsing disabled

If you see a list of files and folders instead, then this means that directory browsing is enabled for your website.

A WordPress site with directory browsing enabled

Since this makes your website more vulnerable to attack, you’ll typically want to block directory browsing in WordPress.

How to Disable Directory Browsing in WordPress

To disable directory listing, you’ll need to add some code to your site’s .htaccess file.

To access the file, you’ll need an FTP client, or you can use the file manager app inside your WordPress hosting control panel.

If this is your first time using FTP, then you can see our complete guide on how to connect to your site using FTP.

After connecting to your site, simply open your website’s ‘public’ folder and find the .htaccess file. You can edit the .htaccess file by downloading it to your desktop and then opening it in a text editor like Notepad.

At the very bottom of the file, simply add the following code:

Options -Indexes

It will look something like this:

The WordPress .htaccess file

Once you’re done, save your .htaccess file and upload it back to your server using an FTP client.

That’s it. Now if you visit the same http://example.com/wp-includes/ URL, you’ll get a 403 Forbidden or similar message.

How to disable directory browsing in WordPress

We hope this article helped you learn how to disable directory browsing in WordPress. You may also want to see our ultimate WordPress security guide, or see our expert pick of the best WordPress membership plugin to protect your files.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Disable Directory Browsing in WordPress first appeared on WPBeginner.

Using Insomnia to Upgrade Dependencies — With Confidence

Featured Imgs 23
Demo app: “Is Today My Birthday”
Demo app: “Is Today My Birthday”

Always keep your dependencies up to date. When you don’t upgrade, you miss out on bug fixes, security patches, and new features. You may even be up against an “end of life” deadline if the version of a package you use will soon no longer be supported.

If upgrading dependencies is so important, why don’t many developers do it? They may not know-how, or they may not understand the benefits of upgrading, or they may not feel like they have the time. Or, they may be afraid.

5 Tips to Write the Most Clickable WordPress Headlines

Featured Imgs 26

Writing Clickable WordPress HeadlinesThe idea of sitting down and completing several headline writing exercises to find the “one” may seem extra. Still, it’s really not when you consider that your headlines are the number #1 most important thing you’ll write in WordPress every day. Fact: If people don’t click your headlines, your content won’t get read. Your headline […]

The post 5 Tips to Write the Most Clickable WordPress Headlines appeared first on WPExplorer.

Typography Inspiration In Web Design

Typography Definitions Cover

Looking for typography inspiration for your next or future web design projects? We’ve rounded up some of the most creative and award-winning examples of typography usage in these websites that follow. Take a look and see what ideas they bring!

Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets


Font Roundup

Typography Inspiration In Web Design - font roundup

Likely Story

Typography Inspiration In Web Design - Likely Story

VJ Type

Typography Inspiration In Web Design - VJ Type

Arthur Simonini

Typography Inspiration In Web Design - Arthur Simonini

Martine Syms

Typography Inspiration In Web Design - Martine Syms

Mama Joyce Peppa Sauce

Typography Inspiration In Web Design - Mama Joyce Peppa Sauce

Slava Kirilenko

Typography Inspiration In Web Design - Slava Kirilenko

DAD Agency

Typography Inspiration In Web Design - DAD Agency

Pact Media

Typography Inspiration In Web Design - Pact Media

Dante

Typography Inspiration In Web Design - Dante

Custo

Typography Inspiration In Web Design - Custo

Houseplant

Houseplant

Santa Teresa Fest

Santa Teresa Fest

Kim Kneipp

Kim Kneipp

Panic Studio

Panic Studio