require(#3) - CSS Tooling

Kolejny odcinek Require Podcast, a w nim: najpopularniejsze metodyki CSS, najlepsze preprocessory, którym warto poświęcić uwagę, jak i ciekawe frameworki i biblioteki komponentów - a wszystko to, by ulepszyć style naszych projektów. Tradycyjnie zapraszamy do przesłuchania segmentu szybkich nowości, oraz tego, czego nauczyliśmy się w zeszłym tygodniu.

Linki:

Szybkie nowości:

• https://romejs.dev/
• https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html?m=1
• https://blog.npmjs.org/post/612764866888007680/next-phase-montage

Metodyki CSS

• BEM http://getbem.com/
• Object Oriented CSS https://github.com/stubbornella/oocss/wiki
• SMACSS http://smacss.com/
• Atomic CSS - https://acss.io/

Preprocessory

• SASS/SCSS https://sass-lang.com/
• LESS http://lesscss.org/
• Stylus https://stylus-lang.com/
• PostCSS https://postcss.org/
  • Rucksack - https://www.rucksackcss.org/docs/ - rozszerzenie postcss
  • LostGrid http://lostgrid.org/

CSS-in-JS

• styled-components https://styled-components.com/
• styled-jsx https://github.com/zeit/styled-jsx
• JSS - https://cssinjs.org/?v=v10.1.1
• Glamorous - https://glamorous.rocks/
• Emotion - https://emotion.sh/

Frameworki i biblioteki CSS

• Bootstrap https://getbootstrap.com/ https://react-bootstrap.github.io/
• Ant Design https://ant.design/
• Material Design https://material.io/develop/web/
  • Material UI (React) https://material-ui.com/
  • Vuetify (Vue) https://vuetifyjs.com/en/
  • Angular Material https://material.angular.io/
  • Web Components https://material-components.github.io/material-components-web-catalog/
  • React Native (React Native Paper) https://reactnativepaper.com/
• Semantic UI https://semantic-ui.com/
• Skeleton http://getskeleton.com/

Inne

• Vue.js https://vuejs.org/
• stylelint https://stylelint.io/

Timestampy

Zostaną dodane wkrótce