chore(release): 3.10.0

CHANGELOG.md

@@ -2,6 +2,137 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.10.0](https://github.com/sabertazimi/awesome-notes/compare/v3.9.0...v3.10.0) (2022-05-27)
+
+
+### :sparkles: Features
+
+* **css:** review CSS notes ([023036d](https://github.com/sabertazimi/awesome-notes/commit/023036d2a23ea93fe4b36a25eb5a9ebd9d3771ab))
+
+
+### :bug: Bug Fixes
+
+* **website-design:** change primary color ([#311](https://github.com/sabertazimi/awesome-notes/issues/311)) ([7a6905b](https://github.com/sabertazimi/awesome-notes/commit/7a6905b6060874a523c59061cc4391dceb78b77e))
+
+
+### :zap: Performance
+
+* **assets-images:** [ImgBot] optimize images ([#310](https://github.com/sabertazimi/awesome-notes/issues/310)) ([3a76ca9](https://github.com/sabertazimi/awesome-notes/commit/3a76ca96d010bbb320eb0d793861f5c5f804c5d5))
+* **assets-images:** [ImgBot] optimize images ([#313](https://github.com/sabertazimi/awesome-notes/issues/313)) ([2a19d6f](https://github.com/sabertazimi/awesome-notes/commit/2a19d6f7ab4bf4119940e86035785b871e373ee7))
+
+
+### :sparkles: Today I Learned
+
+* **css-alignment:** height alignment patterns ([c9cb73b](https://github.com/sabertazimi/awesome-notes/commit/c9cb73b813a65e1e15a9afe959200b37da673606))
+* **css-anchor:** anchor scrolling ([561edd4](https://github.com/sabertazimi/awesome-notes/commit/561edd4c11d1434f255bb2229f13575c2ddaa072))
+* **css-animation:** animation property ([15b8be2](https://github.com/sabertazimi/awesome-notes/commit/15b8be20a17738041972906e74e0a2fc3d81ed64))
+* **css-background:** background position ([67dcbae](https://github.com/sabertazimi/awesome-notes/commit/67dcbae44fa87179de3166e1b32756785d416464))
+* **css-baseline:** baseline of `inline-block` element ([bd1dd1d](https://github.com/sabertazimi/awesome-notes/commit/bd1dd1d80c8b9277529d2809e69cd6d00b3b2749))
+* **css-BFC:** BFC creation ([7cc3906](https://github.com/sabertazimi/awesome-notes/commit/7cc3906c2e2eeb35416b04440069da542befb263))
+* **css-BFC:** most to use BFC creation ([2eb278d](https://github.com/sabertazimi/awesome-notes/commit/2eb278d0a1866b79262febd4c86164c4d738b34e))
+* **css-border:** border style ([cf0fd12](https://github.com/sabertazimi/awesome-notes/commit/cf0fd122d9892d441ee19814bfc1a34a861cee86))
+* **css-border:** transparent border ([1a0fc5a](https://github.com/sabertazimi/awesome-notes/commit/1a0fc5a30b1807df10803b4256d6afa96ece12e3))
+* **css-box:**  percentage width calculate by containing box ([2a974ff](https://github.com/sabertazimi/awesome-notes/commit/2a974ffd02b3480c00762e7b84a825c8f2647a97))
+* **css-box:** positioned element containing box ([9cdb657](https://github.com/sabertazimi/awesome-notes/commit/9cdb657b09020c8f70bbf9c702865dabf9561094))
+* **css-cascading:** cascading rules ([c3cd02e](https://github.com/sabertazimi/awesome-notes/commit/c3cd02ef19ba7f4f08a8c1c6b6dbac6909f11686))
+* **css-clip:** clip element features ([4521936](https://github.com/sabertazimi/awesome-notes/commit/45219361a505cb7a8380da1a7f0c54ee468c05ba))
+* **css-color:** `currentcolor` variable ([041cf6b](https://github.com/sabertazimi/awesome-notes/commit/041cf6bbd4e5677d67da212dc1cf9fe3c6671eab))
+* **css-column:** columns layout ([ec320ab](https://github.com/sabertazimi/awesome-notes/commit/ec320ab13dddf7a563d18d2612d15446e00dd9c2))
+* **css-column:** multiple column layout ([e2348de](https://github.com/sabertazimi/awesome-notes/commit/e2348dee4523914c4b0c4b7dd8b9e54e48f4bb91))
+* **css-counter:** nested counters ([763c68b](https://github.com/sabertazimi/awesome-notes/commit/763c68b1630a1b702ee409a12e4276d74c333162))
+* **css-cursor:** cursor styles ([a595064](https://github.com/sabertazimi/awesome-notes/commit/a595064983e99a9876ea1665873429f0f13145dd))
+* **css-cursor:** cursor styles list ([a3c67f1](https://github.com/sabertazimi/awesome-notes/commit/a3c67f1bac7b0bee72a4c8af1fbf4f728d47f2ac))
+* **css-cursor:** custom cursor style ([2c8e4a9](https://github.com/sabertazimi/awesome-notes/commit/2c8e4a947a04399b2af6240ed305769a704ce3a5))
+* **css-design:** design tokens ([cd6edb2](https://github.com/sabertazimi/awesome-notes/commit/cd6edb22817449ec21d817d5329cae6f812d2035))
+* **css-design:** typography basic properties ([a09c366](https://github.com/sabertazimi/awesome-notes/commit/a09c36697c97bb145d673a1a7af28152eb5a96e5))
+* **css-flex:** flex box width calculation ([84af42d](https://github.com/sabertazimi/awesome-notes/commit/84af42da15772b0ac67b270d93ee228befefd3b9))
+* **css-float:** cleat float for IE7 ([a9e6b9e](https://github.com/sabertazimi/awesome-notes/commit/a9e6b9e493dadd15420d0f3917210657ec3df21e))
+* **css-float:** float element features ([c17995c](https://github.com/sabertazimi/awesome-notes/commit/c17995c74318ab54c667712f6d5eb574c67c4297))
+* **css-font:** custom font face ([c388805](https://github.com/sabertazimi/awesome-notes/commit/c388805deb0f921efce54e74b147088cd119fca9))
+* **css-form:** form a11y styles ([21944cd](https://github.com/sabertazimi/awesome-notes/commit/21944cdeae8831f2d67934a40207930bceada548))
+* **css-form:** form design principle ([fe2c52f](https://github.com/sabertazimi/awesome-notes/commit/fe2c52f4024a34b9ebde3d0a89f8204ee514ff6e))
+* **css-form:** hidden `<input>` styles ([dcb52c1](https://github.com/sabertazimi/awesome-notes/commit/dcb52c1bd55a434404c95a0154457b589ae1f407))
+* **css-hidden:** hidden utility styles ([423053c](https://github.com/sabertazimi/awesome-notes/commit/423053cc936e494039957ff34dfc8b1fcf597bc5))
+* **css-hover:** hover animation using background, shadow, clip, mask ([ea50ede](https://github.com/sabertazimi/awesome-notes/commit/ea50ede78d098a056661df825a3a467474a676cc))
+* **css-inline:** inline box model ([36f6695](https://github.com/sabertazimi/awesome-notes/commit/36f6695d39cae29a2da8842550ae06cc448420ec))
+* **css-inline:** inline element margin ([eb30ce8](https://github.com/sabertazimi/awesome-notes/commit/eb30ce8f0b11a90599b78757650c50f881f9fc09))
+* **css-inline:** line box selector ([205067d](https://github.com/sabertazimi/awesome-notes/commit/205067d81ef178d83e008f32b4a6e77b1ccef868))
+* **css-inline:** pseudo inline elements ([6d20fb5](https://github.com/sabertazimi/awesome-notes/commit/6d20fb546f95da1a788bb1cdf5deea54878fb6ce))
+* **css-layout:** horizontal centering layout ([cf36859](https://github.com/sabertazimi/awesome-notes/commit/cf36859230d6583f9191303c1ec681381fe16e87))
+* **css-margin:** auto, negative and percentage `margin` ([f9de4cc](https://github.com/sabertazimi/awesome-notes/commit/f9de4cc1424709b165ae6627c619f8ce7641eb4d))
+* **css-margin:** invalid margin ([92feca3](https://github.com/sabertazimi/awesome-notes/commit/92feca39adb92b460b8738c3e0d45756d6e8b836))
+* **css-margin:** margin collapsing ([2dd4b5d](https://github.com/sabertazimi/awesome-notes/commit/2dd4b5d97051237762defc1a3cc18b911b464adb))
+* **css-outline:** a11y outline styles ([eee6fd6](https://github.com/sabertazimi/awesome-notes/commit/eee6fd6897d6aa17a0bd367603f61b6c3cf25cc4))
+* **css-overflow:** overflow hidden based on padding box ([4988e0d](https://github.com/sabertazimi/awesome-notes/commit/4988e0d4f84461fbcc2b788b92f22d35417fad76))
+* **css-padding:** review CSS padding ([8f66ab1](https://github.com/sabertazimi/awesome-notes/commit/8f66ab156417f299262931458a5f7ce8961fd750))
+* **css-position:** absolute element usecase ([0d307ff](https://github.com/sabertazimi/awesome-notes/commit/0d307ff482ca8cdec496b060f7506113697235a5))
+* **css-position:** position layout ([7bfa82e](https://github.com/sabertazimi/awesome-notes/commit/7bfa82ed2c3f03bdb359dde2df65acd7e717ed9d))
+* **css-position:** position property of positioned elements ([bea8c56](https://github.com/sabertazimi/awesome-notes/commit/bea8c56916326a7a3a4e6c64c1b45c11eeaad87b))
+* **css-position:** simulate `fixed` position via `absolute` position ([9e1070e](https://github.com/sabertazimi/awesome-notes/commit/9e1070e3e9daca877b0a5308f8f7acc33191e815))
+* **css-pseudo:** `content` and `counter` for pseudo elements ([822864e](https://github.com/sabertazimi/awesome-notes/commit/822864e7317e74168e9109a139ae4151fd74e667))
+* **css-scrolling:** custom scroll bar ([551cdff](https://github.com/sabertazimi/awesome-notes/commit/551cdffd3baa9e45bd3fe84963ef35d2bc404826))
+* **css-scrolling:** overflow scrolling compatibility ([b3ecb95](https://github.com/sabertazimi/awesome-notes/commit/b3ecb951b36ef2341ed87b78bf469d336edcd4c6))
+* **css-selector:** `::first-letter` and `::first-line` selector ([59ab112](https://github.com/sabertazimi/awesome-notes/commit/59ab1125e5a4299e07811b4008c35e24e38a8ccd))
+* **css-selector:** `:dir()` pseudo class ([9843cb9](https://github.com/sabertazimi/awesome-notes/commit/9843cb9feca10f7966f7b3d434df383c7732a884))
+* **css-selector:** `:read-only` and `:read-write` pseudo class ([000f24b](https://github.com/sabertazimi/awesome-notes/commit/000f24b8d3e802d67f7117b6c6dd6c17157b35ab))
+* **css-selector:** `:target-within` pseudo class ([16e210d](https://github.com/sabertazimi/awesome-notes/commit/16e210db9702ec7b184b90278c2f0b98feb43ac1))
+* **css-selector:** `:target` pseudo class ([ca6636b](https://github.com/sabertazimi/awesome-notes/commit/ca6636b4b0e4151be2e5423cf1d62f11c493cca7))
+* **css-selector:** `focus-within` pseudo class ([f7219e2](https://github.com/sabertazimi/awesome-notes/commit/f7219e2b9e9f1f352b107acb772978c8f9413dba))
+* **css-selector:** `focus` pseudo class ([9599594](https://github.com/sabertazimi/awesome-notes/commit/9599594bc1bc01a903a7896deb8c550c529bb51c))
+* **css-selector:** attribute selector ([c4dd8d1](https://github.com/sabertazimi/awesome-notes/commit/c4dd8d1072b76ad9e79634269a72389e7b0c7e0d))
+* **css-selector:** attribute selectors ([ec83868](https://github.com/sabertazimi/awesome-notes/commit/ec838682ce4dafbd382f662188fd43bef6fa664f))
+* **css-selector:** ID selector downside ([89a2f73](https://github.com/sabertazimi/awesome-notes/commit/89a2f73b9d8fbff0f87096e31b269e9396e47a54))
+* **css-selector:** input pseudo class details ([5fdb351](https://github.com/sabertazimi/awesome-notes/commit/5fdb3516a7a0e431b4487b13faee033157d9a21e))
+* **css-selector:** input pseudo class for form widgets ([45e3431](https://github.com/sabertazimi/awesome-notes/commit/45e34312efa52df7b5eab1c299ba4d446e95a4e7))
+* **css-selector:** location pseudo class ([196db76](https://github.com/sabertazimi/awesome-notes/commit/196db763cca4ea346d65f9da112796885d3c97ff))
+* **css-selector:** pseudo class category ([5648752](https://github.com/sabertazimi/awesome-notes/commit/5648752fafd69da1391d1fe1c60374ed76aac400))
+* **css-selectors:** basic, combinator, pseudo class and element selector ([499b72d](https://github.com/sabertazimi/awesome-notes/commit/499b72d0dfee4c82ef5a0cb95c5b71da7cf1d2a7))
+* **css-selector:** structural, logical and misc pseudo class ([479acb0](https://github.com/sabertazimi/awesome-notes/commit/479acb0f581fa46d17afb28cea2d0defbad684cd))
+* **css-selector:** universal selector ([5ac6c91](https://github.com/sabertazimi/awesome-notes/commit/5ac6c91e2801f06ee9f0a19874d7fa4b8711fedd))
+* **css-selector:** user action pseudo class ([adcc444](https://github.com/sabertazimi/awesome-notes/commit/adcc4442a4136ca848df0068dcad9b6a540f1b5b))
+* **css-shapes:** shapes with `padding` and `background-clip` ([2b1ecff](https://github.com/sabertazimi/awesome-notes/commit/2b1ecffdae2966af319f6c4f2db4696d5efc62a9))
+* **css-specificity:** selector specificity ([97e018f](https://github.com/sabertazimi/awesome-notes/commit/97e018fd3309d21f006e96f131699ac5cbed05ff))
+* **css-stacking:** stacking order ([f180716](https://github.com/sabertazimi/awesome-notes/commit/f1807169a41d2cba719a248a14e920c6073be1d1))
+* **css-text:** text styles ([36f9c6c](https://github.com/sabertazimi/awesome-notes/commit/36f9c6c7877fc1ebd5f86912aaf329092a1185cb))
+* **css-transform:** CSS transform ([7fc6d87](https://github.com/sabertazimi/awesome-notes/commit/7fc6d875d237522bbcfb6f036c88a7562916c9f7))
+* **css-typography:** flexible heading with `flex` box ([1feac1f](https://github.com/sabertazimi/awesome-notes/commit/1feac1f56ee25d68d6e6e8c9e3442d4c09700ecc))
+* **css-visibility:** visibility inheritance ([52ab6e8](https://github.com/sabertazimi/awesome-notes/commit/52ab6e8948d4e329d64e3b4866d9ebd62003bfc7))
+* **css:** `text-align` invalid to block level element ([bb543eb](https://github.com/sabertazimi/awesome-notes/commit/bb543eb569ecc1659ae60a43f8ad27577a34ab82))
+* **css:** `z-index` apply on positioned element, flex and grid ([c1585a2](https://github.com/sabertazimi/awesome-notes/commit/c1585a2d547aa636aff9ccbd6b8e5d6c5d50926a))
+* **css:** BFC creation to clear float impact ([162be4a](https://github.com/sabertazimi/awesome-notes/commit/162be4afef5d970ff864414b8f47702a2a0eeaf7))
+* **css:** box height hacks ([5d14135](https://github.com/sabertazimi/awesome-notes/commit/5d14135cbd539f776a376ef225270f9f09ec4405))
+* **css:** clip modal styles ([923a745](https://github.com/sabertazimi/awesome-notes/commit/923a745f3b813ca97e4f22a14b8a90c8d16c7507))
+* **css:** CSS line height ([a91bc6b](https://github.com/sabertazimi/awesome-notes/commit/a91bc6b1e85fe13183954e9c08e73d031bc91696))
+* **css:** CSS styles for dialog ([ee43e81](https://github.com/sabertazimi/awesome-notes/commit/ee43e817782fa843ca41a8fb8b8c21cfeb534f42))
+* **css:** decoration styles ([738c2cf](https://github.com/sabertazimi/awesome-notes/commit/738c2cf7ca37d9e61de7c9a309d887e1f6cd7ff8))
+* **css:** hidden utility styles ([3d2d673](https://github.com/sabertazimi/awesome-notes/commit/3d2d673a01aafce2a2740ee796bef7f21740424a))
+* **css:** inline box model ([277ab02](https://github.com/sabertazimi/awesome-notes/commit/277ab022900aad0eef760cc585b4ef724d973ecb))
+* **css:** remove `strut` impact on `<img>` ([6f5d3c3](https://github.com/sabertazimi/awesome-notes/commit/6f5d3c3c20df9dbf317eec77bd604da58c6311a4))
+* **css:** replaced element ([9e2853d](https://github.com/sabertazimi/awesome-notes/commit/9e2853d7eb28fa87fb716c72a2bed9ad5b1b4c74))
+* **css:** screen readers accessibility ([f76bcd0](https://github.com/sabertazimi/awesome-notes/commit/f76bcd0a36002797411768a09e5f74967a17ac66))
+* **css:** stacking context and `z-index` ([11375e9](https://github.com/sabertazimi/awesome-notes/commit/11375e92985f67586406cabf22073cf911cc1dbf))
+* **css:** text direction and writing mode ([2e4af59](https://github.com/sabertazimi/awesome-notes/commit/2e4af592803dc488055a8b303e1273ac944bb81f))
+* **devops:** `Nest.js` clean architecture template ([ddec68c](https://github.com/sabertazimi/awesome-notes/commit/ddec68c16d62fef2c0a23e1ad954a6ad7ddba3bd))
+* **devops:** clean code review ([38f8b1b](https://github.com/sabertazimi/awesome-notes/commit/38f8b1b519db2982e5687d92daf39d4af12764fc))
+* **devpos-testing:** testing design and testable code ([4d12ef8](https://github.com/sabertazimi/awesome-notes/commit/4d12ef868eae91e2ed9bcce7dbd884b3651a1cde))
+* **html-emmet:** review emmet syntax ([d90c478](https://github.com/sabertazimi/awesome-notes/commit/d90c4787eff054e4b16a40bd319eca8d128a7865))
+* **html-form:** `disabled` and `hidden` form element ([2a33ace](https://github.com/sabertazimi/awesome-notes/commit/2a33acef881f7aed22ced40aede25babceffd8ce))
+* **js-performance:** web performance monitoring real world case ([5989228](https://github.com/sabertazimi/awesome-notes/commit/59892287752165398c02659b6cda318fd66fb910))
+* **js-testing:** `Cypress` a11y testing via `AXE` ([a09f856](https://github.com/sabertazimi/awesome-notes/commit/a09f8565bc7678d442d1465960d7bc52e4e1c1fc))
+* **js-testing:** API mocks via `msw` library ([1bdc393](https://github.com/sabertazimi/awesome-notes/commit/1bdc39376a7f124a1bf46f258ed25dd178758fd5))
+* **js-testing:** cypress a11y AXE plugin ([df35c24](https://github.com/sabertazimi/awesome-notes/commit/df35c248d5b2fb497f068429c022dbc81eb99837))
+* **js-testing:** Jest performance ([878a2c3](https://github.com/sabertazimi/awesome-notes/commit/878a2c3d40629716d42486158ac700c216de1b87))
+* **js:** fullscreen API ([cc1ee63](https://github.com/sabertazimi/awesome-notes/commit/cc1ee638c0fd5a10bb9b537cef3eb0be02aa5c2a))
+* **linux-tools:** modern linux CLI tools ([88f0add](https://github.com/sabertazimi/awesome-notes/commit/88f0add5bbd9966c1029aa17c67408f9593a0133))
+* **testing:** test-driven development use case ([306b033](https://github.com/sabertazimi/awesome-notes/commit/306b033980e6bedc58ae043a466b315ecd3099ee))
+* **ts-compiler:** TypeScript compiler internals ([3b7afe4](https://github.com/sabertazimi/awesome-notes/commit/3b7afe48e5ac22e9d8d309632fefdc93f67441fa))
+* **web-library:** devops library ([5d1cb2b](https://github.com/sabertazimi/awesome-notes/commit/5d1cb2b8d4b41daf87308fe68462517ebf2dff79))
+* **web-library:** multi-touch gestures library ([829491c](https://github.com/sabertazimi/awesome-notes/commit/829491c4dd963849e361563e741de48355d94943))
+* **web-library:** payload headless CMS framework ([add6b24](https://github.com/sabertazimi/awesome-notes/commit/add6b245fd34a8a4e20bb486b7eedee8866d7ff4))
+* **web-library:** semantic pull pequest GitHub action ([7d10062](https://github.com/sabertazimi/awesome-notes/commit/7d100620f2d8ba1e885dc4ee66e55f37f5b92dc5))
+* **web-library:** state management library ([5c080f4](https://github.com/sabertazimi/awesome-notes/commit/5c080f4dffd03639d7b0a18e90111b1423edc4ac))
+* **web-library:** zero-config animation utility ([04b6eaa](https://github.com/sabertazimi/awesome-notes/commit/04b6eaa06bd9219255066600606457be98dbe61a))
+
 ## [3.9.0](https://github.com/sabertazimi/awesome-notes/compare/v3.8.2...v3.9.0) (2022-05-21)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "awesome-notes",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "Personal Learning Notes (TIL)",
   "keywords": [
     "CS",