Frontend Dogma

“2021” Archive (3)

  1. How to Calculate REMs From Pixels (by) · · ,
  2. Accessibility From the Ground Up (by) · ·
  3. I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me (by) · · ,
  4. What’s on the Menu? (by) · · ,
  5. UI Cheat Sheet: Spacing Friendships (by/via) · · , ,
  6. Top 9 Lessons Learned in 12 Years as a Software Developer (by) · · ,
  7. Web Accessibility Checklist · · , ,
  8. Truthy and Falsy: When All Is Not Equal in JavaScript (by/via) · ·
  9. I Tried Angular as a React Developer: Here Are 6 Things I Like About It (by/via) · · , ,
  10. Building the Same App 5 Times · · , , , , ,
  11. One Favicon to Rule Them All (by) · · , ,
  12. What’s New in Bootstrap 5 (by/via) · · ,
  13. Using CSS Module Scripts to Import Stylesheets (by/via) · · , ,
  14. State Management in Svelte Applications (by/via) · · ,
  15. Level Up Your CSS Linting Using Stylelint (via) · · , ,
  16. ARIA Spec for the Uninitiated (by/via) · · , ,
  17. CSS Grid Tooling in DevTools (by/via) · · , , , , ,
  18. Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (by) · · , ,
  19. You Don’t Know “useEffect” · ·
  20. Does Shadow DOM Improve Style Performance? (by) · · , , ,
  21. Reviewing a Design for Accessibility (via) · · , ,
  22. Big O, Code Efficiency Analysis (by) · · ,
  23. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (by) · · , , , ,
  24. Decoding AVIF: Deep Dive With Cats and imgproxy (by+/via) · · ,
  25. Breaking the Web Forward (by) · · ,
  26. CSS “accent-color” (by+/via) · · ,
  27. Static vs. Dynamic vs. Jamstack: Where’s the Line? (by/via) · · , , ,
  28. How to Test for Accessibility With Users at Every Design Stage (by/via) · · , ,
  29. Accessible Design Systems: Look Good While Doing Good (by/via) · · ,
  30. The State of Mobile First and Desktop First (by) · · , ,
  31. Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (by) · · ,
  32. “return await promise” vs. “return promise” in JavaScript (by) · · , ,
  33. The Complete Guide to HTML Forms and Constraint Validation (by/via) · · , , ,
  34. Principles by Design (by/via) · · ,
  35. “<Lazy>” Rendering in Vue to Improve Performance (by) · · , , ,
  36. Accessible Contrast Ratios and A-Levels Explained (via) · · , ,
  37. Google vs. the Web (by) · · ,
  38. HTTP/3 From A to Z: Core Concepts (by/via) · · , ,
  39. Exploring the CSS Paint API: Image Fragmentation Effect (by/via) · · , , ,
  40. A Performance-Focused Workflow Based on Google Tools (by/via) · · , , ,
  41. The World of CSS Transforms (by) · ·
  42. JavaScript Development: Making a Web Worker Optional (by/via) · · ,
  43. How Writing Can Advance Your Career as a Developer (by/via) · · ,
  44. Uploading Multiple Files With Fetch (by) · · , ,
  45. Next-Level List Bullets With CSS “::marker” (by/via) · · ,
  46. Pixelart and the “image-rendering” Paradox (by) · · , ,
  47. 30 Years on From Introducing the Web to the World (by/via) · · ,
  48. Browsers and Representation (by) · ·
  49. On the “<dl>” (by) · ·
  50. Inclusive Usability Testing: The Benefits of Inclusive Design (via) · · , ,
  51. Why Are We Talking So Much About Design Leadership? (by/via) · · ,
  52. Visualizing a Codebase (by/via) · · ,
  53. Sustainable Web Design, an Excerpt (via) · ·
  54. A Guide to Accessible Digital UX Design (via) · · , , ,
  55. Refresher on JavaScript Callbacks and Promises (by/via) · · , ,
  56. Writing Great Alt Text: Emotion Matters (by) · · , , ,
  57. Accessibility Testing With Storybook (by/via) · · , ,
  58. CSS Nesting, Specificity, and You (by) · · , ,
  59. What Are Accessibility Overlays Good For? (by/via) · · ,
  60. Using CSS Shapes for Interesting User Controls and Navigation (by/via) · · ,
  61. React Children and Iteration Methods (by/via) · ·
  62. Web Accessibility Myths: Debunking 7 Common Misconceptions (by/via) · · ,
  63. How to Build Resilient JavaScript UIs (by/via) · · , , ,
  64. A Deep Dive on Skipping to Content (by/via) · · ,
  65. Introduction to TCP: Transmission Control Protocol (via) · · , ,
  66. How to Use “Promise.allSettled()” (by) · · , ,
  67. npm Security Best Practices (by/via) · · , ,
  68. What Devs Need (by) · · , ,
  69. Using localStorage With React Hooks (by/via) · · , ,
  70. Building the Perfect GitHub CI Workflow for Your Frontend Team (by) · · ,
  71. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via) · · , , , ,
  72. 2021 Scroll Survey Report (by+/via) · · , ,
  73. The (Most Comprehensive) JavaScript Design Principles Guide (by) · · , , ,
  74. Refactoring CSS: Strategy, Regression Testing, and Maintenance (by/via) · · , , , , ,
  75. Mitigating User Errors (by/via) · · ,
  76. Why It’s Okay for Web Components to Use Frameworks (by) · · ,
  77. 101 Digital Accessibility Tips and Tricks (by) · · ,
  78. Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better (by) · · , ,
  79. Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer (by) · · , , , , ,
  80. Best Practices for Tags and Tag Managers (by/via) · · , ,
  81. 5 Git Tips to Level Up Your Workflow (by/via) · · , ,
  82. How to Stay Focused as a Self-Taught Frontend Web Developer (by) · · , , ,
  83. There Is No Such Thing as a CSS Absolute Unit (by/via) · · ,
  84. Optimizing Your Own Performance as a Designer (by/via) · · ,
  85. CSS Architecture and Performance in Micro Frontends (by/via) · · , , ,
  86. Learnings From a WebPageTest Session on CSS-Tricks (by/via) · ·
  87. Creating an Accessible Dialog From Scratch (by/via) · · ,
  88. How to Hand Off Accessible Designs to Developers? (via) · · , ,
  89. Safari Isn’t Protecting the Web, It’s Killing It (by/via) · · , , ,
  90. Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (by/via) · ·
  91. Architecting and Scaffolding a TypeScript and Express API (by/via) · · , ,
  92. When You Cannot Run Away From Using Tables on Mobile (by/via) · · , , ,
  93. Thinking About the Cut-Out Effect: CSS or SVG? (by) · · , , , ,
  94. Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks (by/via) · · , ,
  95. Is It Time to Ditch the Design Grid? (by/via) · · ,
  96. Global vs. Local Styling in Next.js (by/via) · · , ,
  97. CSS Logical Properties and Values (by/via) · · ,
  98. Takeaways From the 2021 State of Digital Accessibility Report (by/via) · · ,
  99. Accessible Design From the Get-Go (by/via) · ·
  100. Overview of the RenderingNG Architecture (by/via) · · , , , , ,
  101. Getting Started With React “useContext” Hook and React Context (by) · · , ,
  102. UX Principles That Include Cognitive Accessibility (by) · · , ,
  103. My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender (by/via) · · ,
  104. It Is Time to Ditch the Title “Evangelist” From Accessibility (by/via) · ·
  105. Break HTML Content Into Newspaper-Like Columns Using Pure CSS (by) · · ,
  106. 5 UI Tips to Become a Better Front-End Developer (by) · · , ,
  107. Complete Introduction to CSS Flexbox (by) · · , ,
  108. You Don’t Need React for Building Websites (by) · ·
  109. Four Factors in UX Maturity (by+/via) · ·
  110. How to Eliminate Render-Blocking Resources: a Deep Dive (by) · · , ,
  111. Accessibility Strategy for Product Management (by/via) · · , ,
  112. What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages (via) · ·
  113. Using Google Drive as a CMS (via) · · ,
  114. The Vanishing Designer (by/via) · · ,
  115. Faster Git Checkouts on NFS and SSD With Parallelism · ·
  116. Custom Properties and “@ property” (by) · · , ,
  117. Simple Monorepos via npm Workspaces and TypeScript Project References (by) · · , ,
  118. Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work (by) · · , , ,
  119. Definition of Done vs. Acceptance Criteria (by) · · , , ,
  120. The Accessibility Stalemate (by) · ·
  121. From a Colourblind Designer to the World: Please Stop Using Red and Green Together (via) · · ,
  122. A Visual Guide to React Rendering—It Always Re-Renders (by) · · ,
  123. Journey of a Web Page—How Browsers Work (by) · · ,
  124. The Ultimate Cheat Sheet List for Web Developers (by) · · , , ,
  125. 6 Useful Frontend Techniques That You May Not Know About (by) · · , , ,
  126. An Introduction to Frameworkless Web Components (by/via) · · , , ,
  127. Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (by/via) · · ,
  128. Maintaining End-to-End Quality With Visual Testing (by/via) · · , ,
  129. Why Has User Experience Design Become Legal Experience Design? (by) · · , ,
  130. Designing for Information Density (by/via) · ·
  131. What I Learned From “Software Engineering at Google” (by) · ·
  132. Accessibility of the “Section” Element (by) · · ,
  133. The State of Developer Ecosystem 2021 (via) · ·
  134. What Is Tree Shaking? (by) · · , ,
  135. The Performance Effects of Too Much Lazy-Loading (by+/via) · · , ,
  136. How to Get a Pixel-Perfect, Linearly Scaled UI (by/via) · · , , ,
  137. Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (by) · · , , , , ,
  138. For Developers, Apple’s Safari Is Crap and Outdated (by) · · , ,
  139. There’s No Such Thing as Fully Automated Web Accessibility (by/via) · · ,
  140. Designing for the Unexpected (by/via) · · , ,
  141. Content Accessibility Fact Sheet (via) · · ,
  142. The Most Important Lessons I’ve Learned From Senior Software Engineers (via) · · ,
  143. Angular Is Costing Companies Billions (by/via) · ·
  144. An Unreasonably Long Introduction to ARIA (With Example Implementation) (by) · · , , , ,
  145. I’m Changing How I Review Code (by) · · ,
  146. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (by/via) · · , , ,
  147. What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (by) · ·
  148. The Ultimate Guide to Browser-Side Storage (by/via) · · , , ,
  149. The 3-Second Frontend Developer Test (by) · · , , ,
  150. How to Migrate From jQuery to Next.js (by/via) · · , , ,
  151. Detecting Media Query Support in CSS and JavaScript (by) · · , , ,
  152. What People Should Know Before Writing Articles or Creating Products About Accessibility (by) · · ,
  153. TypeScript Interfaces: A Quick Guide to Help You Get Started (by) · · ,
  154. Refactoring CSS: Introduction (by/via) · · , , ,
  155. Gridless Design (by) · · , ,
  156. Image Descriptions: A Human Technique That Robots Can’t Grasp (by/via) · · , ,
  157. How to Convert Arrays to Human-Readable Lists in JavaScript (by) · · , , ,
  158. Freelance React Developer Checklist (by) · · ,
  159. The Document Outline (by) · · ,
  160. Making a Strong Case for Accessibility (by/via) · ·
  161. The Numeric Colour Palettes in Modern Web Frameworks Explained (by) · · , ,
  162. The Large, Small, and Dynamic Viewports (by/via) · · , ,
  163. Performance Design: The Illusion of Speed · · ,
  164. Creating Accessible CSS Art (by) · · , ,
  165. TypeScript and Native ESM on Node.js (by) · · , , ,
  166. ARIA in HTML (by) · · , ,
  167. Five Ways to Include D/Deaf Users in Your Designs (by/via) · · ,
  168. Accessibility and Inclusivity: Distinctions in Experience Design (by/via) · · , ,
  169. How to Use “Promise.all()” (by) · · , ,
  170. How Does Node.js Load Its Built-In/Native Modules? (by) · · , ,
  171. The Dilemma of Naming Font Size Variables (via) · · , ,
  172. Using HSL Colors in CSS (by/via) · · ,
  173. Basics of JavaScript Test Driven Development (TDD) With Jest (by) · · , , ,
  174. Feature Checklists Are Not Enough: How to Avoid Making Bad Software (by/via) · · , , ,
  175. Where Did This Interaction Come From?—A Brief History of Interaction Design (by/via) · · ,
  176. “export default thing” Is Different to “export { thing as default }” (by) · ·
  177. Short Note on Skip Links With Sticky Headers (by) · · , ,
  178. Evaluating Color and Contrast—How Hard Can It Be? (by/via) · · , ,
  179. Towards Richer Colors on the Web (by) · · ,
  180. It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (by/via) · · ,
  181. Accessibility and SEO (by/via) · · , ,
  182. Colorblind Accessibility Manifesto (by) · · , , , ,
  183. The State of Web Workers in 2021 (by/via) · · ,
  184. 9 Tips to Help You Ace a Whiteboard Interview (via) · · , ,
  185. Encoding Data for POST Requests (by) · · , ,
  186. How We Built React Components for Any Front End (via) · · , ,
  187. Detecting Hover-Capable Devices (by/via) · ·
  188. When a Click Is Not Just a Click (via) · ·
  189. The Internet Is Rotting (by/via) · · ,
  190. 10 Figma Best Practices to 10× Your Workflow (by/via) · · , , ,
  191. Use the “i” Element, and Use It Appropriately (by) · · ,
  192. Tip: Don’t Preprocess What You Can Design Token (by/via) · · , ,
  193. CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (by/via) · · , , ,
  194. Screen Readers: Hearing the Unseen (by/via) · · , , ,
  195. Resource Inlining in JavaScript Frameworks (by/via) · · , , ,
  196. The Most Popular Design Thinking Strategy Is BS (by/via) · · ,
  197. Good News: Google No Longer Requires Publishers to Use the AMP Format (via) · · , ,
  198. My Journey From a Novice to a Front-End Engineer (by) · ·
  199. I Regret Being a Hipster in Tech (by) · ·
  200. timefind (by) · · , ,
  201. All You Need Is 5 Fonts (by/via) · · , ,
  202. Building a Responsive Layout With CSS Grid and Container Queries (by/via) · · , , , ,
  203. Using CSS to Enforce Accessibility (by) · · ,
  204. JavaScript Frameworks and the Lost Art of HTML (by/via) · · , ,
  205. Debugging JavaScript and Front-End (by/via) · · , ,
  206. Container Queries and the Future of CSS (by/via) · · , ,
  207. Beyond Basic Alt Text—Charts, Maps, and Diagrams (by/via) · · , , ,
  208. The True Cost of a Redesign (by/via) · · ,
  209. React Architecture: How to Structure and Organize a React Application (by) · · , ,
  210. Accessibility in React (by) · · ,
  211. No Code Reviews by Default (by/via) · ·
  212. Making the Web—Faster (by) · · , , ,
  213. RenderingNG—Ready for the Next Generation of Web Content (by/via) · · , , , ,
  214. A Framework for Building Open Graph Images (by/via) · · ,
  215. What’s New in ES2021 (by/via) · · , ,
  216. Sorting Colors in JavaScript (by) · · , ,
  217. Demystifying Styled Components (by) · · , ,
  218. Custom Scrollbars in CSS (by) · ·
  219. Craft Good Questions for Usability Tests (via) · · ,
  220. How to Use Dynamic Imports in JavaScript (by) · · ,
  221. Organize Your CSS Declarations Alphabetically (by) · · ,
  222. Blogged Answers: The Evolution of Redux Testing Approaches (by) · · , , ,
  223. Keeping It Consistent: Design Tokens (by/via) · · , ,
  224. Updating a 25-Year-Old Website (by) · ·
  225. Optical Size, the Hidden Superpower of Variable Fonts (by) · · , ,
  226. OMG, SVG Favicons FTW! (by) · · , , ,
  227. How Apple Changed the Way We Navigate—Forever (by/via) · · , ,
  228. Shut Up, Old Man… (by) · ·
  229. NPM Global Audit · · , , , ,
  230. A Complete Guide to Accessibility Tooling (by/via) · · , ,
  231. Understanding and Preventing Common Security Vulnerabilities (via) · · ,
  232. Dart Basics (by/via) · · , ,
  233. Everyday Accessibility (by/via) · ·
  234. Provided “As Is,” Without Warranty of Any Kind · · , ,
  235. Regular Expressions (RegEx) in Google Search Console (by) · · , ,
  236. When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (by/via) · · , ,
  237. Adding Shadows to SVG Icons With CSS and SVG Filters (by/via) · · , , , , ,
  238. How to Center Anything in CSS Using Flexbox and Grid (by/via) · · , ,
  239. React Cheat Sheet (Updated June 2021) (by) · · ,
  240. The Art of Frontend Engineering (by/via) · ·
  241. Serving Sharp Images to High Density Screens (by) · · ,
  242. Half the Size of Images by Optimising for High Density Displays (by) · · , ,
  243. The Ultimate CSS Flexbox Cheat Sheet With Examples (by/via) · · , , ,
  244. Let’s Learn About Aspect Ratio in CSS (by) · ·
  245. Meet “:has”, a Native CSS Parent Selector (and More) (by/via) · ·
  246. Building a Color Scheme (by/via) · · , , ,
  247. Why Validate? (by) · · , , , ,
  248. Ready-Made Counter Styles (by/via) · · ,
  249. Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (via) · · ,
  250. An Interactive Guide to CSS Transitions (by) · · , ,