{ "api": "YAML JSON TOON Database", "version": "1.0.0", "format": "json", "category": { "id": 6, "slug": "web-technologies", "name": "Web Technologies", "description": "Standards, protocols, and APIs for web development.", "icon": "layout", "created_at": 1783090350, "topic": { "overview": "Web-technology reference data covers the platform that browsers and servers share: the HTTP protocol and its evolution, the request and response headers that carry control information, the browser APIs that give pages access to storage, networking and hardware, the CSS layout systems that arrange content, and the JavaScript frameworks that structure applications. Standards come from several bodies (IETF for protocols, WHATWG and W3C for the platform) and support arrives browser by browser, so almost every entry needs the qualifier 'supported in which browsers, since which version'. Behavior also differs between secure contexts (HTTPS) and plain pages, which gate many APIs.", "key_ideas": [ { "term": "Web standard", "meaning": "A specification maintained by a body such as the IETF, W3C or WHATWG. Browsers implement them at different times and with different completeness." }, { "term": "Secure context", "meaning": "A page served over HTTPS (or localhost). Many powerful APIs, such as service workers and geolocation, are available only there." }, { "term": "Progressive enhancement", "meaning": "Building a page that works with basic features and adds capabilities where the browser supports them." }, { "term": "Same-origin policy", "meaning": "A browser rule that restricts how a document from one origin may interact with resources from another; CORS relaxes it deliberately." }, { "term": "Request and response headers", "meaning": "Key-value metadata that accompanies every HTTP message: content type, caching, authentication, cookies and security policy." }, { "term": "Flexbox and Grid", "meaning": "CSS layout systems: Flexbox arranges items along one axis, Grid in two dimensions." }, { "term": "Framework vs library", "meaning": "A library is called by your code; a framework calls your code and imposes structure. React is usually described as a library, Angular as a framework." } ], "pitfalls": [ "Assuming a feature works everywhere because it works in one browser. Check compatibility data and have a fallback.", "Setting security headers (CSP, HSTS) without testing; a restrictive policy can break the site or a permissive one gives false comfort.", "Choosing a framework by popularity alone instead of by the team's skills and the app's needs.", "Treating localStorage as secure storage. Any script on the page can read it." ], "agent_tips": [ "Give the specification or MDN reference for a feature and state the support level (baseline, experimental).", "Recommend security headers as a set (HSTS, CSP, X-Content-Type-Options, Referrer-Policy) and explain each one's purpose.", "When comparing frameworks, state the criteria (learning curve, ecosystem, performance model) and avoid declaring a winner." ], "start_with": [ "http-request-headers", "css-layout-systems" ] } }, "datasets": [ { "id": 1006, "slug": "web-accessibility-patterns", "title": "Accessible Interface Pattern Checklist", "description": "Keyboard, focus, and semantic requirements for common browser interface patterns.", "tags": "web-technologies,web accessibility patterns,reference,engineering", "view_count": 0, "created_at": 1791799200, "entry_count": 10, "summary": "Keyboard, focus, and semantic requirements for common browser interface patterns. Each row includes a practical application and a failure to check before using it." }, { "id": 1004, "slug": "http-security-headers", "title": "Browser Security Headers Reference", "description": "Security-related HTTP response headers, small example policies, and deployment checks for ordinary websites.", "tags": "web-technologies,http security headers,reference,engineering", "view_count": 0, "created_at": 1791799200, "entry_count": 10, "summary": "Security-related HTTP response headers, small example policies, and deployment checks for ordinary websites. Each row includes a practical application and a failure to check before using it." }, { "id": 1, "slug": "browser-web-apis-reference", "title": "Browser Web APIs Reference", "description": "Essential browser APIs: Fetch, WebSocket, Service Workers, Web Storage, Geolocation, Canvas, WebGL, Notifications, Clipboard.", "tags": "javascript,browser,api,websocket,fetch,service-worker,webgl", "view_count": 0, "created_at": 1783090350, "entry_count": 12, "summary": "Browser Web APIs by category with their purpose, basic usage, support and related APIs: Fetch, WebSocket, service workers, Web Storage, IndexedDB, geolocation, Canvas, WebGL, notifications, clipboard, history and Intersection Observer." }, { "id": 2, "slug": "css-layout-systems", "title": "CSS Layout Systems Reference", "description": "Modern CSS layout systems: Flexbox, CSS Grid, Multi-column, Positioning, and Container Queries with specifications and use cases.", "tags": "css,layout,web,frontend,responsive", "view_count": 0, "created_at": 1783090350, "entry_count": 8, "summary": "CSS layout systems with their specification, axis, use case and browser support: Flexbox, CSS Grid, float-based layout, positioning, multi-column and container queries, extended with subgrid and table layout." }, { "id": 3, "slug": "css-preprocessors-modern-css", "title": "CSS Preprocessors & Modern CSS Features", "description": "Sass/SCSS, Less, Stylus features; modern CSS (CSS Variables, Grid, Flexbox, Container Queries, Cascade Layers).", "tags": "css,sass,less,modern-css,preprocessors,layout", "view_count": 0, "created_at": 1783090350, "entry_count": 10, "summary": "CSS preprocessors and the modern CSS features that replaced many of their uses: Sass/SCSS, Less, Stylus, custom properties, Grid, Flexbox, container queries, cascade layers, logical properties and the flexbox gap, each with key features, example code and notes." }, { "id": 4, "slug": "http-methods", "title": "HTTP Methods", "description": "Complete reference of HTTP methods with descriptions and typical use cases.", "tags": "web,http,methods,api,rest", "view_count": 0, "created_at": 1783090350, "entry_count": 9, "summary": "The nine HTTP request methods with a description and whether the request carries a body: GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS, TRACE and CONNECT." }, { "id": 5, "slug": "http-protocol-evolution", "title": "HTTP Protocol Evolution: HTTP/1.1 to HTTP/3", "description": "The evolution of HTTP from HTTP/1.1 through HTTP/2 to HTTP/3 (QUIC): key differences, performance implications, migration strategies, and adoption status.", "tags": "http,http2,http3,quic,protocol,performance,networking,tls", "view_count": 0, "created_at": 1783090350, "entry_count": 3, "summary": "The evolution of HTTP from HTTP/1.1 to HTTP/2 and HTTP/3: year, transport, RFC, key features, limitations, performance tips and adoption for each version." }, { "id": 6, "slug": "http-request-headers", "title": "HTTP Request Headers", "description": "Common HTTP request headers and their purposes.", "tags": "web,http,headers,request,api", "view_count": 0, "created_at": 1783090350, "entry_count": 20, "summary": "Common HTTP request headers with a description and an example value: Accept, Accept-Language, Accept-Encoding, Authorization, Cache-Control, Content-Type, Cookie, Host and User-Agent, plus Origin, Referer, Range, conditional headers and proxy headers." }, { "id": 7, "slug": "http-response-headers", "title": "HTTP Response Headers", "description": "Common HTTP response headers and their purposes.", "tags": "web,http,headers,response,api", "view_count": 0, "created_at": 1783090350, "entry_count": 22, "summary": "Common HTTP response headers with a description and an example value: Content-Type, Content-Length, Cache-Control, Set-Cookie, ETag, Location and CORS headers, plus the security headers HSTS, CSP, X-Content-Type-Options, Referrer-Policy and Permissions-Policy." }, { "id": 1005, "slug": "json-schema-keywords", "title": "JSON Schema 2020-12 Keyword Reference", "description": "Core validation and composition keywords in JSON Schema 2020-12, with compact examples and traps.", "tags": "web-technologies,json schema keywords,reference,engineering", "view_count": 0, "created_at": 1791799200, "entry_count": 16, "summary": "Core validation and composition keywords in JSON Schema 2020-12, with compact examples and traps. Each row includes a practical application and a failure to check before using it." }, { "id": 8, "slug": "javascript-frameworks-comparison", "title": "JavaScript Frameworks Comparison (React, Vue, Angular, Svelte)", "description": "Compare modern JS frameworks: React (component-based, virtual DOM), Vue (progressive, approachable), Angular (enterprise, TypeScript-first), Svelte (compiler-based, no runtime).", "tags": "javascript,react,vue,angular,svelte,frameworks,frontend", "view_count": 0, "created_at": 1783090350, "entry_count": 4, "summary": "A comparison of React, Vue, Angular and Svelte by type, paradigm, key features, strengths, weaknesses, learning curve, use cases and ecosystem notes." }, { "id": 1007, "slug": "css-layout-recipes", "title": "Responsive CSS Layout Recipes", "description": "Small CSS patterns for resilient columns, readable text, scrollable data, and mobile controls.", "tags": "web-technologies,css layout recipes,reference,engineering", "view_count": 0, "created_at": 1791799200, "entry_count": 10, "summary": "Small CSS patterns for resilient columns, readable text, scrollable data, and mobile controls. Each row includes a practical application and a failure to check before using it." }, { "id": 9, "slug": "web-api-standards", "title": "Web API Standards Reference", "description": "Modern web API standards: Fetch API, WebSockets, WebRTC, Web Workers, Service Workers, and WebAssembly with specs and use cases.", "tags": "web,api,standards,reference", "view_count": 0, "created_at": 1783090350, "entry_count": 14, "summary": "Web platform API standards with the specification that defines each and a short description: Fetch, WebSockets, WebRTC, Web Workers, Service Workers and WebAssembly, extended with WebAuthn, WebTransport, Server-Sent Events, Streams, IndexedDB, Web Components, WebGPU and the Push API." } ] }