Tag: Web
87 items found
Projects
Blog Posts
Glossary Terms
ARIA (Accessible Rich Internet Applications)
ARIA adds roles, states, and properties to HTML so assistive technologies can understand custom interface components.
Astro
Astro is a web framework for content-heavy sites that ships HTML first and loads JavaScript only where interaction needs it.
AVIF
AVIF is a modern image format using AV1 compression to deliver near-high quality web visuals at small file sizes.
Backend for Frontend
A BFF creates a separate backend layer for web, mobile, or other interfaces, shaping API responses for each client.
Bootstrap
Bootstrap is an open-source CSS framework with grid, components, and utilities for building responsive web interfaces quickly.
Bun
Bun is a fast JavaScript and TypeScript toolchain that combines runtime, package manager, test runner, and bundler.
CMS (Content Management System)
A CMS lets non-technical teams create, edit, organize, and publish website content through an administration interface.
Code Splitting
Code splitting breaks JavaScript into route or component chunks so the browser downloads only the code needed for the current view.
Container Query
A container query lets CSS change a component's styles based on its container size instead of the browser viewport width.
Cookie
A cookie is a small browser-stored value tied to a domain, used for sessions, preferences, consent, and limited tracking.
CSS (Cascading Style Sheets)
CSS defines the visual presentation of HTML, including colors, typography, spacing, layout, and responsive behavior in browsers.
CSS Animation
CSS animation changes visual properties such as color, position, opacity, or scale over time directly in the browser.
CSS Custom Properties (Variables)
CSS custom properties store reusable design values such as colors and spacing, making themes and component styling easier to manage.
CSS Flexbox
Flexbox is a CSS layout model for aligning items on one axis, distributing space, and adapting to changing content sizes.
CSS Grid Layout
CSS Grid is a CSS layout system for building flexible, responsive two-dimensional web layouts across rows and columns.
Dark Mode
Dark mode is a dark-background interface theme that must balance contrast, accessibility, brand colors, and user preference.
Design System
A design system combines interface components, design tokens, and usage rules to keep product experiences consistent.
DOM (Document Object Model)
The DOM turns an HTML or XML document into a tree of objects that browsers can read and change through JavaScript.
Edge Rendering
Edge rendering generates pages at locations close to the user instead of a central server, reducing latency for dynamic content.
Express.js
Express.js is a Node.js framework that simplifies routing, middleware, and HTTP response handling for web applications and APIs.
Figma
Figma is a UI/UX tool that brings interface design, prototyping, design systems, and developer handoff into one cloud workspace.
Headless CMS
A headless CMS stores content in an admin system and delivers it through APIs to websites, mobile apps, kiosks, and other channels.
Hono
Hono is a lightweight TypeScript framework for building fast APIs on Cloudflare Workers and other edge runtimes.
HTML (HyperText Markup Language)
HTML is the markup language that defines the structure of headings, paragraphs, links, forms, media, and other web content.
htmx
htmx is a lightweight library that adds AJAX, WebSocket, and partial server-rendered updates through HTML attributes.
HTTP (HyperText Transfer Protocol)
HTTP is the core web communication protocol that defines request-response exchanges between browsers, API clients, and servers.
HTTP/2
HTTP/2 speeds up web pages and API responses by using multiple streams and compressed headers over a single connection.
Hybrid App
A hybrid app is built with web technologies inside a native container, sharing one codebase while accessing mobile device features.
Hydration
Hydration attaches browser-side JavaScript behavior to server-rendered HTML so a static interface becomes interactive.
Image Optimization
Image optimization makes pages load faster through correct sizing, modern formats, compression, responsive delivery, and loading strategy.
IndexedDB
IndexedDB is a browser database for storing large structured data persistently with indexes and asynchronous access.
Intersection Observer
Intersection Observer is a browser API that asynchronously detects when an element enters or leaves the viewport or a chosen container.
Islands Architecture
Islands architecture keeps most of a page as static HTML and hydrates only the interactive UI sections as separate islands.
Jamstack
Jamstack is a web architecture approach based on JavaScript, APIs, and pre-built Markup for fast, secure, and scalable websites.
JavaScript
JavaScript is a dynamic programming language that runs in web browsers and is used to create interactive web interfaces.
Lazy Loading
Lazy loading delays images, videos, or components until they are needed, reducing initial load time and bandwidth use.
Micro Frontend
Micro frontend splits a large user interface into smaller applications that independent teams can build, deploy, and compose.
Mobile First
Mobile first starts design and development from small touch screens, then progressively enhances layouts for tablets and desktops.
MVC (Model-View-Controller)
MVC separates application code into Model, View, and Controller layers so data, interface, and request flow responsibilities stay clear.
MySQL
MySQL is a relational database that stores SQL data in tables, indexes, and transactions, widely used behind web applications and services.
Next.js
Next.js extends React with server rendering, static generation, file-based routing, and backend endpoints for production web applications.
Node.js
Node.js is a JavaScript runtime on V8 that uses an event loop and asynchronous I/O to handle many server-side connections.
npm (Node Package Manager)
npm is the Node.js package ecosystem that manages JavaScript dependencies through a registry, CLI, package.json, and lock files.
Nuxt.js
Nuxt.js extends Vue with file-based routing, server rendering, static generation, and backend functions for production web apps.
Performance Budget
A performance budget sets measurable limits for a web page, such as file size, request count, and loading time, before regressions ship.
pnpm
pnpm is a JavaScript package manager that stores dependencies once in a content-addressed store and links them into projects quickly.
PWA (Progressive Web App)
A PWA uses a service worker, web app manifest, and responsive design to make a website installable, resilient, and closer to an app experience.
Qwik
Qwik is a web framework that resumes application state from HTML and loads JavaScript on demand for fast startup.
React Server Components
React Server Components render selected UI parts on the server and send results without shipping their component code to the browser.
React.js
React is an open-source JavaScript library for building user interfaces from reusable components that update efficiently when state changes.
Redux
Redux centralizes application state in a store and makes changes traceable through an action and reducer flow, mostly in React apps.
Remix
Remix is a React-based full-stack framework that combines routes, loaders, actions, and HTTP caching around web standards.
Responsive Design
Responsive design adapts one web interface to different screen widths, input methods, and device capabilities without separate mobile pages.
Sanity
Sanity is a headless CMS where teams define content models in code and query structured content with GROQ for websites and apps.
SASS/SCSS
Sass/SCSS is a CSS preprocessor that adds variables, mixins, nesting, and modules to organize large style codebases.
Service Worker
A service worker is a browser script that runs separately from the page, intercepting requests to manage caching, push, and offline behavior.
Session
A session links a user's identity and temporary state across requests in a web application, using server-side or client-side storage.
SPA (Single Page Application)
An SPA updates the interface without full page reloads after the first HTML load, using JavaScript routing and API-driven data.
SSG (Static Site Generation)
SSG prebuilds pages into HTML during deployment, creating fast, cache-friendly sites that need little server work per request.
SSR (Server-Side Rendering)
SSR renders page HTML on the server for each request, sending ready content to the browser to improve first view and SEO.
Storybook
Storybook isolates UI components from the app so teams can develop, document, and visually test them in many states.
Strapi
Strapi is an open-source, self-hostable headless CMS that turns content models into APIs for websites and apps.
Svelte
Svelte is a web framework that compiles components into optimized JavaScript, reducing runtime code for user interfaces.
Tailwind CSS
Tailwind CSS turns design choices into small utility classes, letting teams style interfaces consistently inside HTML.
TanStack Query (React Query)
TanStack Query manages server data in React apps through query keys, caching, background refresh, and synchronization.
Tree Shaking
Tree shaking analyzes the ES module dependency graph and removes unused exports from the production JavaScript bundle.
TypeScript
TypeScript adds a static type system to JavaScript, helping teams catch errors during compilation and manage large codebases.
UI (User Interface)
UI covers the visual layout of screens, buttons, forms, menus, states, and feedback components users interact with in a product.
UX (User Experience)
UX improves how users learn, navigate, and complete tasks in a digital product through research, design, and testing.
View Transition API
View Transition API lets browsers animate between old and new page or state views during navigation and UI updates.
Virtual DOM
The Virtual DOM is a lightweight in-memory representation used to calculate UI changes before updating the real DOM.
Vite
Vite is a frontend tool that uses ESM for a fast dev server and Rollup to produce optimized production bundles.
Vue.js
Vue.js is a progressively adoptable JavaScript framework for building component-based interfaces with reactive data binding.
Web Accessibility (a11y)
Web accessibility ensures that users with disabilities can use content, forms, and workflows with assistive technologies.
Web Components
Web Components use Custom Elements, Shadow DOM, and templates to create framework-independent custom HTML elements.
Web Font
A web font displays brand-specific typography through font files downloaded by the browser and must be loaded carefully.
Web Storage
Web Storage stores small key-value data in the browser through localStorage and sessionStorage for client-side state.
Web Worker
A Web Worker lets JavaScript run CPU-heavy tasks in a background thread separate from the main UI, keeping pages responsive.
WebAssembly (Wasm)
WebAssembly runs compiled code from languages like C, Rust, or Go inside browsers and edge runtimes with portable performance.
WebP
WebP is a modern image format that reduces web image size with lossy, lossless, transparency, and animation support.
Webpack
Webpack analyzes JavaScript, CSS, and asset dependencies as a module graph and produces browser-ready bundles.
WebRTC
WebRTC is a real-time communication standard for plugin-free audio, video, and data channels between browsers and mobile apps.
WordPress
WordPress is an open-source CMS used for content management, corporate sites, publishing, and plugin-based web projects.
Zod
Zod is a TypeScript-first validation library that checks form, API, and environment data against schemas at runtime.
Zustand
Zustand is a hook-based state management library for React apps that need small, fast, global stores without heavy boilerplate.