The wiki · page 21 of 25

The reference desk for winning online.

Evergreen guides — kept current, backed by our own scan data, written in plain talk. Every article opens with the answer, not a preamble.

17 — Web Dev

What Is HTML?

HTML (HyperText Markup Language) is the standard code that defines the structure and content of every web page. It uses tags like <h1>, <p>, and <img> to label headings, paragraphs, links, images, and other elements so browsers know what each piece of content is and how to display it. HTML is the foundational layer of the web; CSS styles it and JavaScript adds behavior, but nothing appears in a browser without HTML underneath.

UPDATED 2026-07-09 · READ →

What Is CSS?

CSS (Cascading Style Sheets) is the code that controls how a web page looks. While HTML defines structure and content, CSS defines presentation: colors, fonts, spacing, layout, backgrounds, and how a page adapts to different screen sizes. It works by targeting HTML elements with rules that set visual properties. CSS lets one style sheet control an entire site's appearance, so a single change updates every page at once, making design consistent, maintainable, and responsive across phones, tablets, and desktops.

UPDATED 2026-07-09 · READ →

What Is JavaScript?

JavaScript is the programming language that adds interactivity and behavior to web pages. While HTML provides structure and CSS provides styling, JavaScript makes things happen: image sliders, form validation, pop-ups, live search, animations, and content that updates without reloading the page. It runs directly in the visitor's browser and can also power servers and apps. JavaScript is one of the three core web technologies and turns static pages into dynamic, responsive experiences that react to what users do.

UPDATED 2026-07-09 · READ →

What Is a CMS Plugin?

A CMS plugin is a small add-on that extends what a content management system can do without custom coding. On platforms like WordPress, plugins add features such as contact forms, SEO tools, e-commerce, booking systems, security, and backups by plugging into the core software. They let non-developers expand a website's functionality through a few clicks. Plugins are powerful and flexible, but too many, or poorly maintained ones, can slow a site, create conflicts, and open security holes.

UPDATED 2026-07-09 · READ →

Theme vs Template: What's the Difference?

A theme is the complete design system that controls a whole website's look and behavior, while a template is a reusable layout for a single type of page. In WordPress terms, a theme sets your site's overall style, colors, fonts, and structure, and templates within it define how specific pages, like blog posts or contact pages, are arranged. Put simply, a theme is the entire outfit; a template is a pattern for one garment. Themes are broad and site-wide; templates are focused and page-specific.

UPDATED 2026-07-09 · READ →

What Is a Page Builder?

A page builder is a visual, drag-and-drop tool that lets you design web pages without writing code. Instead of editing HTML and CSS, you arrange pre-made blocks like headings, images, columns, and buttons on a live canvas and see changes instantly. Popular builders include Elementor, Divi, and the native WordPress block editor, plus built-in editors in Wix and Squarespace. Page builders make site editing accessible to non-developers, but heavy ones can add bloat that slows a site if not managed carefully.

UPDATED 2026-07-09 · READ →

What Is a Git Repository?

A Git repository is a project folder that tracks every change to its files over time using the version-control system Git. It stores a complete history of who changed what and when, so developers can review edits, undo mistakes, and collaborate without overwriting each other's work. Repositories live locally on a developer's machine and often on platforms like GitHub or GitLab. For websites, a repository is the source of truth for code, enabling safe updates, backups, and reliable deployments.

UPDATED 2026-07-09 · READ →

Responsive vs Adaptive Design?

Responsive and adaptive are two approaches to making websites work on different screen sizes. Responsive design uses flexible, fluid layouts that stretch and reflow smoothly to fit any screen width. Adaptive design uses several fixed layouts built for specific screen sizes, and the site loads the one that best matches the visitor's device. Responsive is the modern default because it handles any screen gracefully with one flexible layout, while adaptive offers more precise control at the cost of extra maintenance.

UPDATED 2026-07-09 · READ →

React vs Vue: What's the Difference?

React and Vue are two popular JavaScript tools for building interactive user interfaces. React, made by Meta, is a flexible library that leaves architectural choices to you and dominates the job market, making hiring easier. Vue, an independent project, is a progressive framework that bundles more out of the box and is often praised as gentler to learn. Both are fast, component-based, and production-proven. For most small-business web apps the choice hinges on team experience and hiring rather than raw capability, since either can build the same product.

UPDATED 2026-07-10 · READ →

React vs Angular: What's the Difference?

React and Angular both build interactive web applications, but they differ in scope. React, from Meta, is a flexible UI library that handles the view layer and lets you choose your own tools for routing, state, and structure. Angular, from Google, is a complete framework that bundles routing, forms, HTTP, and more, with a stricter, opinionated structure and TypeScript by default. React offers freedom and a larger hiring pool; Angular offers consistency and built-in features that suit large, structured enterprise apps. Both are production-proven and capable.

UPDATED 2026-07-10 · READ →

Angular vs Vue: What's the Difference?

