Frontend Dogma

“2022” Archive (6)

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