Skip to content

v3.13.0
Compare
Choose a tag to compare
@sabertazimi sabertazimi released this 21 Jun 19:11
· 1217 commits to main since this release
v3.13.0
81fa7cf

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

✨ 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 styling quick tips (23e92a5)
  • css-target: :target tab component (48a518a)
  • css-text: hidden text via text-indent (135ed7f)
  • css-text: text truncate box (45adbb1)
  • css-tooltip: tooltip component (f2f62d5)
  • css-transform: 3D perspective transform parallax effect (5298e4a)
  • css-transition: background images transition (a72fd55)
  • css-triangle: linear gradient arrow (912b4ad)
  • css-variables: contextual styling variables (57ee89e)
  • css-wave: border wave line (508618e)
  • css: :checked styling trick (a7a97c9)
  • css: :target and anchor styling trick (6654698)
  • css: blur and contrast filter fusion effect (8f6fa85)
  • css: chrome style tab (b59bf17)
  • css: CSS naming system and architecture (b625dfd)
  • css: gradient border (cb0da6e)
  • css: gradient box shadow (7a5f9d7)
  • css: gradient wave text (e57be17)
  • css: hover direction detection (c249b76)
  • css: prevent jittery scrollbar for content-visibility-auto (3b7d2e6)
  • css: scroll background gradient attachment (6e7bbcc)
  • css: spinner kit (c134987)
  • css: SVG path text (37cb6c1)
  • devops: nginx configuration (a0f750b)
  • html-form: <input> autofocus attribute (4536b4e)
  • html-form: input aria required (6731cd8)
  • html-form: auto complete <input> (1a42adf)
  • html-form: multiple type <input> (303e59d)
  • html-video: video embed tag (681e28a)
  • html: semantic HTML tags (3888dee)
  • js-abort: abort controller helpers (7ac4b46)
  • js-performance: data preloading (1f1df07)
  • js-security: sandbox implementation (489fe65)
  • js-testing: Jest plugins (2761e8e)
  • js-testing: native test runner (5f3d407)
  • js: babel define plugin (f0527db)
  • js: web streams API (e7a3305)
  • node-tools: volta CLI tool (ce4cc4d)
  • react: React component library patterns (13d60ba)
  • ts-const: const assertion readonly tuple (12cd491)
  • ts-generic: generic golden rule (80fc371)
  • ts-generic: generic types (9b67760)
  • ts-interface: call signature interface (c783c57)
  • ts-interface: interface extension (8850c8e)
  • ts-interface: interface function (2f88778)
  • ts-interface: interface implementation (a4078e0)
  • ts-namespace: no namespace except 3rd-party @types/* (0bfdd15)
  • ts-never: never exhaustiveness check (7a1f106)
  • ts-never: never in intersection and union types (e229e1e)
  • ts-performance: project reference build performance (41e0af8)
  • ts-tuple: tuple assignament (c3f08cf)
  • ts-types: index conditional type to access type members (34785e0)
  • ts-types: mapped conditional types (3df3277)
  • ts-types: template literal types (897a576)
  • ts: 3rd-party module types usage (348f1b1)
  • web-ARIA: W3C authoring practices guide (24bbf4d)
  • web-library: animation editor (1884198)
  • web-library: cloud IDE UI components (e8d9106)
  • web-library: color parsing and manipulation library (b0efa69)
  • web-library: comment system powered by GitHub discussion (a075775)
  • web-library: database library (e88eee9)
  • web-library: fastify full stack framework (2a2923b)
  • web-library: flamegraph profiling tool (c21ccf3)
  • web-library: full stack Deno framework (c35e6fe)
  • web-library: function argument validation library (c1d9623)
  • web-library: GitHub color palette tool (4ff5cac)
  • web-library: GitHub primer design system (906bfa0)
  • web-library: image crop tool (d398f7f)
  • web-library: mouse and touch gestures library (f397353)
  • web-library: puppeteer plugin framework (b41f1e0)
  • web-library: React command palette (0ccf299)
  • web-library: React PWA boilerplate (0533f34)
  • web-library: React switch component (72befc2)
  • web-library: scrollbar component (b506b43)
  • web-library: tailwindcss components (ae92618)
  • web-library: TypeScript hooks library (8c5f100)
  • web-library: video.js (64809d7)
Assets 2
Loading