CSS zajímavosti

[jaandrle]

• [x] Liquid loader
• [x] Projít
  • [x] css-modules/css-modules: Documentation about css-modules: asi ne
  • [x] https://blueprintcss.io/: nefunkční link
  • [x] morphing circle animations
• [x] Minifikace
  • [x] CSS Minifier
  • [x] Increase performance – Combine & Minify CSS with PHP. – UncoverWP
  • [x] On-the-fly CSS Compression Script in PHP • Manas Tungare
• [x] Edukativní věci
  • [x] CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používání
  • [x] CSS3 příručka
  • [x] Relearn CSS layout: Every Layout
  • [x] 10 modern layouts in 1 line of CSS - YouTube
  • [x] CSS Tricks
  • [x] A Collection of Pure CSS Animation Snippets & Demos
  • [x] CSS barvy
  • [x] Jednoduché karusely jen za pomocí CSS?
  • [x] Resilient CSS (Jen Simmons)
  • [x] Ale slyšeli jste už i název subgrid?
  • [x] LCH colors in CSS
  • [x] wesbos/css-grid: Starter Files + Solutions to my CSSGrid.io Course
  • [x] wesbos/What-The-Flexbox: Exercises for the What The Flexbox video series - available at Flexbox.io
• [x] Ukázkové návody
  • [x] 100% pure css radial progress bar · From An Egg
  • [x] The "Blur Up" Technique for Loading Background Images | CSS-Tricks
  • [x] Pure CSS Circular Percentage Bar | CSS Script: není zase tak dobré (zamítnuto)
  • [x] Pure Css Line Graph
• [x] Užitečné nástroje
  • [x] The CSS3 Matrix Construction Set
  • [x] reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
  • [x] Color contrast accessibility tools | CSS-Tricks: nástroje však většinou již zabudovány přímo v prohlížečích
• [x] Výběr méně známých hodnot/vlastností
  • [x] barvy: "highlight", "papayawhip", "whitesmoke", "gainsboro", "lightcoral", "burlywood", "gold", "tea"
  • [x] „drop-shadow”
  • [x] Automatic counters and numbering
  • [x] Resizing Boxes: the resize property
  • [x] Curve Radii: the border-radius properties
  • [x] prefers-reduced-motion
  • [x] :is
  • [x] SVG lze zapsat v čitelné podobě do CSS
  • [x] SVG pomocí CSS masky
  • [x] CSS Motion Path
  • [x] Víte, jak s CSS lépe poznat uživatelovo zařízení?
  • [x] The Trick to Animating the Dot on the Letter "i"
• [x] Zajímavé informace ze statistik
  • [x] velikosti pro media queries (viz httparchive.org/en/2020)
• [x] Zajímavosti o jazyku
  • [x] Is CSS Turing Complete? | Lara Schenck
• [x] OOP/Funkcionální přístup
  • [x] static-dev/axis: terse, modular & powerful css library
  • [x] superbryntendo/spector: A generative functional SCSS library
  • [x] Keeping it simple with CSS that scales - Andy Bell
  • [x] inuitcss/inuitcss: Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
  • [x] ITCSS: Scalable and Maintainable CSS Architecture - Xfive
  • [x] brevis/brevis.css at master · dlzi/brevis
  • [x] Tailwind-in-JS | tweet
• [x] Návody které je nutné brát s rezervou (zastaralé)
  • [x] CSS ICON -- project by Wenting Zhang: asi ne
  • [x] Smysluplné CSS: stylujte, jak se má | Interval.cz

[jaandrle]

• [x] Kanál Mozilla Developer - YouTube – Style Lists with New CSS — Bullets, Numbers, Markers
• [x] Ad fonty: The Typekit Blog | Better web font loading with JavaScript