matuzo / front-end-bookmarks

A collection of articles and talks about HTML, CSS and JS, grouped by elements, attributes, properties, selectors, methods, and expressions.
https://www.frontendbookmarks.com/
MIT License
71 stars 7 forks source link

Add pages #21

Open matuzo opened 4 years ago

matuzo commented 4 years ago

aria-relevant

https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute

position: absolute

https://www.chenhuijing.com/blog/flexbox-and-absolute-positioning/#%F0%9F%9A%B2

grid-column

https://www.smashingmagazine.com/2020/01/understanding-css-grid-lines/

grid-row

https://www.smashingmagazine.com/2020/01/understanding-css-grid-lines/

display: grid

https://www.smashingmagazine.com/2020/01/understanding-css-grid-container/ https://www.smashingmagazine.com/2019/05/display-grid-subgrid/

display

https://www.smashingmagazine.com/2019/04/display-two-value/

contain

https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/

writing-mode

https://www.smashingmagazine.com/2019/08/writing-modes-layout/

::marker

https://www.smashingmagazine.com/2019/07/css-lists-markers-counters/

aspect-ratio

https://www.smashingmagazine.com/2019/03/aspect-ratio-unit-css/ https://caniuse.com/#feat=mdn-css_properties_aspect-ratio

matuzo commented 4 years ago

position https://www.chenhuijing.com/blog/understanding-positioning-in-css/#%F0%9F%91%BE

counter-increment, counter-set and counter-reset + related marker https://www.chenhuijing.com/blog/the-wondrous-world-of-css-counters/#%F0%9F%8E%B9

color https://www.chenhuijing.com/blog/where-did-css-named-colours-come-from/#%F0%9F%8F%80

grid-template-columns: subgrid; grid-template-rows: subgrid; https://tympanus.net/codrops/css_reference/subgrid/

border-width https://www.chenhuijing.com/blog/about-subpxiel-rendering-in-browsers/#%F0%9F%9A%B2

grid-template-rows grid-template-columns https://blog.bitsrc.io/animating-css-grid-rows-and-columns-4b3b0997d06a https://codepen.io/matuzo/post/animating-css-grid-layout-properties https://css-irl.info/animating-css-grid/ https://blog.logrocket.com/new-in-firefox-66-animating-css-grid-b4ed90ac32f5/

grid-row grid-column https://www.chenhuijing.com/blog/understanding-grid-placement/#%F0%9F%91%9F

Kilian commented 4 years ago

:not() https://kilianvalkhof.com/2008/css-html/the-css3-not-selector/ (I wrote this a long time ago but it's still an incredibly popular + relevant post)

matuzo commented 4 years ago

Nice! This is by far the oldest article :D Thanks, @Kilian

https://www.frontendbookmarks.com/css/selectors/:not()/

matuzo commented 4 years ago

aria-activedescendant https://zellwk.com/blog/element-focus-vs-aria-activedescendant/

img https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/

vw vh vmin vmax (unit) https://ishadeed.com/article/viewport-units/

h1-h6 https://developer.paciellogroup.com/blog/2020/03/heading-off-confusion-when-do-headings-fail-wcag/

calc https://css-tricks.com/a-complete-guide-to-calc-in-css/

isolation https://css-tricks.com/almanac/properties/i/isolation/

scroll-snap-type https://blog.logrocket.com/how-to-use-css-scroll-snap/ https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type

for...of statement https://www.jonathancreamer.com/for-of-loops-in-javascript-one-loop-to-rule-them-all/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

overlow https://ishadeed.com/article/overflow-css/

null ??? https://tamalweb.com/null-javascript https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null

https://v8.dev/features/array-flat-flatmap https://danielcwilson.com/blog/2020/02/motion-path-transforms/

currentColor http://www.js-craft.io/blog/how-to-use-the-currentcolor-value-in-css/

matuzo commented 4 years ago

shape-outside https://blog.logrocket.com/creative-text-flows-using-css-shapes/

color https://www.matuzo.at/blog/heres-what-i-didnt-know-about-color/

delete (operator) https://levelup.gitconnected.com/introducing-the-javascript-delete-operator-a3f8ef9bddf4

disabled https://catalin.red/disabled-form-controls/

::-webkit-scrollbar https://alligator.io/css/css-scrollbars/

matuzo commented 4 years ago

&& and || https://dmitripavlutin.com/javascript-and-or-logical-operators/

matuzo commented 4 years ago

h1 - h6 https://developer.paciellogroup.com/blog/2020/03/headings-accessibility/