Advertisement
attilan

State of CSS 2021

Oct 20th, 2021
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.75 KB | None | 0 0
  1. Layout:
  2. CSS Grid
  3. Subgrid
  4. Flexbox
  5. CSS multi column
  6. CSS writing modes
  7. position: sticky
  8. Logical Properties: margin-block-start, padding-inline-end, etc.
  9. aspect-ratio
  10. content-visibility
  11. flexbox gap property
  12. break-inside, break-before, break-after
  13. @container query
  14.  
  15. Shapes/graphics:
  16. CSS shapes
  17. object-fit
  18. clip-path
  19. CSS masks
  20. blend-modes: mix-blend-mode
  21. CSS filter effects
  22. backdrop-filter
  23. color-gamut
  24. perspective
  25. Intrinsic Sizing: min-content, max-content, fit-content
  26. conic-gradient()
  27. color()
  28. accent-color
  29.  
  30. Interactions:
  31. CSS scroll snap
  32. overscroll-behavior
  33. overflow-anchor
  34. touch-action
  35. pointer-events
  36. scroll-timeline
  37.  
  38. Typography:
  39. font-variant-*, e.g.: font-variant-numeric
  40. initial-letter
  41. font-display
  42. line-clamp
  43. Variable Fonts (2021)
  44.  
  45. Accessibility:
  46. prefers-reduced-motion
  47. prefers-color-scheme
  48. prefers-reduced-data
  49. color-contrast()
  50. color-scheme
  51. tabindex
  52. ARIA HTML Attributes
  53.  
  54. Other:
  55. CSS Variables (Custom Properties)
  56. Feature Support Queries (@supports)
  57. CSS Containment
  58. will-change
  59. calc()
  60. CSS Comparison Functions - min(), max(), and clamp()
  61. ::marker pseudo-element
  62.  
  63. Pre-/Post-processors:
  64. Sass
  65. Less
  66. PostCSS
  67. Stylus
  68. Assembler CSS
  69.  
  70. CSS Frameworks:
  71. Bootstrap
  72. Materialize CSS
  73. Ant Design
  74. Semantic UI
  75. Bulma
  76. Foundation
  77. UIKit
  78. Tachyons
  79. Primer
  80. Tailwind CSS
  81. PureCSS
  82. Halfmoon
  83.  
  84. CSS-in-JS:
  85. Styled Components
  86. Styled JSX
  87. Emotion
  88. CSS Modules
  89. Styled System
  90. Stitches
  91. Fela
  92. Linaria
  93. Astroturf
  94. Twin
  95. Theme UI
  96. vanilla-extract
  97. Windi CSS
  98.  
  99. Other Tools:
  100. Stylelint
  101. PurgeCSS
  102. PurifyCSS
  103. Prettier
  104. Autoprefixer
  105. cssnano
  106. ACSS
  107.  
  108. Blogs:
  109. CSS-Tricks
  110. A List Apart
  111. Smashing Magazine
  112. Codrops
  113. SitePoint
  114. Dev.to
  115. Sidebar
  116. HeyDesigner
  117. CSS Weekly
  118. Frontend Horse
  119. Frontend Focus
  120. CSS { In Real Life }
  121. Modern CSS Solutions
  122. Medium
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement