Skip to content

v3.10.0
Compare
Choose a tag to compare
@sabertazimi sabertazimi released this 27 May 15:06
· 1722 commits to main since this release
v3.10.0
836c1e1

Changelog

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

🎉 3.10.0 (2022-05-27)

✨ Features

🐛 Bug Fixes

  • website-design: change primary color (#311) (7a6905b)

⚡ Performance

  • assets-images: [ImgBot] optimize images (#310) (3a76ca9)
  • assets-images: [ImgBot] optimize images (#313) (2a19d6f)

✨ Today I Learned

  • css-alignment: height alignment patterns (c9cb73b)
  • css-anchor: anchor scrolling (561edd4)
  • css-animation: animation property (15b8be2)
  • css-background: background position (67dcbae)
  • css-baseline: baseline of inline-block element (bd1dd1d)
  • css-BFC: BFC creation (7cc3906)
  • css-BFC: most to use BFC creation (2eb278d)
  • css-border: border style (cf0fd12)
  • css-border: transparent border (1a0fc5a)
  • css-box: percentage width calculate by containing box (2a974ff)
  • css-box: positioned element containing box (9cdb657)
  • css-cascading: cascading rules (c3cd02e)
  • css-clip: clip element features (4521936)
  • css-color: currentcolor variable (041cf6b)
  • css-column: columns layout (ec320ab)
  • css-column: multiple column layout (e2348de)
  • css-counter: nested counters (763c68b)
  • css-cursor: cursor styles (a595064)
  • css-cursor: cursor styles list (a3c67f1)
  • css-cursor: custom cursor style (2c8e4a9)
  • css-design: design tokens (cd6edb2)
  • css-design: typography basic properties (a09c366)
  • css-flex: flex box width calculation (84af42d)
  • css-float: cleat float for IE7 (a9e6b9e)
  • css-float: float element features (c17995c)
  • css-font: custom font face (c388805)
  • css-form: form a11y styles (21944cd)
  • css-form: form design principle (fe2c52f)
  • css-form: hidden <input> styles (dcb52c1)
  • css-hidden: hidden utility styles (423053c)
  • css-hover: hover animation using background, shadow, clip, mask (ea50ede)
  • css-inline: inline box model (36f6695)
  • css-inline: inline element margin (eb30ce8)
  • css-inline: line box selector (205067d)
  • css-inline: pseudo inline elements (6d20fb5)
  • css-layout: horizontal centering layout (cf36859)
  • css-margin: auto, negative and percentage margin (f9de4cc)
  • css-margin: invalid margin (92feca3)
  • css-margin: margin collapsing (2dd4b5d)
  • css-outline: a11y outline styles (eee6fd6)
  • css-overflow: overflow hidden based on padding box (4988e0d)
  • css-padding: review CSS padding (8f66ab1)
  • css-position: absolute element usecase (0d307ff)
  • css-position: position layout (7bfa82e)
  • css-position: position property of positioned elements (bea8c56)
  • css-position: simulate fixed position via absolute position (9e1070e)
  • css-pseudo: content and counter for pseudo elements (822864e)
  • css-scrolling: custom scroll bar (551cdff)
  • css-scrolling: overflow scrolling compatibility (b3ecb95)
  • css-selector: ::first-letter and ::first-line selector (59ab112)
  • css-selector: :dir() pseudo class (9843cb9)
  • css-selector: :read-only and :read-write pseudo class (000f24b)
  • css-selector: :target-within pseudo class (16e210d)
  • css-selector: :target pseudo class (ca6636b)
  • css-selector: focus-within pseudo class (f7219e2)
  • css-selector: focus pseudo class (9599594)
  • css-selector: attribute selector (c4dd8d1)
  • css-selector: attribute selectors (ec83868)
  • css-selector: ID selector downside (89a2f73)
  • css-selector: input pseudo class details (5fdb351)
  • css-selector: input pseudo class for form widgets (45e3431)
  • css-selector: location pseudo class (196db76)
  • css-selector: pseudo class category (5648752)
  • css-selectors: basic, combinator, pseudo class and element selector (499b72d)
  • css-selector: structural, logical and misc pseudo class (479acb0)
  • css-selector: universal selector (5ac6c91)
  • css-selector: user action pseudo class (adcc444)
  • css-shapes: shapes with padding and background-clip (2b1ecff)
  • css-specificity: selector specificity (97e018f)
  • css-stacking: stacking order (f180716)
  • css-text: text styles (36f9c6c)
  • css-transform: CSS transform (7fc6d87)
  • css-typography: flexible heading with flex box (1feac1f)
  • css-visibility: visibility inheritance (52ab6e8)
  • css: text-align invalid to block level element (bb543eb)
  • css: z-index apply on positioned element, flex and grid (c1585a2)
  • css: BFC creation to clear float impact (162be4a)
  • css: box height hacks (5d14135)
  • css: clip modal styles (923a745)
  • css: CSS line height (a91bc6b)
  • css: CSS styles for dialog (ee43e81)
  • css: decoration styles (738c2cf)
  • css: hidden utility styles (3d2d673)
  • css: inline box model (277ab02)
  • css: remove strut impact on <img> (6f5d3c3)
  • css: replaced element (9e2853d)
  • css: screen readers accessibility (f76bcd0)
  • css: stacking context and z-index (11375e9)
  • css: text direction and writing mode (2e4af59)
  • devops: Nest.js clean architecture template (ddec68c)
  • devops: clean code review (38f8b1b)
  • devpos-testing: testing design and testable code (4d12ef8)
  • html-emmet: review emmet syntax (d90c478)
  • html-form: disabled and hidden form element (2a33ace)
  • js-performance: web performance monitoring real world case (5989228)
  • js-testing: Cypress a11y testing via AXE (a09f856)
  • js-testing: API mocks via msw library (1bdc393)
  • js-testing: cypress a11y AXE plugin (df35c24)
  • js-testing: Jest performance (878a2c3)
  • js: fullscreen API (cc1ee63)
  • linux-tools: modern linux CLI tools (88f0add)
  • testing: test-driven development use case (306b033)
  • ts-compiler: TypeScript compiler internals (3b7afe4)
  • web-library: devops library (5d1cb2b)
  • web-library: multi-touch gestures library (829491c)
  • web-library: payload headless CMS framework (add6b24)
  • web-library: semantic pull pequest GitHub action (7d10062)
  • web-library: state management library (5c080f4)
  • web-library: zero-config animation utility (04b6eaa)
Assets 2
Loading