Angular and Vue are both JavaScript frameworks for building interactive web front-ends, but they differ in scope and complexity. Angular, maintained by Google, is a full, opinionated framework with built-in routing, forms, and TypeScript by default. Vue, created by Evan You, is a lighter, progressive framework you can adopt incrementally, with a gentler learning curve. Angular suits large enterprise teams that need structure and consistency, while Vue fits smaller projects and developers who want flexibility and a faster ramp-up without heavy boilerplate.

UPDATED 2026-07-10 · READ →

Next.js vs React: What's the Difference?

React and Next.js are not competitors — Next.js is a framework built on top of React. React is a JavaScript library for building user interfaces from components, but it leaves routing, rendering strategy, and project structure up to you. Next.js adds those missing pieces: file-based routing, server-side rendering, static generation, image optimization, and a production build system. In short, React gives you the UI building blocks, while Next.js wraps them in an opinionated, full-stack framework that is faster to ship and friendlier for SEO out of the box.

UPDATED 2026-07-10 · READ →

JavaScript vs TypeScript: What's the Difference?

JavaScript is the programming language that runs in every web browser, while TypeScript is a superset of JavaScript that adds a static type system on top. All valid JavaScript is valid TypeScript, but TypeScript lets you declare the shapes of your data — strings, numbers, objects — so errors are caught while you write code rather than when users hit them. TypeScript compiles down to plain JavaScript to run. In short, JavaScript is the language browsers execute, and TypeScript is a developer-friendly layer that makes large codebases safer and easier to maintain.

UPDATED 2026-07-10 · READ →

Sass vs CSS: What's the Difference?

CSS is the standard language browsers use to style web pages — colors, spacing, layout, and fonts. Sass is a preprocessor that extends CSS with programming-like features such as variables, nesting, mixins, and functions, then compiles down to plain CSS that browsers understand. Browsers cannot run Sass directly; a build step converts it first. Sass does not add anything a browser can do that CSS cannot; it makes writing and organizing large stylesheets faster and more maintainable. In short, CSS is what ships, and Sass is a developer-friendly way to author it.

UPDATED 2026-07-10 · READ →

Flexbox vs Grid: What's the Difference?

Flexbox and CSS Grid are both modern CSS layout systems, but they solve different problems. Flexbox is one-dimensional: it arranges items in a single row or column and excels at distributing space along that one axis. Grid is two-dimensional: it controls rows and columns simultaneously, making it ideal for page-level layouts and complex structures. They are not rivals — professional developers use both together, Grid for the overall page skeleton and Flexbox for aligning items within components. Choosing between them comes down to whether you are laying out along one axis or two.

UPDATED 2026-07-10 · READ →

em vs rem: What's the Difference?

em and rem are both relative CSS units used mainly for font sizes and spacing, and both scale based on font size rather than fixed pixels. The difference is what they reference. An em is relative to the font size of its own element (or the nearest parent that sets one), so ems can compound when nested. A rem is always relative to the root element's font size — the html element — so it stays consistent regardless of nesting. rem gives predictable, page-wide scaling; em gives contextual, component-local scaling.

UPDATED 2026-07-10 · READ →

Bootstrap vs Tailwind: What's the Difference?

Bootstrap and Tailwind are both popular CSS frameworks, but they take opposite approaches. Bootstrap is a component framework: it ships pre-designed, ready-made components like buttons, navbars, and cards that you drop in and customize. Tailwind is utility-first: instead of components, it gives you tiny single-purpose classes you compose directly in your markup to build any design from scratch. Bootstrap gets you a conventional-looking site fast; Tailwind gives you total design freedom with more effort. In short, Bootstrap provides finished pieces, while Tailwind provides the raw building blocks.

UPDATED 2026-07-10 · READ →

GET vs POST Requests: What's the Difference?

GET and POST are the two most common HTTP methods browsers use to communicate with servers. GET requests data — it retrieves a page or resource and puts any parameters in the URL, so it is visible, bookmarkable, and cached. POST sends data to the server to create or change something, carrying its payload in the request body, which keeps it out of the URL. GET should be safe and repeatable with no side effects; POST is used when submitting forms or altering data. In short, GET reads, POST writes.

UPDATED 2026-07-10 · READ →

What Is a WordPress Theme?

A WordPress theme is a package of templates and styles that controls how your website looks, its layout, colors, fonts, and overall structure, without changing your actual content. Because WordPress keeps content and design separate, you can switch themes to restyle a site while keeping the same pages and posts. Themes range from free options in the official directory to premium and fully custom builds, and modern block themes let you edit the design visually. A good theme gives a business a professional, consistent foundation quickly.

UPDATED 2026-07-10 · READ →

What Is a WordPress Plugin?

A WordPress plugin is an add-on that extends your website with new features without changing WordPress itself, much like installing an app on a phone. Plugins add capabilities such as contact forms, SEO tools, e-commerce, backups, security, and galleries, letting a site grow from simple to powerful. You install them from the official directory or from developers, free or premium. Their modularity is a core WordPress strength, but installing too many, or poorly maintained ones, can slow your site or create security risks, so choose carefully.

