Advanced PWA

Advanced Progressive Web App techniques

pwa, service worker, caching, push notifications, web app manifest

Bootstrap

Popular CSS framework

bootstrap, css, responsive, framework

Contentful | CheatSheets Hub

Headless CMS platform. Contentful is API-first and framework-agnostic

contentful, headless cms, api-first

CSS Accessibility Checklist

Ensure styles meet contrast, focus, and motion-friendly guidelines

css, accessibility, contrast, focus

CSS Container Queries Primer

Use container queries to adapt components based on parent size.

css, container queries, responsive design

CSS Container Variables

Set CSS variables within container queries to adjust styles.

css, container

CSS Grid Areas

Assign names to grid cells for flexible layouts

css grid, grid areas, layout

CSS Grid Boilerplate

Use repeat, minmax, and auto-fit for robust grid templates.

css grid, layout, responsive

CSS Responsive Grid

Design layouts that adapt with `auto-fit` + `minmax`.

css grid, responsive

CSS Utility-first Systems

Define consistent utility classes with naming, spacing, and color tokens.

css, utility

Frontend Metric Packs

Track FCP, LCP, CLS, TBT, and interactions

web vitals, frontend metrics

GKE Auto Scaler 12

Tune HPA/Cluster Autoscaler

gke-auto-scaler-12.html, cheatsheet

GKE Auto Scaler 2

Tune HPA/Cluster Autoscaler

gke-auto-scaler-2.html, cheatsheet

GKE Auto Scaler 22

Tune HPA/Cluster Autoscaler

gke-auto-scaler-22.html, cheatsheet

GKE Auto Scaler 32

Tune HPA/Cluster Autoscaler

gke-auto-scaler-32.html, cheatsheet

GKE Auto Scaler 42

Tune HPA/Cluster Autoscaler

gke-auto-scaler-42.html, cheatsheet

HTML & CSSPage Title

Essential HTML tags and CSS properties

html, css, web development, frontend

HTMX

HTMX attributes, examples, and patterns for building modern web apps with hypermedia

htmx, hypermedia, ajax, web development, html, interactive

HTTP Status Codes | CheatSheets Hub

HTTP response status codes reference. Understand HTTP response codes

http, status codes, web development

Magento | CheatSheets Hub

Enterprise e-commerce platform. Magento is best for large-scale enterprises

magento, adobe commerce, ecommerce

Progressive Web Apps | CheatSheets Hub

Build installable web applications. Test PWAs with Lighthouse in Chrome DevTools

pwa, progressive web app, service worker

Sass/SCSS

CSS preprocessor guide

sass, scss, css, preprocessor

Shopify | CheatSheets Hub

E-commerce platform. Use Shopify apps to extend functionality

shopify, ecommerce, online store

Strapi | CheatSheets Hub

Headless CMS. Strapi provides both REST and GraphQL APIs

strapi, headless cms, nodejs

Tailwind CSS

Utility-first CSS framework

tailwind, css, utility, frontend

Tailwind Dark Mode

Use Tailwind's dark variant with class toggles to support themes.

tailwind, dark mode

Tailwind Layered Gradients

Stack backgrounds and overlays to create depth.

tailwind, gradient

Tailwind Plugin Primers

Install and configure Tailwind plugins to extend the utility set.

tailwind, plugin

Vitest | CheatSheets Hub

Fast Vite-native unit testing. Vitest is 10x faster than Jest for Vite projects

vitest, testing, vite, unit tests

WAF Rule Optimization

Tune WAF managed rules, rate limits, and regex to block threats while minimizing false positives.

waf, security

WAF Rule Optimization (Batch 8)

Tune managed rules, rate limits, and custom regex patterns.

waf, security

WebSocket Security

Secure WebSocket connections

websocket, wss, security

WebSockets | CheatSheets Hub

Real-time bidirectional communication. Consider Socket.io for easier WebSocket implementation

websockets, real-time, communication

WooCommerce | CheatSheets Hub

WordPress e-commerce plugin. WooCommerce powers 28% of online stores

woocommerce, wordpress, ecommerce