Frontend Dogma

“2022” Archive (6)

  1. Advocating for Your Design System (by/via) · · ,
  2. An Introduction to the Tailwind CSS and Atomic CSS (by) · · , , ,
  3. Dialog Components: Go Native HTML or Roll Your Own? (by/via) · · , ,
  4. A Guide to Writing Industry Standard Git Commit Messages · · , ,
  5. Lesser-Known and Underused CSS Features in 2022 (by/via) · ·
  6. 5 Things I’d Want to See Improved in WordPress Core (by/via) · ·
  7. 15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (by/via) · · , , ,
  8. Accessibility From Different Perspectives (by) · ·
  9. The Balance Has Shifted Away From SPAs (by) · ·
  10. Fun With CSS Combinators (by) · · ,
  11. Triaging WCAG 2.1 Level AAA (by/via) · · , ,
  12. First Look at the CSS “object-view-box” Property (by) · ·
  13. What We Can Learn From Remix (by/via) · · ,
  14. Use “@ supports” At-Rule for Feature Detection in CSS (by/via) · · , , , ,
  15. Web Development === Accessibility (by) · ·
  16. React Hooks Best Practices in 2022 (by) · · ,
  17. 4 Web Accessibility Remediation Mistakes to Avoid (via) · · ,
  18. Automate Accessibility Tests With Storybook (by/via) · · , , ,
  19. Web Accessibility Is Broken—It’s Time to Fix It (by) · · ,
  20. Thinking Colors: Balancing Between Visual and Abstract (by/via) · ·
  21. The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure (by/via) · · , , , ,
  22. React Accessibility Resources (by) · · , ,
  23. Patterns (via) · · , ,
  24. Let’s Make Accessibility Boring Again (by/via) · ·
  25. Accessibility Not-Checklist (via) · · , ,
  26. Quick and Dirty Text Diffing (by) · ·
  27. RFC 9239: Updates to ECMAScript Media Types (by) · · ,
  28. Building a Button Component (by/via) · · , , , ,
  29. How to Ask for a Promotion (by/via) · · ,
  30. Conditionally Loading CSS or Any Resource Using Media Queries (by) · · , ,
  31. The Rise and Fall of Neumorphism (by/via) · ·
  32. UI and UX Micro-Tips (by/via) · · , ,
  33. WCAG 2.2 and WCAG 3 Status Updates · · , ,
  34. The Modern Way to Create and Host a WordPress Site (by/via) · · , ,
  35. The Forgotten Benefits of “Low Tech” User Interfaces (via) · ·
  36. Reduce Array of Objects to an Object in JavaScript (by) · · , ,
  37. How the HTML “lang” Attribute Helps Accessibility (via) · · , ,
  38. Peering Into the Accessibility of Dark Mode (by/via) · · ,
  39. :where() :is() :has()? New CSS Selectors That Make Your Life Easier (by/via) · · ,
  40. Quick Tip: You Might Not Need “calc()” (by/via) · · ,
  41. Building a Design System With Eleventy (by) · · ,
  42. Web Applications 101 (by) · · ,
  43. Unpack Arrays Conditionally in PHP (by) · · ,
  44. Unexpectedly HTTPS? (by) · · ,
  45. The Era of Rebellious Web Design Is Here (by/via) · ·
  46. Rethinking Server-Timing as a Critical Monitoring Tool (by/via) · · , , ,
  47. Color Alignment for Multiple Design Systems (via) · · ,
  48. An Affordable Work-from-Home Setup for Remote Workers (via) · ·
  49. 9 Ways to Design Inclusive Content (by/via) · · ,
  50. 24×24 Pixel Cursor Bookmarklet (by) · · , , ,
  51. Personas vs. Archetypes (by/via) · · , , , ,
  52. More Common Accessibility Issues That You Can Fix Today (by) · ·
  53. Call to Action Examples (by) · · , , ,
  54. Keyboard Testing: The A11y Enhancement to Your Definition of Done (by) · · , ,
  55. Does JavaScript Make My Site Less Accessible? (via) · · , ,
  56. Cool Hover Effects That Use CSS Text Shadow (by/via) · · ,
  57. Don’t Fight the Browser Preload Scanner (by/via) · · , , ,
  58. Master the “:nth-child()” Pseudo-Class (by/via) · · , ,
  59. A Designer’s Journey of Ignorance, Resentment, and Wisdom (by/via) · ·
  60. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (by/via) · · , , , , ,
  61. Light and Dark Mode in Just 14 Lines of CSS (by) · · ,
  62. Debugging Accessibility With Chrome DevTools (by/via) · · , , , , , ,
  63. Bringing Page Transitions to the Web (by/via) · · , ,
  64. W3C TAG Ethical Web Principles (by+/via) · · , ,
  65. Tokens as Intents (by/via) · · , ,
  66. XHTML Syntax Is Still Worth Using (by) · · ,
  67. How to Learn JavaScript Fast: Six Simple Mind Tricks (by/via) · · , , ,
  68. State of CSS 2022 (by/via) · ·
  69. Bridging the Gap (by/via) · · ,
  70. Why WCAG 2.2 Is Still in the Oven (via) · · ,
  71. On Design Thinking (by) · ·
  72. Divs Are Bad! (by) · · ,
  73. Designing for Web Accessibility in 60 Seconds (by) · ·
  74. The Complete Modern React Developer 2022 (by) · ·
  75. You Don’t Need “void 0” (by/via) · ·
  76. Two Approaches to Accessibility on the Web (by) · · ,
  77. Under the Hood: React vs. Vue vs. Svelte (via) · · , , , ,
  78. Magical SVG Techniques (via) · · , ,
  79. Cron Jobs: A Comprehensive Guide (by/via) · · , ,
  80. A Different View Into Accessibility Overlays (via) · · , , , ,
  81. Reinventing W3C Governance (by) · · ,
  82. Why SEO Is a Great Investment, Not Just a Cost (by/via) · · ,
  83. Understanding User Behaviors Across Surfaces (via) · ·
  84. The Road to Universal JavaScript (by) · ·
  85. “Someone Should Build X for the Web”—Why Not You? (by) · ·
  86. Performance Game Changer: Browser Back/Forward Cache (by/via) · · , , ,
  87. Learn HTML [and] CSS (by) · · , ,
  88. Frontend Versus Backend Web Development (via) · ·
  89. A Management Maturity Model for Performance (by) · ·
  90. What’s Your Heading? (by) · · , , ,
  91. My Opinion on What Makes a Good Code Review (by) · · ,
  92. Scaling CSS Layout Beyond Pixels (by/via) · · , ,
  93. Top 2021 CSS Frameworks Report: Validation (by/via) · · , , , , ,
  94. How to Use the GitHub Pulls API to Manage Pull Requests (by/via) · · , ,
  95. Learn CSS Subgrid (by) · · ,
  96. Resilience, Flexibility, and Immediacy: Working With Headless Systems (by/via) · · , ,
  97. How to Use Videos With Alpha Transparency on the Web (by) · · , ,
  98. Master Higher-Order Functions in JavaScript (by/via) · · ,
  99. Fetch API Is [the] New Old Version of AJAX (by) · · , ,
  100. 12 Modern CSS Techniques for Older CSS Problems (by/via) · · , ,
  101. Practical Use Cases for “:has()” Pseudo-Class (by/via) · · , ,
  102. Please, Stop Disabling Zoom (by) · · ,
  103. Get to Know Your Browser’s Performance Profiler (by) · · , ,
  104. A Guide to Writing About Digital Accessibility (by/via) · · , ,
  105. The Evolution of WCAG: A Postcard From the Front Lines (by/via) · · , , ,
  106. Nail Your Website Redesign in 2022—Tips and Tricks (by/via) · · , ,
  107. Design Patterns: How to Create Simple Interfaces (via) · · , ,
  108. Designing a Better Language Selector (by/via) · · , , ,
  109. JavaScript Containers · · ,
  110. How Not to Do Accessible Design (by/via) · · , ,
  111. Developing a Low-Touch Adoption Strategy for a New Design System (by/via) · · ,
  112. It’s Time We Fix the Unethical Design of Cookie Consent Windows (by/via) · · , , , ,
  113. 5 Simple Productivity Tips for Developers (via) · · ,
  114. Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (by/via) · · , , , , , , ,
  115. How to Create a Color Palette for Your Design System (via) · · , , ,
  116. Legibility—How and Why Typography Affects Ease of Reading · · , , ,
  117. You Don’t Need a UI Framework (by/via) · · , ,
  118. Why I Don’t Miss React: A Story About Using the Platform (by) · ·
  119. Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (by) · · , , ,
  120. In Defence of the Single Page Application (by) · ·
  121. Contextual Spacing for Intrinsic Web Design (by) · · , ,
  122. Deep Dive Into Text Wrapping and Word Breaking (by) · · ,
  123. Creating Realistic Reflections With CSS (by/via) · · ,
  124. Writing Better CSS (by/via) · · , ,
  125. If Design Principles Are for Designs, Then Design Values Are for Designers (via) · · ,
  126. Ethical Design Network (by) · · , ,
  127. 8 JavaScript Quiz [Questions] That May Confuse You (via) · · ,
  128. Under-Engineered Multi-Selects (by) · · , ,
  129. Design System Documentation Best Practices (by/via) · · , ,
  130. How to Reduce Figma Memory Usage (via) · · ,
  131. Creating a Firework Effect With CSS (by) · · ,
  132. How Web Browsers Work: Parsing the CSS · · , ,
  133. Foundations: Lists (by/via) · · ,
  134. Server-Side vs. Client-Side Analytics (by) · · , ,
  135. Introducing “inert” (by/via) · · , ,
  136. CTA Modal: How to Build a Web Component (by/via) · · , , ,
  137. How to Build Node.js REST API With MySQL · · , , , ,
  138. Common Frontend Interview Questions I’ve Been Asked · · , ,
  139. The Complete Guide to Regular Expressions (Regex) (by/via) · · ,
  140. My Browser Support Strategy (by/via) · · , , ,
  141. Understanding the Performance Impact of Anti-Flicker Snippets (by/via) · · ,
  142. The CSS Art Paradox (by) · · , , ,
  143. Let’s Keep the “Content” in WCAG (by/via) · · , ,
  144. Best Practices for Integrating Content Design in Your Design System (via) · · , , ,
  145. Stop Removing Focus (by) · · , ,
  146. The 5 Golden Rules of Code Reviews (by) · · , ,
  147. Web Scraping via JavaScript Runtime Heap Snapshots (by) · · , ,
  148. Cool Hover Effects That Use Background Properties (by/via) · · , ,
  149. Learn to Code With JavaScript: The Most Popular Programming Language on Earth (by/via) · · ,
  150. A Practical Guide to Aspect Ratio in CSS (by/via) · · , ,
  151. Flexibly Centering an Element With Side-Aligned Content (by) · · ,
  152. What Is Memoization? How and When to Memoize in JavaScript and React (by/via) · · , ,
  153. Non-Interactive Elements With the “inert” Attribute (by/via) · · ,
  154. Deploy Your First Website Without Leaving Your IDE (by/via) · ·
  155. Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · , ,
  156. Is Measuring Speed a Useful Metric for Design Systems? (by+/via) · · , , ,
  157. Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (by/via) · · , , ,
  158. A Guide to Task-Based UX Metrics (by/via) · · , ,
  159. Deep Dive Into Top Web Developer Pain Points (by/via) · ·
  160. How Web Browsers Work: Parsing the HTML · · , ,
  161. Build a Lightweight Web Component With Lit.js (by/via) · · ,
  162. Mobile App Versus Web Site: Which Is Better for Your Business? (via) · · , ,
  163. Supercharge Your Design System With Design Tokens (by/via) · · ,
  164. The “Dark Yellow Problem” in Design System Color Palettes (via) · · , ,
  165. Testing Figma Components (by/via) · · , ,
  166. Four Eras of JavaScript Frameworks (by) · · , ,
  167. 9 Useful Principles of UX Design (via) · · , ,
  168. 8 Ways to Make Website Accessibility Easier (and Less Expensive) (via) · ·
  169. 16 Top Design Trends for 2022 (via) · · ,
  170. 11 Steps to Keep Figma Clean (via) · · , ,
  171. Atomic Design 2022: What We Can Learn From Eames and Other Design Giants (via) · · ,
  172. Best Font for Online Reading: No Single Answer (via) · · , , , ,
  173. Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity (by) · · ,
  174. How Web Browsers Work: Navigation · · ,
  175. Progressive Enhancement and HTML Forms: Use “FormData” (by/via) · · , ,
  176. Writing Strong Front-End Test Element Locators (by/via) · ·
  177. Web Color Is Still Broken (by) · · , ,
  178. TypeScript Tips and Tricks (by/via) · · , ,
  179. Mastering CSS Transitions With React 18 (by/via) · · , ,
  180. Building a Combined CSS Aspect Ratio Grid (by/via) · · ,
  181. Productivity Tips and Tools for a More Efficient Workflow (via) · · , , ,
  182. Faster Initialization of Instances With New Class Features (by/via) · · , , ,
  183. Debugging Node Serverless Functions on AWS Lambda (by) · · , , , ,
  184. The Future of CSS: CSS Toggles (by/via) · ·
  185. Why Learn to Code? 17 Benefits of Learning to Code (by/via) · · ,
  186. Brief Note on Buttons, Enter, and Space (by) · ·
  187. Beyond WCAG: Losing Spoons Online (via) · · , ,
  188. 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (by/via) · · , , ,
  189. Ordering CSS Declarations (by) · · ,
  190. Forced Colors Explained: A Practical Guide (by/via) · · ,
  191. How to Start Testing Your Website With a Screen Reader (by/via) · · , , ,
  192. Routing: I’m Not Smart Enough for an SPA (by) · · ,
  193. The Role of Policy in Creating a Culture of Accessibility (by/via) · · , , ,
  194. The Front-End Developer’s Guide to the Terminal (by) · · ,
  195. How to Choose the Right Static Site Generator (by/via) · · , , , ,
  196. A Practical Guide to Centering in CSS (via) · · , ,
  197. Ensure Third Party Content Is Accessible (by/via) · · , ,
  198. React 18—New Features and Improvement Strategies · ·
  199. 20 Easy Ways to Be More Productive as a Developer (by) · ·
  200. When UX Goes Bad (and How to Fix It) (by/via) · ·
  201. Web Scraping Is Legal, U.S. Appeals Court Reaffirms (by/via) · · ,
  202. The Ultimate Guide to Push Notifications for Developers (by/via) · · ,
  203. Does Valid and Semantic HTML Still Matter? (by+/via) · · , , ,
  204. 4 Reasons to Avoid Using “npm link” (by) · ·
  205. Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking (by) · · , ,
  206. Node.js 18 Introduces Prefix-Only Core Modules (by/via) · ·
  207. The Most Popular Node.js Frameworks in 2022 (via) · · ,
  208. Is Agile an Anti-Design Pattern? (via) · · , ,
  209. 7 Web Component Tricks (by) · · ,
  210. Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (by) · · , ,
  211. Intro to CSS Parent Selector—“:has()” (by/via) · · , , ,
  212. Fonts for the Web: Rationale, 1996 (by/via) · · ,
  213. Evaluating Design System Adoption Using Custom CSS (by/via) · · , , ,
  214. Accessibility Why You Need to Work Toward Progress Not Perfection (by) · ·
  215. Building a Dialog Component (by/via) · · , , , ,
  216. Usability Guidelines for Better Carousels UX (by/via) · · , , ,
  217. Title Rewrites: 3 Patterns to Avoid (by/via) · · , , ,
  218. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via) · · , ,
  219. Drastically Improve Your UI Designs With This Technique (via) · · , ,
  220. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via) · · , , ,
  221. Designers Are Spending Too Much Time Designing UI Variations Manually (by/via) · · , ,
  222. CSS Parent Selector (by) · · ,
  223. A Web Renaissance (by) · ·
  224. Why Accessibility Bugs Are a Good Thing and How to Handle Them (by) · · ,
  225. One Million Broken Web Sites—and a Way to Prevent That (by) · · , ,
  226. Naming Colors in Design Systems (via) · · , ,
  227. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (via) · ·
  228. Common Accessibility Issues That You Can Fix Today (by) · ·
  229. Takeaways From “The Internet Is Unusable”: The Disabled View (by/via) · ·
  230. CSS Toggles Explainer and Proposal (by+/via) · ·
  231. Image Borders in CSS (by) · · , ,
  232. Childish Font Sizes (by/via) · · , ,
  233. How to Improve UX Design Through A/B Testing (by/via) · · , , , ,
  234. How to Develop Your UX Design Philosophy (by/via) · · , ,
  235. Those HTML Elements You Never Use (by) · · ,
  236. Mobile-First Ecommerce Site Design Is the Future (via) · · ,
  237. Common App Design Challenges and Their Solutions (via) · · ,
  238. 7 Collaborative Coding Tools for Remote Pair Programming (by/via) · · ,
  239. How to Turn HTML Webpage Into an Image? (by) · · , ,
  240. CSS Tips and Tricks You May Need to Know (by) · · ,
  241. JavaScript Function Composition: What’s the Big Deal? (by) · · ,
  242. How to Fix Your Low-Contrast Text (by) · · , , ,
  243. Information Architecture: Study Guide (by/via) · · , , ,
  244. Open Accessibility Standards (by) · · , , ,
  245. CSS “:has()” a Parent Selector Now (by) · · ,
  246. April 9 Is CSS Naked Day (via) · · , , ,
  247. MIME Types (by) · · , , ,
  248. Incremental Static Regeneration for Angular (by) · · ,
  249. 33 JavaScript Concepts Every Developer Should Know (by) · · ,
  250. There’s No Such Thing as a “Design System Designer” (via) · · , ,