Web Development Articles

Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.

Explore Gulp for web image optimization: minify JPEG, PNG, or WebP formats and automate processing with custom Gulp tasks.

Learn how to improve your website's accessibility in 2024 with these seven web accessibility best practices.

A short tutorial on how to completely disable comments in WordPress websites using a plugin.

A streamlined article page layout, improved performance, overhauled UI/UX, and more. Read everything about February 2024 site updates in this news post.

Learn how to change the WordPress site URLs using the Better Search Replace plugin. An easy way to update URLs in the WordPress database.

Here are the top 10 reasons to use a static site generator for your next website project. Learn what a static website is and more in this post.

Understand how CSS Grid and Flexbox layout systems differ. Learn which layout is ideal for a responsive one-dimensional or two-dimensional use case.

A beginner's guide to creating and managing XML sitemaps for search engines. Learn the best practices for building a sitemap for your website.

Learn what a CSS reset style sheet is and why you need one in this article. As a bonus, get links to 3 popular reset stylesheets to reset CSS.

Learn the key differences between Amazon DynamoDB and PostgreSQL databases and which is suitable for SaaS in this comparison article.

A simple and short technique to reset the default browser values of CSS margin and padding of the web page.

A complete guide to rel=noopener and rel=noreferrer (rel noopener noreferrer tags). Learn how these attribute values affect SEO and more in this guide.

A complete guide to configure the LiteSpeed Cache plugin for your WordPress site. Recommended settings and more for LiteSpeed Cache for WordPress.

Beginner's tutorial to adding dark mode to a website or web app using HTML, CSS, and TypeScript or JavaScript. Learn how to create dark theme.

W3Things now has a dark theme mode. Enjoy reading web development articles and browsing the site while using the dark mode.

Learn everything you need to know about Open Graph Meta Tags. See how Open Graph tags help enhance your site links when shared on social media.

Learn how to add an XML sitemap file for your Eleventy website. A complete tutorial for creating sitemap.xml for 11ty site.

Migrating W3Things from WordPress to 11ty (Eleventy) static site generator. Sharing the site transfer experience and more.

Learn how to install and setup the best WP Rocket settings to pass Core Web Vitals for your WordPress website. The complete WP Rocket plugin settings guide.

Here are some top reasons why using free web host services is a really bad idea for your website.

CSS Margin vs CSS Padding vs CSS Gap - a beginner's guide to understanding the differences and when to use which.

Learn how to create a pure CSS Flip Card with a card flip effect and 3D card flip animation.

Beginners' tutorial on how to open external links in a new tab or browser window using pure JavaScript code.

Beginner's tutorial to responsive two column and multi-column layouts using HTML and CSS.

Learn how to remove category from WordPress URL in this beginner's tutorial. Removing category base or prefix from the URLs.

Learn how to use the CSS Gap property for spacing to create gaps or gutters between rows and columns.

Beginner's tutorial on how to get started with Node.js (nodejs) and npm installation on Windows.

In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator.