v3.18.1

   🐞 Bug Fixes

• AI-LLM:
  • LangChain modules and examples  -  by @sabertazimi (582eb)
• AI-MLP:
  • Multilayer perceptron  -  by @sabertazimi (2e16b)
• AI-library:
  • Glarity summaries copilot extension  -  by @sabertazimi (6cd62)
  • WebChatGPT extension  -  by @sabertazimi (869e5)
  • Coding copilot tools  -  by @sabertazimi (7e9e0)
• AI-platform:
  • API links  -  by @sabertazimi (2d982)
• AI-residual:
  • ResNet keynotes  -  by @sabertazimi (d1067)
  • Residual connection for gradient propagation  -  by @sabertazimi (b5eb6)
• AI-transformer:
  • $XX^T$ and $\sqrt{d_k}$ tips  -  by @sabertazimi (f355b)
  • Code snippet for multi-head attention  -  by @sabertazimi (42c48)
  • Matrix manipulation  -  by @sabertazimi (41446)
  • QKV internal understanding  -  by @sabertazimi (e7351)
  • Add transformer architecture figure  -  by @sabertazimi (ec602)
  • Positional encoding mechanism  -  by @sabertazimi (e3c5c)
  • Spotlight of transformer architecture  -  by @sabertazimi (e4b43)
  • Multi-head attention mechanism  -  by @sabertazimi (1b14c)
• HTML-ARIA:
  • dialog ARIA Role  -  by @sabertazimi (efb78)
• css:
  • Fluid type and space scale design tokens  -  by @sabertazimi (45dc1)
  • Object-fit for replaced element  -  by @sabertazimi (1c7db)
• css-design:
  • Logo system  -  by @sabertazimi (374da)
  • Pronouns selector and mobile apps  -  by @sabertazimi (67e02)
  • Design token variants  -  by @sabertazimi (afa79)
  • CSS design tokens example  -  by @sabertazimi (a4348)
• css-nesting:
  • Nesting syntax  -  by @sabertazimi (f0d3a)
• css-scope:
  • @scope at-rule  -  by @sabertazimi (ef3a1)
• html-input:
  • Input types  -  by @sabertazimi (9aa2a)
• js-engine:
  • Object structure in v8 engine  -  by @sabertazimi (335e2)
• js-object:
  • Deep clone with structuredClone  -  by @sabertazimi (a07e7)
• js-perf:
  • Dangerous performance cheating hacks  -  by @sabertazimi (c06e1)
• latex:
  • Update tutorial link  -  by @sabertazimi (72d5a)
• node-GraphQL:
  • Advantages of GraphQL over RESTful API  -  by @sabertazimi (e773c)
• react:
  • Demystifying styled components  -  by @sabertazimi (8dfb3)
• react-hooks:
  • Update effect callback on deps change  -  by @sabertazimi (15ea6)
• react-server:
  • Non-standardized data-fetching in meta-frameworks  -  by @sabertazimi (eaa87)
  • Server Components under the hood  -  by @sabertazimi (b6d82)
  • use client directive  -  by @sabertazimi (1ed6e)
  • RSC virtual DOM mental model  -  by @sabertazimi (3d68a)
  • RSC reference links  -  by @sabertazimi (06d6c)
• security-library:
  • XSS sanitizer  -  by @sabertazimi (ce039)
• thml-image:
  • loading attribute of img tag  -  by @sabertazimi (0e0fd)
• web-canvas:
  • Off-screen canvas for web workers  -  by @sabertazimi (f6510)
• web-library:
  • Icons library links  -  by @sabertazimi (66798)
  • Component library  -  by @sabertazimi (dad8c)
  • Color library  -  by @sabertazimi (e001c)
  • Gradient tool  -  by @sabertazimi (1b10f)
  • Images lightbox gallery library  -  by @sabertazimi (aa1bd)
  • 2D and 3D rendering engines for web  -  by @sabertazimi (7d080)
  • DaaS and BaaS platforms  -  by @sabertazimi (a8ed3)
  • Web analytics tool  -  by @sabertazimi (b9399)
  • Semantic-release GitHub action  -  by @sabertazimi (50898)
  • Terminal and console emulator library  -  by @sabertazimi (4f7ab)
  • Remove obsoleted state management libraries  -  by @sabertazimi (59ef4)
  • Remove obsoleted slide and presentation librarie  -  by @sabertazimi (b04e3)
  • Dependencies graphs generator  -  by @sabertazimi (8d3ff)
  • QuickJS JavaScript Engine  -  by @sabertazimi (15daf)
  • Val.town website  -  by @sabertazimi (810a6)
  • Blazing fast immutable library  -  by @sabertazimi (99fb2)
  • Awesome cloudflare resources  -  by @sabertazimi (a8cef)
  • Low-code form editor  -  by @sabertazimi (8b27a)
  • Web analytics and monitoring tools  -  by @sabertazimi (936af)
  • Codium code copilot  -  by @sabertazimi (b98ad)
  • CSS-in-JS library  -  by @sabertazimi (ccb1f)
  • Form library  -  by @sabertazimi (4a7fc)
  • Material-tailwind tool  -  by @sabertazimi (810a6)
• web-perf:
  • INP has replaced FID as Core Web Vitals  -  by @sabertazimi (656e1)

##...

v3.18.0

   🚀 Features

• AI-transformer: Self-attention mechanism  -  by @sabertazimi (23c5a)
• ai-library: AI copilot  -  by @sabertazimi (48f66)
• math-AI: Start to learn AI basic knowledge  -  by @sabertazimi (288e4)

   🐞 Bug Fixes

• deps: Update dependencies (non-major)  -  by @renovate[bot] in #502 (3b238)

   🏎 Performance

• [ImgBot] optimize images  -  by @imgbot[bot] and ImgBotApp in #506 (0bd3d)

    View changes on GitHub

v3.17.1

No significant changes

    View changes on GitHub

v3.17.0

Changelog

All notable changes to this project will be documented in this file. See commit-and-tag-version for commit guidelines.

🎉 3.17.0 (2024-03-26)

✨ Features

