Skip to content

v3.11.0
Compare
Choose a tag to compare
@sabertazimi sabertazimi released this 06 Jun 19:48
· 1529 commits to main since this release
v3.11.0
696e47e

Changelog

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

🎉 3.11.0 (2022-06-06)

✨ Features

🐛 Bug Fixes

  • deps: update dependencies (non-major) (#315) (84b690f)
  • deps: update dependency @easyops-cn/docusaurus-search-local to ^0.27.0 (#316) (2633c0d)

⚡ Performance

✨ Today I Learned

  • css-a11y: focusable areas (672f310)
  • css-alignment: place-* shorthand properties for alignment (a62d293)
  • css-animation: offset path animation (7dbb1f1)
  • css-animation: animation basic properties (7c24a08)
  • css-animation: animation properties (0353153)
  • css-animation: breath and clock animation (f1f735a)
  • css-animation: step timing function (05e17ac)
  • css-background: background-origin (bdf4b00)
  • css-background: background-size formal syntax (901f19c)
  • css-background: background styles (123cdb2)
  • css-blend: mix-blend-mode and background-blend-mode details (96c6dfd)
  • css-blend: pointer-events: none for pseudo blend element (84f8062)
  • css-blend: blend mode effects (7060fd9)
  • css-blend: blend mode list (1f59b0e)
  • css-border: border-image (3641fec)
  • css-border: border-radius detail property (f8b4c3f)
  • css-border: border-radius details (413d65f)
  • css-border: border-radius shape (d6f537f)
  • css-border: border radius calculation (7254787)
  • css-border: custom border style via border-image (a68c799)
  • css-box: box-shadow details (c2cadde)
  • css-box: intrinsic and extrinsic sizing (4a0aeeb)
  • css-break: break-inside details (680271b)
  • css-cascade: cascade order (72b998d)
  • css-clip: clip-path formal syntax (4ba23f6)
  • css-clip: fill-rule for clip-path element (738b15e)
  • css-color: accent-color property (f8eb6ec)
  • css-color: hwb() color (f63c563)
  • css-columns: multiple column layout (59fb057)
  • css-columns: multiple column properties (08e1da0)
  • css-cursor: grab and zoom cursor style (67d0ae6)
  • css-design: optimal line length is 50-75 (b5ceb1b)
  • css-effects: filter and blend effects (e024378)
  • css-filter: filter and backdrop-filter (0a6e4f8)
  • css-flex: flex shorthand property (00481be)
  • css-flex: flex shorthand property (a3d766d)
  • css-flex: flex alignment properties (dcae54a)
  • css-flex: flex flow and alignment (308aee4)
  • css-flex: flexbox children display changes (ec68614)
  • css-flex: flexbox margin alignment (7afb6ff)
  • css-flex: flexbox width calculation (f3e98e5)
  • css-font: font-kerning property (3305704)
  • css-font: font-stretch for font face (eeb57ca)
  • css-font: font-style slant angle (813025f)
  • css-font: font-variant related properties (f63b726)
  • css-font: unicode-range and local() for font performance (ff402c3)
  • css-font: woff2 and woff font family (46aa943)
  • css-font: font pre-loading (32a0d64)
  • css-font: font stack presets (bed2130)
  • css-font: font synthesis and variant controls (1564ee8)
  • css-font: new font-family (c076573)
  • css-font: system font stack presets (3adb425)
  • css-font: useful font-family (9b86e82)
  • css-gap: column, flex and grid layout gap properties (cdc45f8)
  • css-gradient: gradient functions (570e979)
  • css-gradient: linear, radial and conic gradient (381566c)
  • css-grid: complex grid layout shorthand properties (2b7499f)
  • css-grid: grid <repeat> types (c20194f)
  • css-grid: grid data types (dce99e6)
  • css-grid: grid layout property list (d0bbf50)
  • css-grid: grid line details (734811a)
  • css-grid: grid shorthand property (2730f63)
  • css-grid: implicit grid lines (680b404)
  • css-grid: implicit responsive grid layout properties (f3e56ae)
  • css-grid: structural grid related properties (971eac1)
  • css-hacks: browser hacks (737fc4d)
  • css-hacks: selector hacks (1dd0219)
  • css-houdini: houdini custom properties and values API (e0a79f6)
  • css-image: image-set() function example (a613368)
  • css-image: image-set() function for <image> data type (87a007c)
  • css-inset: logical inset property (74f5415)
  • css-layer: [@layer](https://github.com/layer) rule (b858c3f)
  • css-mask: mask properties (d34c9e7)
  • css-math: calc(), min() and max() function (90f4a74)
  • css-math: clamp math function (e07b227)
  • css-media query: prefers-reduced-motion media query (2c6bda5)
  • css-media: modern media query (6447b25)
  • css-object: object-fit property (5c47c0a)
  • css-outline: outline-offset (404f144)
  • css-outline: use outline to simluate background (abafc1b)
  • css-overflow: overflow: clip property (b117ec7)
  • css-performance: contain containment optimization (9586cac)
  • css-performance: high performance animation (ebc825c)
  • css-print: print device style (0acf49d)
  • css-reference: CSS quick reference (1886598)
  • css-responsive: tailwindcss fluid typography size (26c83c2)
  • css-scrolling: scroll-snap properties (d8a6321)
  • css-scrolling: custom scrollbar (0753d8d)
  • css-scrolling: scrolling related properties (f28e0c5)
  • css-selection: ::selection support styles (2f4be58)
  • css-shadow: text-shadow and box-shadow formal syntax (e43e54f)
  • css-shape: <basic-shape> data type (ee15ec7)
  • css-shape: inset() shape function (d84dc38)
  • css-shape: shape-outside related properties (1af2385)
  • css-shape: CSS shape (7d2c014)
  • css-shapes: polygon() shape (13a7a19)
  • css-shapes: draw grid line via linear-gradient (6496c05)
  • css-size: intrinsic size and extrinsic size (eee836d)
  • css-stacking: stacking context creation elements (9ad5dfc)
  • css-sticky: sticky position calculation block (bbbe4e3)
  • css-sticky: sticky position usage (1519ce4)
  • css-stylelint: stylelint plugins (9ceda3e)
  • css-supports: feature query via [@supports](https://github.com/supports) (d5760da)
  • css-svg: css rules and properties for SVG elements (3c14cf8)
  • css-text: <wbr> tag (5001741)
  • css-text: text-align-last and text-justify (4faf704)
  • css-text: text-align (8632558)
  • css-text: text-decoration style (421ccde)
  • css-text: text-emphasis property (411f467)
  • css-text: word-break for CJK text (1bf64df)
  • css-text: adjust tab size (608ad33)
  • css-text: disable text size automatic adjustment (e61f844)
  • css-text: punctuation types (b7de069)
  • css-text: text horizontal and vertical styles (2582a80)
  • css-text: text wrap for line-break and hyphens (b665cfd)
  • css-text: underline styles (6e1c42e)
  • css-touch: touch-action for mobile gestures (814a0cb)
  • css-transform: matrix() transform function (5b70486)
  • css-transform: transform affect on CSS layout (8236c19)
  • css-transform: basic transform functions (eb340b9)
  • css-transform: transform origin and individual transform (dc3acef)
  • css-transform: transform perspective (635c827)
  • css-transition: transition timing function (08fe759)
  • css-types: CSS data type formal syntax list (51016ab)
  • css-types: CSS data types (e9e9e23)
  • css-types: CSS value formal syntax on MDN (933f70d)
  • css-types: CSS value types list (0396c51)
  • css-value: global keyword values (e4b13f0)
  • css-variables: implement if true and if else statement (c715484)
  • css-variables: inherit and scope variables (7f30ddd)
  • css-variables: invalid variables (2119732)
  • css-width: width formal syntax (e9f7006)
  • css: [@container](https://github.com/container) query (6da442d)
  • css: box-decoration-break property (73b27a1)
  • css: fit-content and stretch width (0d00819)
  • css: 3D shadow button (4088907)
  • css: cursor, pointer, touch, resize, select (ccc5953)
  • css: logical property (f129d92)
  • devops-design: scalable React project structure (e56892f)
  • devops-library: kubernetes platform (1aacb78)
  • devops: code smells tools (9ada542)
  • html: form input types (45bd737)
  • js-auth: session cookie and JWT authentication (9e68947)
  • js-cache: Cache-Control directives (3f76b43)
  • js-CSSOM: CSS Typed Object Model API (ae3ea5a)
  • js-history: scroll restoration (51769b6)
  • js-painting: CSS Houdini painting PaintWorklet (325ffef)
  • js-performance: pre-load links (95ddbc5)
  • js-SSR: sever-side rendering reference (0ee36b5)
  • js-testing: cypress v10 configuration (49a5205)
  • js-timer: poll timer event queue (6b616b7)
  • node-deno: deno library (79c96bc)
  • react-hooks: custom data query hook (#317) (a0ad315)
  • ts-types: advanced type challenges and gymnastics (b073358)
  • ts-types: advanced type gymnastics (b22f49a)
  • web-library: box shadow utils (cfc8a96)
  • web-library: browser feature utils (e3443de)
  • web-library: code surface slide library (65f85b6)
  • web-library: data grid library (86c803e)
  • web-library: floating components (616c03c)
  • web-library: keyboard shortcuts library (e0e69c4)
  • web-library: markdown editor (c9f91e3)
  • web-library: operating system components (588a086)
  • web-library: React TypeScript Chrome extension boilerplate (f99bfaf)
  • web-library: shaka player library (f1943c3)
Assets 2
Loading