UPDATED 2026-07-10 · READ →

What Is a WordPress Child Theme?

A WordPress child theme is a separate theme that inherits the design and functionality of another theme, called the parent, while letting you safely override or add to it. You put your custom styles, template changes, and functions in the child theme, so when the parent theme releases an update, your work is untouched. Without a child theme, editing the parent directly means a single update can wipe out every change you made.

UPDATED 2026-07-10 · READ →

What Is the WordPress Block Editor (Gutenberg)?

The WordPress block editor, also called Gutenberg, is the default content editor built into WordPress since version 5.0. It breaks a page or post into individual blocks, each a self-contained element like a paragraph, heading, image, button, or gallery, that you arrange and configure visually. Instead of one open text field, you assemble content block by block, seeing roughly how it will look as you build. It replaced the older classic editor and now powers full-site editing in modern block themes.

UPDATED 2026-07-10 · READ →

What Is the WordPress Classic Editor?

The WordPress classic editor is the original content editor WordPress used before version 5.0, built on the TinyMCE library. It presents a single formatted text area, similar to a word processor, with a visual tab and an HTML tab, plus a toolbar for bold, links, headings, and media. It was replaced as the default by the block editor in 2018, but remains available through the official Classic Editor plugin for sites and users that prefer the simpler, familiar writing experience.

UPDATED 2026-07-10 · READ →

What Is Elementor?

Elementor is a popular drag-and-drop page builder plugin for WordPress that lets you design pages visually, without writing code. You drag elements, headings, images, buttons, columns, forms, onto a live canvas and style them in real time, seeing exactly what visitors will see. It has a free version and a paid Pro tier that adds a theme builder, pop-ups, and advanced widgets. Elementor makes custom layouts accessible to non-developers, though heavy use can add page weight that needs performance care.

UPDATED 2026-07-10 · READ →

What Is the Divi Theme and Builder?

Divi is a WordPress theme and visual page builder from Elegant Themes that lets you design pages by dragging and dropping elements on a live front-end canvas, without code. Unlike subscription-only rivals, Divi is sold as a yearly or one-time lifetime membership that covers unlimited websites. It includes a large library of pre-made layouts, a theme builder for headers and footers, and extensive styling controls. Divi is a direct competitor to Elementor, favored for its lifetime pricing and design flexibility, though it can add page weight.

UPDATED 2026-07-10 · READ →

What Is Yoast SEO?

Yoast SEO is a widely used WordPress plugin that helps you optimize your site's on-page SEO. It lets you set custom titles and meta descriptions, generates XML sitemaps, adds structured data, controls how pages appear when shared, and gives readability and keyword analysis with traffic-light scores as you write. Yoast handles the technical on-page groundwork so search engines can crawl and understand your content. It does not, by itself, guarantee rankings, which still depend on content quality, links, speed, and competition.

UPDATED 2026-07-10 · READ →

What Is Rank Math?

Rank Math is a WordPress SEO plugin and the main alternative to Yoast SEO. It manages on-page optimization, custom titles and meta descriptions, XML sitemaps, and rich schema markup, and adds features many rivals reserve for paid tiers, such as redirects, multiple-keyphrase tracking, and Google Search Console integration, in its free version. It scores content against target keywords and helps automate structured data. Like any SEO plugin, Rank Math handles on-page groundwork but does not, by itself, guarantee higher rankings.

UPDATED 2026-07-10 · READ →

What Is WP Rocket?

WP Rocket is a premium WordPress caching and performance plugin that speeds up a slow site with minimal setup. It creates static cached copies of your pages so they load without rebuilding on every visit, and adds file minification, lazy loading of images, database cleanup, and preloading. Unlike free caching plugins, it applies sensible optimizations automatically on activation, requiring little configuration. WP Rocket is paid-only, sold by annual license, and is widely used to improve load times and Core Web Vitals.

UPDATED 2026-07-10 · READ →

What Is Advanced Custom Fields (ACF)?

Advanced Custom Fields, or ACF, is a WordPress plugin that lets you add your own custom content fields to posts, pages, and other content types. Instead of cramming everything into the main editor, ACF gives you structured fields, text boxes, image uploaders, date pickers, repeaters, and more, that editors fill in and developers display exactly where they want in a theme. It is a foundational tool for building flexible, content-managed WordPress sites beyond simple blogs, powering custom layouts with clean, editable data.

UPDATED 2026-07-10 · READ →

What Is a WordPress Custom Post Type?

A WordPress custom post type (CPT) is a content type you define beyond the built-in Posts and Pages, letting WordPress manage structured content like portfolio items, products, listings, testimonials, or events with their own admin menu and fields. Under the hood, posts, pages, and menus are all post types stored in one database table; a CPT registers a new one. Developers create them with register_post_type or a plugin, giving each type tailored labels, URLs, and editing screens so content stays organized.

UPDATED 2026-07-10 · READ →

Looking for news, case studies, and opinion pieces? That's the blog →