• eslint: switch to eslint flat configuration (#490) (7ab6407)

✨ Today I Learned

• cs-math: point calculation (f0f18f4)
• css: media query changes listener (e04e2a9)
• css: use shorthand inset (#413) (2692a43)
• design patterns: more use case (baeb1fd)
• github-copilot: tips and best practices (0871717)
• html-head: all sizes of favicons (7ce4429)
• js-URL: download files (857601c)
• library: tidy up (d9da265)
• linux-wsl: http proxy for GitHub CLI (b40cf81)
• node-pnpm: ship to pnpm (2e4c688)
• node.js: exports field for public API (26bb795)
• web-css: color palettes with color-mix() function (794eccb)
• web-css: fifty-fifty two column pattern (48f5dc5)
• web-css: prefer color scheme (e1d135e)
• web-js: formData API usage (956bd15)
• web-js: prefer userEvent for testing (50ad2b8)
• web-library: dashboard and search library (350ec3f)
• web-library: emoji (3ce6951)
• web-library: full-stack Next.js app generator (4c491d0)
• web-library: headless command menu (7ef3347)
• web-library: Monaco for React (ea08da6)
• web-library: origin private file system (3675112)
• web-library: react video player (d7f59ed)
• web-library: tons of web components (72df217)
• web-library: tons of web components (ac3dbea)
• web-library: WebRTC library (2592f08)
• web-ts: modern TypeScript configuration (74dde29)

🐛 Bug Fixes

• deps: update dependencies (non-major) (#417) (f5bb6a5)
• deps: update dependencies (non-major) (#424) (ef43e58)
• deps: update dependencies (non-major) (#429) (0202482)
• deps: update dependencies (non-major) (#456) (c45d283)
• deps: update dependencies (non-major) (#458) (05ab0bc)
• deps: update dependencies (non-major) (#465) (734a6cb)
• deps: update dependencies (non-major) to v3.1.0 (#476) (bb05d6b)
• deps: update dependencies (non-major) to v3.1.1 (#481) (adcc6ba)
• deps: update dependency katex to ^0.16.8 (#437) (bb8fd51)
• deps: update dependency rehype-katex to v7 (#459) (f06991d)
• deps: update dependency remark-math to v6 (#460) (0dd39ea)
• deps: update docusaurus monorepo to v3 (major) (#470) (aa8434d)
• lift up blog link (16a7aca)
• remove useless link (2aebc79)
• website: remove legacy imports style (4adc705)

v3.16.1

Changelog

All notable changes to this project will be documented in this file. See commit-and-tag-version for commit guidelines.

🎉 3.16.1 (2023-03-08)

🐛 Bug Fixes

• deps: update dependency @easyops-cn/docusaurus-search-local to ^0.35.0 (#409) (cf38602)

✨ Today I Learned

• css-scrollbar: scrollbar custom app (ea3a52b)
• git-gpg: git gpg configuration (b400029)
• git: git configuration files (1f8302c)
• js-promise: global rejection handling (0c6b4c2)
• js-promise: returning values from finally() (d3320df)
• library: chat bot (71f0b02)
• linux-git: git alias configuration (4e214b2)
• linux-wsl: gzip bug for windows 11 (2826967)
• linux-zsh: zsh nvm plugin (1cba498)
• linux: wsl and git configuration (fe0fe15)
• web-css: container style query (cee9da0)
• web-jamstack: islands architecture implementation (c0fa8b2)
• web-library: CRUD TypeScript framework (160c8f7)
• web-library: Node.js toolbox (b4c956d)
• web-library: React simple code editor (d1615a4)
• web-library: toast component (4a72378)
• web-library: ts reset (758ed43)

🚀 Building Work

• change release tool (456fcf1)

v3.16.0

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

🎉 3.16.0 (2022-09-18)

🐛 Bug Fixes

• deps: update dependencies (non-major) (#350) (129012f)
• deps: update dependencies (non-major) (#351) (57667ba)
• deps: update dependencies (non-major) (#357) (6a458c7)
• deps: update dependencies (non-major) (#359) (5b5edfe)
• deps: update dependency katex to ^0.16.1 (#356) (38f3168)
• eslint-WSL: remove ts import to avoid memory leakage (8695c38)

⚡ Performance

• [ImgBot] optimize images (#358) (678b662)

✨ Features

• vue: start to read vue.js internals book (63b0f39)

✨ Today I Learned

• css-animation: reduced motion styles (d05421c)
• css-design: component UX design patterns (bbb3975)
• css-design: UX checklist (0f616b6)
• css-layer: advanced [@layer](https://github.com/layer) syntax (f1f2129)
• css-layer: layer priority (d03b21e)
• css-media: display-mode media query (49195af)
• css-media: prefers-contrast media query examples (24783b6)
• css-media: foldable device media query (2a6afb4)
• css-property: [@property](https://github.com/property) rule fallback (4cfe77a)
• css-scrolling: scroll port and item properties (ac8d292)
• css-scrolling: scroll snap for scroll item (885b466)
• css-variables: space toggle tip (2c417f4)
• css: css feature detection (8e34493)
• css: reduced motion query (d650b12)
• css: responsive image object style (05553dd)
• git-bisect: git bisect current commit (6b5b32b)
• git-log: log full history (189cb62)
• git-objects: git objects store (efc0a83)
• git-objects: git objects store commands (34cf738)
• git-proxy: make git proxy great again (7b7fd0d)
• git: git bisect command (c7b0a58)
• git: git internals (156bddb)
• git: git packfiles (b37f9d0)
• html-form: one-time-code autocomplete input (9ddbfb6)
• html-form: form [autocomplete] attribute (4e2993d)
• html-form: form validation guide (a4aa4d7)
• html-form: fully autocomplete attribute list (906e6ba)
• html-form: html form enctype example (b94ee2e)
• html-form: payment form (4fc1d45)
• js-animations: web animations JavaScript API (88ee2fd)
• js-devices: web devices-related platform API (14c21bf)
• js-devtools: console utilities API (d915855)
• js-DOM: HTML attributes for DOM properties (4052ba5)
• js-functional: immutable data structure (b401923)
• js-payment: web payment platform API (0ea8a91)
• js-performance: video pre-loading (f41cbb0)
• js: get default HTML attribute (7a6e00d)
• linux-ffmpeg: media conversion via FFmpeg (78349ae)
• node-debugging: node debugging cli options (da2a83f)
• node: nodejs.dev new website (413c2e8)
• react-effect: useEffect usage guide (cd6b222)
• react-effect: cleanup API fetching race condition (58443c0)
• react-effect: cleanup fetching race condition (a31131f)
• react-effect: event handler not an effect (4f59cb1)
• react-effect: remove stable value from deps list (dfbc921)
• react-effect: strict mode for cleanup effects (f2e06e0)
• react-effect: you might not need effects (f239753)
• react-hooks: useEvent get latest snapshot (3536ba9)
• react-hooks: useEvent hook mind model (983c76d)
• react-hooks: useEvent upside (f3833b8)
• react-hooks: useLayoutEffect invoke timing (8aed664)
• react-hooks: primitive deps list (9d1bfc3)
• react-hooks: ref for latest value ([e5498f9](https://github.com/sabertazimi/awesome-no...

v3.15.0

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

🎉 3.15.0 (2022-08-05)

✨ Features

• devops-clean: clean architecture basic notes (125203d)

✨ Today I Learned

• cs-algorithm: sorting algorithm (5d1637f)
• css-animation: transition directions (80502f0)
• css-box: BFC containing feature (1504540)
• css-button: modern buttons (684b84f)
• css-design: pricing page design principles (dc99db9)
• css-DPR: pixel order for Retina device (b8e5e89)
• css-DPR: viewport scale for pixel border (1ea6c0a)
• css-filter: one line dark mode effect (c3f2c25)
• css-flex: flex-shrink calculation details (dde99ef)
• css-inheritance: inheritable CSS property (c98b11b)
• css-layout: centering pattern (475e88e)
• css-marker: ::marker pseudo element (f2beb0f)
• css-scroll: scroll bar located in padding box (5b55929)
• css-SVG: SVG filter guide (f83f395)
• css: ::first-letter properties (f3d7213)
• css: aspect-ratio for images (515fafb)
• css: button normalize styles (75361db)
• css: disable auto scale for responsive design (ebccd66)
• css: logical properties (6e96936)
• devops-arch: clean architecture (6b526e8)
• devops-architecture: dependencies stability (f46e685)
• devops-code: bad code smell (21087b4)
• devops-code: fan-in and fan-out code (2a3ed1c)
• devops-code: interface segregation principle (4903058)
• devops-code: object-oriented programming paradigm (11a49c3)
• devops-code: programming paradigms limits (4b04da1)
• devops-code: single responsibility for exception handling (f9ab211)
• devops-refactor: basic refactoring methods (9122722)
• devops-refactor: condition and API refactoring (8f859b0)
• devops-refactor: encapsulation (b523e67)
• devops-refactor: extract class (20d10ff)
• devops-testing: testing required attributes (a5f9cd6)
• git-GPG: GPG fix for WSL 2 (4a0dddf)
• git-GPG: GPG program configuration (341202b)
• git-GPG: update existing GPG key (08f0b96)
• git: GPG key (639d246)
• js-array: array reduce value (b216543)
• js-class: class details (59e2d81)
• js-class: ES5 vs ES6 inheritance (7619fdc)
• js-closure: closure variables memory storage (f0bc9d3)
• js-delete: return value of delete operator (ff96c3b)
• js-devops: hot module replacement (9c9eb29)
• js-event: composition IME input event (7d6604e)
• js-event: event handler phase (0515583)
• js-function: new constructor invocation (b21abe4)
• js-function: arrow function prototype is undefined (e2d7147)
• js-function: arrow function can't be generator function (41b2eee)
• js-function: execution context and stack (4941148)
• js-function: function invocation priority (52a1a48)
• js-function: rest function parameter (74c3c63)
• js-module: ES module static feature (c9a6b41)
• js-module: ES6 exports live reference (680b019)
• js-object: object keys functions (a7cbf2a)
• js-object: object keys order (9335c25)
• js-object: object keys under the hood (7836e85)
• js-performance: GIF image beacon (7de37d9)
• js-performance: HTTP cache (3891159)
• js-promise: promise finally, all and any polyfill (664b068)
• js-proxy: proxy features over defineProperty (cd2fb65)
• js-type: primitive type coercion methods (d8ae3df)
• js-webpack: webpack build performance (87ec5ba)
• js-webpack: webpack workflow (8aa0940)
• js: await in event loop (0290098)
• js: `in...

v3.14.0

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

🎉 3.14.0 (2022-06-28)

✨ Features

• web-security: web security basic notes (f6fc104)

🐛 Bug Fixes

• deps: update dependency @easyops-cn/docusaurus-search-local to ^0.27.2 (#336) (f6c9ee4)

✨ Today I Learned

• css-at rule: [@container](https://github.com/container) style query (82ab6de)
• css-layout: position impact on display items (46c18fd)
• css-media: media queries level 4 syntax (c0cfb8f)
• css-normalize: modern normalize styles (05d81c8)
• css-pseudo: pseudo element click area (8111633)
• css-selector: :has() selector (6d757c3)
• css-shapes: bars line shape (303360b)
• css-text: text wrapping and word breaking (b5b07f4)
• css: 3D perspective transform parallax effect (e3e3cee)
• js-comparison: loose comparison algorithm (851f245)
• js-CORS: GET cross origin request (005c548)
• js-iframe: <iframe> sandbox security attribute (9c7ce95)
• js-performance: lazy loading scripts (497d83c)
• js: AJAX cross origin request (81afa9c)
• network-CORS: cross origin resource sharing (78324a9)
• network-HTTP: HTTP/3 details (067b80f)
• network-security: HTTP strict transport security (e06e22b)
• network-security: HTTPS nginx configuration (45ae023)
• react-hooks: useId internal (a161c65)
• react-SSR: React SSR guide (1e022a8)
• react-SSR: React SSR hydration warning (3ae3026)
• security-CSP: content security policy (bc2aa70)
• security-CSP: content security policy configuration (3d8bc03)
• security-CSRF: client side local long-lifetime cookie attack (605351f)
• security-CSRF: CSRF attack methods (64679b5)
• security-CSRF: CSRF protection (4d3c837)
• security-CSRF: CSRF protection (29d8886)
• security-CSRF: CSRF sensitive action protection (514971e)
• security-CSRF: http request protection (7d3881e)
• security-CSRF: salt token protection (db6c942)
• security-DDoS: distributed denial of service attack and (fb905dd)
• security-DoS: denial of service protection (032c2d6)
• security-DoS: DoS protection (95bf1eb)
• security-HTTP: HTTP header injection attack (ca1d82e)
• security-HTTP: secure HTTP headers (a426e1a)
• security-injection: command injection (608b887)
• security-injection: file upload injection (a2ad111)
• security-injection: file upload protection (f8c7709)
• security-injection: HTTP header injection protection (6c0b4a5)
• security-injection: remote command injection (4883dac)
• security-injection: SQL injection protection (c8becae)
• security-injection: user input validation (ac3cb33)
• security-model: threat and risk analysis model (9c98702)
• security-network: web storage same origin policy (7eb4b2b)
• security-origin: same origin policy (f500a51)
• security-password: password management (792f9cc)
• security-password: password security (765f19c)
• security-principles: security principles (66c79d0)
• security-programming: defensive programming (3fa8499)
• security-session: session fixation protection (5b51406)
• security-session: session hijacking protection (ef5edc0)
• security-session: session protection (b8f0ff0)
• security-vulnerability: security vulnerability (5974c67)
• security-XML: XML bombs and external entities protection (b23e132)
• security-XSS: consistent encode protection (e61e790)
• security-XSS: DOM XSS injection (9ef5f8d)
• security-XSS: HTML5 XSS attack tags (41d6d33)
• security-XSS: secure encode protection (0e74724)
• security-XSS: XSS attack HTML tags (6882e80)
• security-XSS: XSS attack methods ([f656767](https://github.com/sabertazimi/awesome-notes/...

v3.13.0

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

🎉 3.13.0 (2022-06-21)

✨ Features

• ts: review TypeScript notes (7d0ee16)

🐛 Bug Fixes

• deps: update dependencies (non-major) (#335) (954ecbe)

⚡ Performance

• [ImgBot] optimize images (#334) (24b3c51)

✨ Today I Learned

• css-a11y: graceful degradation (af85259)
• css-animation: animatable CSS properties (0faba0c)
• css-animation: mask fade text (3610752)
• css-animation: transform and transition 101 guide (1376f06)
• css-background: background attachment details (097176e)
• css-background: background color initial value and layer order (e27bd80)
• css-background: prevent background and border overlapping (2d70014)
• css-border: fancy gradient border (3392105)
• css-border: multiple borders (a5052cf)
• css-calc: broken calc() due to whitespace (ae2c241)
• css-color: color-scheme property (6839126)
• css-components: CSS tricks refernece (ed954d6)
• css-design: data visualization design examples (14f3aff)
• css-design: home page UX experience (5ac5c7a)
• css-doodle: css grid doodle library (e7c82a8)
• css-filter: SVG glitch filter (3d89d01)
• css-flex: flex-direction effect on flex alignment (d2e5b14)
• css-flex: auto margin flex items alignment (efc6831)
• css-flex: flex flow effect on flex alignment (8468116)
• css-flex: flexbox alignment guide (bbfa852)
• css-float: float layout details (762c7f0)
• css-font: relative percentage font size (a4ad93c)
• css-font: responsive font size (385275a)
• css-gradient: radial-gradient dots (0359496)
• css-gradient: snowflake noise signal via repeating-radial-gradient (43459cb)
• css-grid: grid auto repeat size (09b129b)
• css-grid: grid item automatic minimum size (d8ff5ab)
• css-grid: grid pseudo elements usage (e0902f2)
• css-grid: grid pseudo elements usage (847a3cd)
• css-grid: grid system (bf1a0b0)
• css-houdini: animated background gradient via [@property](https://github.com/property) (3eb8d5c)
• css-layout: float three column details (9233557)
• css-layout: layout examples (fcaae36)
• css-layout: layout height alignment (ec0b1bb)
• css-layout: layout reference (98bcdf6)
• css-layout: vertical centering tricks (04a1c8f)
• css-link: styling link (727920f)
• css-list: styling lists (05ab627)
• css-margin: margin collapse (0aa2f12)
• css-object: replaced object styles (365b984)
• css-order: HTML source order vs CSS display order (5fd0a08)
• css-outline: outline details (13c2d2f)
• css-performance: content-visibility and contain-intrinsic-size (d106050)
• css-performance: CSS performance triggers (ae74bda)
• css-position: sticky position scrolling index (f387e04)
• css-resize: image comparison slider (ce022ff)
• css-scroll: horizontal scrolling styles (42b3518)
• css-selector: nth selector calculation (c40ab9d)
• css-shadow: multiple shadow support (6385fce)
• css-shadow: unique feature of drop shadow (f98a3ed)
• css-shape: clip-path usage (803d092)
• css-shape: background gradient shapes (4841fc2)
• css-shape: pseudo element shape usage roundup (c270ea7)
• css-specificity: :not(), :is(), :has() specificity (5050ec5)
• css-specificity: specificity increasing trick (eb59cab)
• css-spinner: spinner implementation (d6d9ae1)
• css-SVG: SVG size (9a47caf)
• css-SVG: SVG SMIL animation (bf8d644)
• css-SVG: SVG stroke dash array (85d31fe)
• css-table: table ...

v3.12.0

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

🎉 3.12.0 (2022-06-14)

✨ Features

• css: add CSS notes (cfe3dfd)
• css: advanced CSS tricks (bd87541)
• js: add JavaScript notes (498fd1c)
• react: add React hooks and advanced notes (e3765d0)
• vue: add vue advanced notes (87f8cfb)

🐛 Bug Fixes

• deps: update dependencies (non-major) (#330) (4cdf297)

⚡ Performance

• [ImgBot] optimize images (#326) (68b44e3)
• [ImgBot] optimize images (#327) (c2483ff)
• [ImgBot] optimize images (#328) (28ad60f)
• [ImgBot] optimize images (#329) (3b761f9)
• [ImgBot] optimize images (#332) (72dd064)
• [ImgBot] optimize images (#333) (0aefd30)

✨ Today I Learned

• css-animation: animation direction (f823f1b)
• css-animation: animation effects (14e332d)
• css-animation: circular spin rotate animation (6b3f279)
• css-animation: dropdown and accordion animation (3e6c025)
• css-animation: typing text animation (b7314d0)
• css-animtion: simulate GIFs via step animated image sprites (8f11c2e)
• css-background: background-origin effects (2b23e49)
• css-background: background scroll view (eab0227)
• css-background: multiple background stacking (3ab3183)
• css-background: multiple backgrounds trick (6183d1b)
• css-blend: PS blending modes guide (2c3e527)
• css-blend: review blend mode (86c20a2)
• css-border: alpha and transparent border (6aa59dc)
• css-border: border radius shorthand property (45786d8)
• css-box: box-sizing reset styles (02896c2)
• css-box: BFC creation (e30edd9)
• css-box: BFC features (37c5e32)
• css-box: BFC overlapping (d7dffeb)
• css-box: box height normal flow (00a4df6)
• css-box: inline box model spacing adjustment (5ac06ef)
• css-box: margin collapse only happen to normal box layout (284d82a)
• css-box: percentage height calculation (e3db24a)
• css-color: hsl() color usage (156a02a)
• css-design: cicada principle (8d0f689)
• css-design: hit area (f9913bb)
• css-design: typography typeface reference (8c44b52)
• css-design: vertical repeation rhythms (a72738d)
• css-filter: backdrop-filter polyfill (eedd85c)
• css-filter: sun filter (cca7c08)
• css-filter: sun filter effect (079248b)
• css-flex: order initial value (d96473a)
• css-float: float and block formatting context (c79afe5)
• css-float: float box and line box (de27b55)
• css-float: float clear fix details (c25631c)
• css-font: font-display details (f384bed)
• css-font: font-size calculation (dcd0c14)
• css-footer: flexible sticky footer (d6f1973)
• css-form: <input /> simulation trick (dbbb3cc)
• css-form: form reset styles (677edd2)
• css-gradient: background gradient loading spinner (2211d46)
• css-gradient: color stop shorthand position 0 (bf4b782)
• css-gradient: implement corner shape via gradient (5165f65)
• css-grid: fraction of available space (928c355)
• css-grid: grid repeat() function (c7608c2)
• css-grid: grid auto flow gallery (52e2619)
• css-grid: grid layout basic concepts (4cd67b4)
• css-inline: inline box model and formatting context (0db7a96)
• css-inline: inline text vertical alignment details (8ad1366)
• css-layout: containing block for absolute/fixed element (45e07c0)
• css-layout: flex and `gr...