Frontend Dogma

“2022” Archive (8)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Foundations: Headings (by/via) · · , , , ,
  2. How to Build a File Upload Service With Vanilla JavaScript (by/via) · · , ,
  3. Accessibility Checklist: Five Things Usually Left Out (via) · · ,
  4. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · , ,
  5. (Not So) Short Note on Being Owned (by) · · , ,
  6. HTML Tips and Tricks · · ,
  7. Essential Cryptography for JavaScript Developers (by/via) · · , ,
  8. A Recipe for a Good Design System (by/via) · ·
  9. 5 Things You Don’t Need JavaScript For (by/via) · ·
  10. Importing ES6 Modules Over HTTP/HTTPS in Node.js (by/via) · · , ,
  11. Solid.js Feels Like What I Always Wanted React to Be (by) · · , ,
  12. Should Frontend Devs Care About Performance? (by) · ·
  13. Higher-Order Components in React Hooks Era (by) · · , ,
  14. CSS “content” Property (via) · ·
  15. Top 2021 CSS Frameworks Report: The CSS File Sizes (by/via) · · , , , ,
  16. When to Avoid the “text-decoration” Shorthand Property (by/via) · · ,
  17. Screaming Architecture—Evolution of a React Folder Structure (by/via) · · ,
  18. Overlay Position and Recommendations (via) · · ,
  19. How I Structure My React Projects · · ,
  20. 4 Simple Ways to Improve Web Accessibility (via) · · ,
  21. Understanding Dependencies Inside Your package.json (by+/via) · · , , ,
  22. Deploying a React Application to Netlify (by/via) · · , , ,
  23. Accessibility and Inclusivity in Practice (by+/via) · · , ,
  24. How to Fix Your Security Vulnerabilities With npm Override (via) · · , , , ,
  25. A Complete Guide to CSV Files in Node.js (by/via) · · , , ,
  26. How to Make MPAs That Are as Fast as SPAs (by) · · , , ,
  27. HTML Comments Work in JavaScript Too (by) · · , ,
  28. Moving From Next to Remix (by) · · , , ,
  29. Container Queries, the Next Step Towards a Truly Modular CSS (by/via) · · , ,
  30. Can You Get Pwned With CSS? (by) · · ,
  31. 5 Accessibility Quick Wins You Can Implement Today (by/via) · ·
  32. Reliably Send an HTTP Request as a User Leaves a Page (by/via) · ·
  33. What Is Responsible JavaScript? (by+/via) · · ,
  34. The Case for Adding Validation State to Your Design Tokens (by) · · ,
  35. How to Prioritize Your Components (by/via) · · , , ,
  36. Design Systems in Figma: How to Be More Productive (by/via) · · , , ,
  37. SPAs Were a Mistake (by) · · ,
  38. Turning the Tables on Accessibility (via) · ·
  39. Support for Marking Radio Buttons Required, Invalid (by) · · ,
  40. Inclusive Design vs. Accessible Design: Understanding the Differences (via) · · , , ,
  41. Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results (by) · · , , ,
  42. Component Tokens and Themes Example (to Learn Figma Tokens) (by/via) · · , , , ,
  43. Comparing Gatsby and Next.js for Website Development (by) · · , , ,
  44. 15 Useful Placeholder Tools for Designers and Developers (by) · · , , , , ,
  45. Let’s Get Inclusive: Designing Products for Everyone (via) · · ,
  46. Design System: How to Successfully Collaborate? (via) · · , ,
  47. Writing Logic in CSS (by) · ·
  48. How Websites Die (by) · · ,
  49. CSS Quick Tip: Animating in a Newly Added Element (by) · · , ,
  50. A Complete Guide to CSS Cascade Layers (by/via) · · , ,
  51. Column Headers and Browser Support (by) · · , ,
  52. Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · , , , ,
  53. Invisible Characters (by) · · ,
  54. You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (by) · ·
  55. Minimum Static Site Setup With Sass (by) · ·
  56. There Is No Character Limit for “Alt Text” (by) · · , ,
  57. React State Management Libraries in 2022 (by) · · , ,
  58. Comparing Node JavaScript to JavaScript in the Browser (by/via) · · , , ,
  59. Using “mask” as “clip-path” (by) · · , ,
  60. Structuring Documentation in Multi-Brand Design Systems (by) · · ,
  61. JavaScript Obfuscation: The Definitive Guide (2022) (via) · · , ,
  62. Core Web Vitals: What Next? (by/via) · · , ,
  63. How To: Correctly Test for Python’s Version (by) · · , , ,
  64. Flexbox Dynamic Line Separator (by) · · ,
  65. What Makes Writing More Readable? (by+/via) · · ,
  66. Web Developers and Cognitive Biases (by) · · ,
  67. How to Create a Search Page for a Static Website With Vanilla JS (by) · · , , , ,
  68. An Auto-Filling CSS Grid With Max Columns of a Minimum Size (by/via) · · , ,
  69. The State of JavaScript 2021 [Results] (by/via) · · ,
  70. What Is the Difference Between WCAG Compliance Level A, AA, and AAA? (via) · · , ,
  71. Track Down the JavaScript Code Responsible for Polluting the Global Scope (by) · · ,
  72. The Harsh Reality for JavaScript Developers: If You Don’t Study the Fundamentals You Will Be Just Another “Coder” (by) · · , ,
  73. 7 Lessons I’ve Learned in the Last Year as a Software Engineer (by/via) · · ,
  74. Version 100 in Chrome and Firefox (via) · · , , , , ,
  75. Foundations: Colour and Meaning (by/via) · · , ,
  76. Colors That Make Sense (by/via) · · , ,
  77. The Basics of package.json (by+/via) · · , , , ,
  78. Never, Ever, Ever Use Pixelation for Redacting Text (by/via) · · , , ,
  79. 10 Mental Models Developers Can Use to Get Unstuck (by/via) · ·
  80. WCAG 2.2 Update (via) · · ,
  81. 7 Killer One-Liners in JavaScript (by) · ·
  82. The Entire Cascade (as a Funnel) (by) · · , ,
  83. Functions and the Future of Design Systems (by) · ·
  84. Introducing PHP: A Beginner’s Guide (via) · · , ,
  85. Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · , ,
  86. WebDex: Web Specs Index (by) · · , ,
  87. Using the Language Attribute to Make Your Website Accessible (by) · · , ,
  88. Multi-Value CSS Properties With Optional Custom Property Values (by/via) · · ,
  89. Hello, CSS Cascade Layers (by) · · ,
  90. Release Notes for Safari Technology Preview 140 (by/via) · · , , ,
  91. How to Keep Your Repo Package Dependencies Up to Date Automatically (by) · · , , , ,
  92. Moving From JavaScript to TypeScript (by) · · ,
  93. MHTML in Chromium (by) · · ,
  94. How Thinking About Hierarchical Grids Helps You Take a Content-First Approach to Design (via) · · , , ,
  95. What I Learned Implementing a Design System for an Existing Product (via) · · ,
  96. The Difference Between Brotli and Gzip Compression Algorithms to Speed Up Your Site (by/via) · · , , ,
  97. Only 2% of Sites Meet Accessibility Standards—Let’s Change That (via) · ·
  98. How to Make CSS Slanted Containers (by/via) · · ,
  99. Everything Publishers Need to Know About URLs (by) · · , ,
  100. Building an Adaptive Favicon (by/via) · · ,
  101. Accessibility Monitoring: How We Test (via) · · , , ,
  102. Move Over JavaScript: Back-End Languages Are Coming to the Front-End (by/via) · ·
  103. This Is Why Your Node.js Application Is Slow (by) · · ,
  104. Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · , ,
  105. New in JavaScript: “reportError”—a Method to Report to Global Event Handlers (by) · · ,
  106. Developing a Focus Style for a Themable Design System (by/via) · · , , ,
  107. Debugging JavaScript (by) · · ,
  108. Aspect Ratio Is Great (by/via) · · ,
  109. Modern, Single-Page Web Design: UX Design Trends and Tips (by/via) · · , ,
  110. Do We Need Screen Reader for Accessibility Testing (by/via) · · , , ,
  111. Creating Generative SVG Grids (by/via) · · , ,
  112. Introducing the Dialog Element (by/via) · · , ,
  113. How to Favicon in 2022: Six Files That Fit Most Needs (by/via) · · , ,
  114. CSS Animations Tutorial: Complete Guide for Beginners (via) · · , , ,
  115. Accessibility Testing Best Practices in CI/CD (via) · · , , ,
  116. UX and User Personas: How to Get It Right (by/via) · · , ,
  117. How to Use the Accessibility Tree for A11Y Testing · · , ,
  118. How to Create a UX Vision Statement (by/via) · · ,
  119. Are We Live? (by) · · ,
  120. Foundations: Colour Contrast (by/via) · · , , ,
  121. What Web Frameworks Solve: The Vanilla Alternative (by/via) · · , ,
  122. Understanding the W3C’s Accessibility Conformance Testing (ACT) Requirements (via) · · , ,
  123. Design System Versioning: Single Library or Individual Components? (by) · · ,
  124. The Impact of Motion Animation on Cognitive Disability (via) · · , ,
  125. Custom Markdown Components in 11ty (by) · · , ,
  126. Why Efficient Hydration in JavaScript Frameworks Is So Challenging (by/via) · · , ,
  127. Reducing the Web’s Carbon Footprint: Optimizing Social Media Embeds (by/via) · · , , ,
  128. No Accessibility Without Disabilities (by) · · ,
  129. 8 Key Elements for Creating a Culture of Accessibility (via) · · ,
  130. Assistive Technology, Accessible Technology, and the Accessibility Tree (by/via) · · , , ,
  131. Grow Your Design System From Good to Great (by) · ·
  132. State of Frontend 2022 (via) · ·
  133. Settings Are Not a Design Failure (by/via) · · , ,
  134. Improving JavaScript Bundle Performance With Code-Splitting (by/via) · · , , , ,
  135. “Evergreen” Does Not Mean Immediately Available (by/via) · ·
  136. Cascade Layers Are Coming to Your Browser (by/via) · · , , ,
  137. Career Advice Nobody Gave Me: Never Ignore a Recruiter (by/via) · ·
  138. Website Themes and Color Schemes (by) · · , , ,
  139. Structuring Your Storybook (by/via) · ·
  140. CSS—Understanding the Cascade (by/via) · · , ,
  141. Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus (by/via) · · , ,
  142. 24 Lesser-Known HTML Attributes You May Want to Use (by) · ·
  143. 5 Pitfalls of Using Micro Frontends and How to Avoid Them (by/via) · ·
  144. Use Cases for CSS “fit-content” (by) · ·
  145. The Focus-Indicated Pseudo-Class “:focus-visible” (by/via) · · , ,
  146. Speed Matters, but It Isn’t Everything (by/via) · · , ,
  147. Preventing Smooth Scrolling With JavaScript (by) · · ,
  148. Learn Responsive Design (by/via) · · ,
  149. Accessibly Insecure (by/via) · · ,
  150. A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (by) · ·
  151. 4 Questions to Ask Before Using ARIA (via) · · , , ,
  152. Inclusive Design (by/via) · · ,
  153. Why You Should Use a Developer Font (by) · · , ,
  154. Why Testing After Is a Bad Practice (by) · ·
  155. What Web Frameworks Solve and How to Do Without Them (by/via) · · , ,
  156. WCAG, but in Language I Can Understand (by) · · ,
  157. Internal Onboarding for Design System Teams (by) · · ,
  158. How Does “!important” Actually Work? (by) · · , ,
  159. Cascade Layers: First Contact (by) · · ,
  160. Caching Header Best Practices (by) · · , , , ,
  161. To Create an Excellent Design System, Treat It Like a Collaborative Process (via) · · , ,
  162. Naming Design Tokens (by/via) · · ,
  163. Top Ten Most Common Web Accessibility Issues (via) · ·
  164. WebAssembly Feature Detection (by/via) · · , ,
  165. There’s No Such Thing as Clean Code (by) · · ,
  166. Demystifying TypeScript Discriminated Unions (by/via) · ·
  167. Cherry Picking Commits in Git (by) · · ,
  168. A Pipe Operator for JavaScript: Introduction and Use Cases (by) · · , ,
  169. Overview of Accessibility Testing Using DevTools (by+/via) · · , , , , , ,
  170. The Baseline for Web Development in 2022 (by/via) · · , , , , ,
  171. What’s New in DevTools? (by/via) · · , , , , , , , , ,
  172. Design System: How to Efficiently Scale Development? (via) · · , ,
  173. The Return of Server Side Routing (by/via) · ·
  174. The Double-Assignment Pattern in jQuery’s Source Code (by) · · ,
  175. How to Convert Markdown to HTML (by/via) · · , , ,
  176. Fancy CSS Borders Using Masks (by/via) · · , , ,
  177. Here’s What I Didn’t Know About “:where()” (by) · · ,
  178. The Risks and Rewards of App Modernization (by/via) · · , ,
  179. Best Practices for Creating Your UX Design Portfolio (by/via) · · , , ,
  180. Why Don’t Developers Take Accessibility Seriously? (by/via) · ·
  181. Foundations: Text Descriptions (by/via) · · , ,
  182. Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack (by) · · , , , , , ,
  183. Monorepo Explained (via) · · ,
  184. An Introduction to CSS Cascade Layers (by/via) · · , ,
  185. Drift: Why Your Design System Isn’t Working (by/via) · · ,
  186. More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · , ,
  187. Deploying Web Applications With GitHub Actions (by/via) · · , , ,
  188. Technology Time-Outs (via) · · ,
  189. The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (by) · ·
  190. How to Check What Item Is in Focus When Accessibility Testing · · , , ,
  191. Context-Aware Web Components Are Easier Than You Think (by/via) · · , ,
  192. The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (by/via) · · , ,
  193. Optimize Your PNGs With Oxipng and pre-commit (by) · · , , , ,
  194. Frontend Predictions for 2022 (by) · · , , , ,
  195. Div Divisiveness (by) · · ,
  196. Big Images, Blazingly Fast (by/via) · · , ,
  197. Accessibility Acceptance Criteria (via) · · , , ,
  198. The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (by/via) · · ,
  199. Giving Web Standards a Seat at the Table (by) · · ,
  200. Create an Open Graph Image Generator With Node.js (by/via) · · , ,
  201. What Should Someone Learn About CSS if They Last Boned Up During CSS3? (by/via) · ·
  202. How to Set Up a Node.js Project With TypeScript (by/via) · · , ,
  203. How to Avoid Layout Shifts Caused by Web Fonts (by) · · , , ,
  204. Design Systems Are Flawed (by/via) · ·
  205. An Introduction to High Contrast Accessibility (by) · · , , ,
  206. Using PostCSS With Media Queries Level 4 (via) · · , ,
  207. Naming Conventions for Your Design System (by/via) · · , ,
  208. Quick Accessibility Tests Anyone Can Do (via) · · , ,
  209. TypeScript Features to Avoid (via) · ·
  210. Making IT Accessible for All! (by) · · ,
  211. Building UI Components With SVG and CSS (by) · · , ,
  212. Becoming a Better Writer as a Software Engineer (by) · · ,
  213. Find HTML Parsing Errors (by/via) · · , , , ,
  214. Rethinking Component Libraries (by) · ·
  215. The Real Added Costs of Accessibility (by) · · ,
  216. On the Peculiarities of Counting the Number of HTML Elements (by) · ·
  217. Modern Fluid Typography Using CSS Clamp (by/via) · · ,
  218. Frontend Challenges: Front-End Engineer Assignment (by) · · , , ,
  219. Comparing CSS Specificity Values (by) · · , ,
  220. “structuredClone()”: Deeply Copying Objects in JavaScript (by) · · ,
  221. Choosing Open Source License Wisely (by) · · ,
  222. CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (by) · · , , ,
  223. Accessibility Data Is Not the Enemy (by/via) · · ,
  224. CSS Conditional Rules Module Level 3 (by+/via) · · ,
  225. Rationalise It! 5 Steps to Introduce a New Component to the Design System (by/via) · · ,
  226. Git Organized: A Better Git Flow (by/via) · · , ,
  227. Building an Accessible Digital World (by/via) · ·
  228. Accessibility and 2022: 13 Design Trends From a Usability Perspective (by/via) · · , , ,
  229. Website Performance and the Planet (by/via) · · , ,
  230. Web Accessibility Lawsuits Dramatically Rose in 2021 (via) · · , ,
  231. Boolean Attributes in HTML and ARIA: What’s the Difference? (by) · · ,
  232. An Introduction to Tech Debt (and Why It Can Change Your Career) (by) · · , ,
  233. Revisiting Why Hyperlinks Are Blue (via) · · ,
  234. Make Beautiful Gradients (by) · · ,
  235. Software Is Automating Design—What Does That Mean for Designers? (by/via) · · ,
  236. Social Media Image Sizes 2022: Cheat Sheet for Every Network (by+/via) · · , ,
  237. Remix vs. Next.js (via) · · , ,
  238. PHP in 2022 (by) · ·
  239. Foundations: Animations and Flashing Content (by/via) · · , ,
  240. Writing With Respect (by/via) · ·
  241. HTML Is General, ARIA Is Specific (by) · · ,
  242. How Not to Learn TypeScript (by) · ·
  243. Don’t Fight the Cascade, Control It! (by/via) · · ,
  244. Alt Tag Emptiness (by) · · , , , ,
  245. A Deep CSS Dive Into Radial and Conic Gradients (by/via) · · ,
  246. Memory Leaks, How to Avoid Them in a React App (by) · · , ,
  247. Your CSS Reset Needs “text-size-adjust” (Probably) (by) · · ,
  248. Two Ways to Clear an Array With Vanilla JavaScript (by) · · ,
  249. Ban Embed Codes (by) · ·
  250. 22 Smart Google SEO Tips for 2022 (by/via) · · , ,