Frontend Dogma

“css” Archive (7)

  1. 2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (by) · · , , , ,
  2. Learn CSS (by/via) · ·
  3. Container Queries in Web Components (by) · · ,
  4. Can I “:has()” (by) · ·
  5. Making Disabled Buttons More Inclusive (by/via) · ·
  6. A Complete Guide to Grid (by/via) · · ,
  7. A Primer on CSS Container Queries (by/via) · · ,
  8. Custom Attributes Are Fast Good and Cheap (by) · ·
  9. Is Vendor Prefixing Dead? (via) · ·
  10. A Complete Guide to Custom Properties (by/via) · · , ,
  11. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (by/via) · · , , ,
  12. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (by/via) · · , ,
  13. Intrinsic Typography Is the Future of Styling Text on the Web (by/via) · ·
  14. CSS Hell (by) · ·
  15. Using Design Tokens to Accelerate Design Systems (by/via) · · ,
  16. Taming Blend Modes: “difference” and “exclusion” (by/via) · ·
  17. “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (by) · · ,
  18. You Want Enabling CSS Selectors, Not Disabling Ones (by) · ·
  19. Managing CSS Colors Systems With a Single Source of Truth (via) · · , , ,
  20. Understanding Z-Index in CSS (by) ·
  21. How Does CSS Work? (by) ·
  22. HTML and CSS Techniques to Reduce Your JavaScript (by/via) · · , ,
  23. The Shorthand–Longhand Problem in Atomic CSS (by) · · , , ,
  24. CSS (by+/via) · · ,
  25. Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (by) · · ,
  26. CSS Vendor Prefixes · ·
  27. The Raven Technique: One Step Closer to Container Queries (by/via) · · ,
  28. Chasing the Pixel-Perfect Dream (by) · ·
  29. The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (by) · · , ,
  30. How to Find the Cause of Horizontal Scrollbars (by/via) · · , ,
  31. A Guide to HTML and CSS Forms (No Hacks) (by/via) · · , ,
  32. How to Create High-Performance CSS Animations (by+/via) · · , ,
  33. CSS Variables 101 (by) ·
  34. “font-kerning” (by/via) · · ,
  35. Custom Properties: Questioning “:root” (by) · · ,
  36. Mastering Wrapping of Flex Items (via) · ·
  37. 9 Best CSS Frameworks in 2020 (via) · · , , , , , , , ,
  38. The Thing With Leading in CSS (by) · ·
  39. The Anti-Reset (to Reset to User Agent Styles) (by) · ·
  40. The Cicada Principle, Revisited With CSS Variables (by) · · ,
  41. CSS Fundamentals: Vendor Prefixing (by/via) · · ,
  42. Remembrance of Tags Past (by/via) · · , , , , ,
  43. Allow End-User Styling Overrides (by) · · ,
  44. The Complete Guide to CSS Media Queries (by/via) · · ,
  45. 5 Projects to Help You Master Modern CSS (by/via) · · , ,
  46. 30 Seconds of Code (via) · · , ,
  47. Ask an Expert: Why Is CSS… the Way It Is? (by/via) ·
  48. A User’s Guide to CSS Variables (by/via) · · ,
  49. Designing Intrinsic Layouts (by/via) · · , ,
  50. Web Animations in Safari 13.1 (via) · · , , , ,
  51. Margin Considered Harmful (by) · ·
  52. A Practical Overview of CSS Houdini (by/via) · · , ,
  53. Why Are We Talking About CSS4? (by/via) · ·
  54. Playing With CSS Grid (by) · ·
  55. How to Style and Animate the Letters in a String Using CSS (by) · · , ,
  56. “rem” in CSS: Understanding and Using “rem” Units (by/via) · ·
  57. CSS: When to Use Logical Properties (by) · ·
  58. CSS at the Intersection (via) · ·
  59. CSS Circles (by/via) · ·
  60. How to Add CSS Vendor Prefixes Automatically (by/via) · · , , , , , , ,
  61. The Simplest Way to Load CSS Asynchronously (by/via) · ·
  62. Breaking to a New Row With Flexbox (by) · · ,
  63. Print Styling, the 3 Basics (by) · · ,
  64. How to Conditionally Apply a CSS Class in Vue.js (by/via) · · ,
  65. Checking if an Input Is Empty With CSS (by) · ·
  66. CSS Debugging and Optimization: Minification With CSSO (by/via) · · , , ,
  67. Responsive Images (by/via) · · , ,
  68. How to Get Started With CSS Animation (by/via) · · ,
  69. CSS Architecture: Block Element Modifier (BEM) and Atomic CSS (by/via) · · , , ,
  70. How to Use Gulp.js to Automate Your CSS Tasks (by/via) · · , , ,
  71. 20 Tips for Optimizing CSS Performance (by/via) · · , ,
  72. CSS Logical Properties and Values Level 1 (by+/via) · · ,
  73. The Benefits of Using CSS Grid for Web Form Layout (by/via) · · ,
  74. CSS Logical Properties (by/via) · ·
  75. 37 Theses on CSS and Web Development (by) · · , ,
  76. Doing More With Less, an Introduction to a CSS Pre-Processor · · , ,
  77. The Craft of CSS (by) · ·
  78. Don’t Use My Grid System or Any Others (by/via) · · ,
  79. Responsive Tables, Revisited (by) · · ,
  80. CSS Optimization Basics (by) · · , ,
  81. We Write CSS Like We Did in the 90s, and Yes, It’s Silly (by/via) · · , , ,
  82. HTML, CSS, and Dependency Direction (by) · · , , ,
  83. How Declaration Repetition Developed Over Time, a Statistically Insignificant Sample (by) · · , ,
  84. How to Optimize CSS and JS for Faster Sites (via) · · , , , ,
  85. Finding Dead CSS (by) · · ,
  86. The Two Extremes of Writing CSS, and What We Can Learn From Them (by) · · , , ,
  87. Performance of CSS Selectors Is Still Irrelevant (by) · · ,
  88. Optimizing CSS: Tweaking Animation Performance With DevTools (by/via) · · , , , , , ,
  89. Faux Grid Tracks (by/via) · ·
  90. Upgrade Your Project With CSS Selector and Custom Attributes (via) · · , ,
  91. CSS: The Reason Why Selectors Should Be Ordered, Too (by) · · ,
  92. All You Need to Know About CSS-in-JS (by) · · ,
  93. DRY CSS: How to Use Declarations Just Once, Effectively (by) · · , ,
  94. 5 Reasons Against Resets, Normalizers, Reboots (by) · ·
  95. The Front-End Checklist (by) · · , , , , , , ,
  96. A Look Back at the History of CSS (by/via) · · , , ,
  97. Learn a CSS Framework in 6 Minutes With Bulma (by+/via) · · ,
  98. Using Webfonts (by/via) · · ,
  99. CSS “font-display”: The Future of Font Rendering on the Web (by/via) · · ,
  100. Taking CSS Linting to the Next Level With Stylelint (by/via) · · ,
  101. CSS @-Rules, an Overview (by) · · ,
  102. Improve Web Typography With CSS “font-size-adjust” (via) · · ,
  103. CSS Architecture and the Three Pillars of Maintainable CSS (by/via) · · , , ,
  104. CSS Inheritance: An Introduction (via) · · ,
  105. What I Learned Building Google’s Web Frameworks (by) · · , , ,
  106. Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (by) · · ,
  107. 70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (by) · · , , ,
  108. Why I Abandoned “@ apply” (by) · ·
  109. Managing the CSS Box Model (by/via) · ·
  110. Minifying CSS With CSS Optimizer (by/via) · · ,
  111. Grid Garden (by) · · , ,
  112. Practical CSS Grid: Adding Grid to an Existing Design (by/via) · ·
  113. What Is SMACSS and How to Use It (via) · · ,
  114. Responsive CSS Patterns Without Media Queries (via) · ·
  115. 20+ Docs and Guides for Front-End Developers (by/via) · · , ,
  116. CSS Selectors: Specificity (by/via) · · ,
  117. CSS Selectors: Pseudo-Elements (by/via) · ·
  118. Writing Element Queries Today Using EQCSS (via) · ·
  119. CSS Selectors: Attribute Selectors (by/via) · ·
  120. CSS Selectors: Combinators (by/via) · ·
  121. Know It All (by) · · , , , , , ,
  122. 10 Web Predictions for 2017 (by/via) · · , , , , , , ,
  123. Front-End Tools: My Favorite Finds of 2016 (by/via) · · , , ,
  124. Introducing CSS3 (by/via) · ·
  125. Why I Don’t Use CSS Preprocessors (by) · ·
  126. CSS Shorthand Syntax Considered an Anti-Pattern (by) · · ,
  127. Nesting Your BEM? (by) · · ,
  128. Refactoring CSS Without Losing Your Mind (by/via) · · , , ,
  129. Stop Using the Old “Clearfix” (by) · ·
  130. Get Started on the CSS of the Future With PostCSS-cssnext (via) · · , , ,
  131. CSS Post-Processors for Beginners: Tips and Resources (by/via) · · , , ,
  132. CSS Quick Tip: Solving Common CSS Problems (by/via) · · , , , ,
  133. Using CSS Mod Queries With Range Selectors (via) · ·
  134. The Glory Days of the Web (by) · · , , , , ,
  135. A Redesign With CSS Shapes (by/via) · · , ,
  136. Make Forms Fun With Flexbox (by/via) · · ,
  137. Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript (via) · · ,
  138. Where Things Are at in the CSS Grid Layout Working Draft (via) · ·
  139. Autoprefixing, With CSS Variables! (by) · · ,
  140. Spectre: A Lightweight CSS Framework (via) · ·
  141. How to Choose the Right CSS Toolkits and Frameworks (by+/via) · · , , ,
  142. A History of CSS Image Replacement (via) · · , , ,
  143. Introducing the CSS “Clip-Path” Property (via) · · ,
  144. Designing Meaningful Animation (by/via) · · , ,
  145. Quick Tip: Single Character Transforms With CSS and JS (by/via) · · , ,
  146. An Introduction to the Basics of Modern CSS Buttons (via) · · , ,
  147. Building a Robust Frontend Using Progressive Enhancement (via) · · , , , ,
  148. A Tale of CSS and Sass Precision (by/via) · ·
  149. Introducing the CSS Grid Layout (via) · · ,
  150. Meaningful CSS: Style Like You Mean It (by/via) · · ,
  151. Improving the Quality of Your CSS With PostCSS (via) · · , ,
  152. What Is the Definition of a “CSS Hack”? (by/via) · · , ,
  153. Why I Don’t Use CSS Preprocessors (by) · ·
  154. How Good Are Your HTML and CSS Comments? (by/via) · · , , , ,
  155. What I Learned in Five Weeks of Using CSS Modules (by) · · ,
  156. Cleaning Up a CSS Codebase (by/via) · · , ,
  157. You Got Your CSS in My JavaScript (by) · · ,
  158. Introducing: The Ultimate CSS Survey (by/via) · · ,
  159. Extending Sass With PostCSS (by) · · , ,
  160. It’s Time to Rethink Vendor Prefixes in CSS (by/via) · · , ,
  161. 10 Web Predictions for 2016 (by/via) · · , , , , , , , ,
  162. An Introduction to CSS’s “@ supports” Rule (Feature Queries) (by/via) · · , , ,
  163. Blending Modes Demystified (by/via) · · , , ,
  164. Understanding the CSS Modules Methodology (by/via) · · , ,
  165. Component-Driven CSS Frameworks (via) · · , , , ,
  166. Using Multi-Step Animations and Transitions (by/via) · · , ,
  167. Decorating the Web With CSS Border Images (by/via) · · , ,
  168. Writing CSS on Growing Teams (by/via) · · , , ,
  169. CSS in the Modern World (via) · ·
  170. A Primer on Using Flexbox With Compass (via) · · , ,
  171. Animating the User Experience (by/via) · · , ,
  172. CSS Is a Mess (by/via) · · ,
  173. Architecting Scalable CSS (by/via) · · , , ,
  174. 10 Common Mistakes Web Developers Make (by/via) · · , , , ,
  175. Deconfusing Pre- and Post-Processing (by) · · , ,
  176. A Look at Length Units in CSS (via) · ·
  177. 12 Little-Known CSS Facts (the Sequel) (by/via) · · , , , , ,
  178. Atomic OOBEMITSCSS (by/via) · · , ,
  179. Getting to Know Stylus (by/via) · ·
  180. Understanding Block Formatting Contexts in CSS (by/via) · ·
  181. Container Queries: Once More Unto the Breach (by/via) · · ,
  182. Accessible Footnotes With CSS (by/via) · · ,
  183. The Future Generation of CSS Selectors: Level 4 (by/via) · · ,
  184. (Some) CSS Best Practices Considered Harmful (by) · · ,
  185. What You Should Know About Collapsing Margins (by/via) ·
  186. The End of Global CSS (by/via) · ·
  187. Understanding CSS Counters and Their Use Cases (by/via) ·
  188. 3 Things (Almost) No One Knows About CSS (by/via) ·
  189. How to Build Your Own CSS Preprocessor With PostCSS (by/via) · · , , ,
  190. Beyond Media Queries—it’s Time to Get Elemental (via) · · ,
  191. Can CSS Be Too Modular? (by) · ·
  192. New Book: “The Little Book of HTML/CSS Frameworks” (by) · · , ,
  193. Selector Specificity With CSS Preprocessors (by/via) · · , , , ,
  194. What Will Save Us From the Dark Side of CSS Pre-Processors? (by/via) · · , ,
  195. On the Deterioration of HTML/CSS Practices (by) · · ,
  196. CSS Sprites With Sass and Compass (via) · · , , ,
  197. Animation and UX Resources (by) · · , ,
  198. Specificity Graphs (by) · · , ,
  199. Responsive Images in Practice (by/via) · · , ,
  200. 6 Current Options for CSS Preprocessors (via) · · , , , ,
  201. The Specificity Graph (by) · · , ,
  202. CSS Post-Processing With Pleeease (by/via) · ·
  203. Google and HTML/CSS Code Quality (by) · · , , ,
  204. Axiomatic CSS and Lobotomized Owls (by/via) · ·
  205. CSS, DRY, and Code Optimization (by) · · , ,
  206. On Declaration Sorting in CSS (by) · ·
  207. Getting Started With CSS Audits (by/via) · · , ,
  208. CSS Audits: Taking Stock of Your Code (by/via) · · ,
  209. 11 CSS Learning Tools and Resources (by/via) · · , ,
  210. BEM—Block Element Modifier (via) · · ,
  211. You Can Do That With CSS? (by/via) · · , ,
  212. Responsive Web Design, CSS Specificity, and SVG Knowledge (by/via) · · , , ,
  213. Organizing CSS: OOCSS, SMACSS, and BEM (by) · · , , ,
  214. Ten CSS One-Liners to Replace Native Apps (by/via) · · ,
  215. Inheriting “box-sizing” Probably Slightly Better Best-Practice (by/via) · · ,
  216. Adding CSS Animations to AngularJS Applications (via) · · ,
  217. Are We Ready to Use Flexbox? (via) · · , , ,
  218. How to “Resize” Images With CSS (by/via) · · , ,
  219. HTML5 Forms: CSS (by/via) · · , , ,
  220. Universal Selector (CSS Selector) (by/via) · ·
  221. Moving Forward With CSS Shapes (by/via) · · ,
  222. 20 Useful Docs and Guides for Front-End Developers (by/via) · · , , , ,
  223. CSS Selectors Cheat Sheet (by/via) · · , ,
  224. CSS Comments (by/via) · ·
  225. “:first-child” (CSS Selector) (by/via) · ·
  226. 12 Little-Known CSS Facts (by/via) · · , , ,
  227. The Power of “em” Units in CSS (by/via) · ·
  228. Title CSS: A Simple Approach to CSS Class Naming (by/via) · ·
  229. My Current CSS and Sass Styleguide (by/via) · · , , , ,
  230. CSS: When to Use Generated Content (by) ·
  231. Dive In: Resources for Web Animation (by/via) · · ,
  232. Web Animation at Work (by/via) · · ,
  233. The Current Generation of CSS3 Selectors (by/via) · · ,
  234. CSSOM Value API Proposal Dump (by) · · ,
  235. Web Performance Tricks—Beyond the Basics (by/via) · · , , , ,
  236. CSS Regions Considered Harmful (by/via) · ·
  237. CSS Is for Developers (by) · ·
  238. CSS, HTML, and the Problem of Spec Fragmentation (by) · · ,
  239. A Beginner’s Guide to CSS Regions (via) · ·
  240. Object-Oriented HTML, and OOCSS (by) · · , ,
  241. CSS3 Transition Property Basics (by/via) · · , ,
  242. CSS3 Animation Cheat Sheet (by) · · ,
  243. “Scope” in CSS (by) · · ,
  244. Even Better CSS3 Toggle Switches (by/via) · ·
  245. The Definitive Guide to CSS Transitions (via) · · ,
  246. Happy 10th Birthday CSS Zen Garden (by/via) · · ,
  247. 8 CSS Properties Designers Can’t Live Without (via) · ·
  248. CSS3 Columns and Paged Reflowable Content (via) · ·
  249. A Complete Guide to Flexbox (by/via) · · ,
  250. Can We Get Rid of Gradient Prefixes? (by) · · ,