![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2022” Archive (7)
- How to Turn HTML Webpage Into an Image? (by) · · html, images, conversion
- CSS Tips and Tricks You May Need to Know (by) · · css, tips-and-tricks
- April 9 Is CSS Naked Day (via) · · frontend-dogma, css, commemoration-days, maintainability
- MIME Types (by) · · videos, mime-types, servers, apache
- Incremental Static Regeneration for Angular (by) · · angular, incremental-static-regeneration
- 33 JavaScript Concepts Every Developer Should Know (by) · · javascript, concepts
- There’s No Such Thing as a “Design System Designer” (via) · · design, design-systems, career
- Nailing Your Engineering Interviews: Tips From a Technical Recruiter (via) · · interviewing, career
- Use Unicode Characters for Bullet Points in CSS Using “::marker” (by) · · unicode, css
- Dynamic Data-Fetching in an Authenticated Next.js App (by/via) · · data-fetching, nextjs, authentication
- Your Website Is a Pollution Machine (by) · · sustainability
- Why Your Design System Needs Content Design (by/via) · · design-systems, content
- How to Create Animated Anchor Links Using CSS (by/via) · · videos, how-tos, links, css, animations
- Principles of Object-Oriented Programming in TypeScript (via) · · typescript, principles
- Designing Better Breadcrumbs (by/via) · · html, usability, information-architecture
- JavaScript and Node.js Testing Best Practices (by) · · javascript, nodejs, testing, best-practices
- A New Statistical Approach for Predicting Usability Problems (via) · · studies, research, metrics, usability
- HTML Is All You Need to Make a Website (by) · · html
- Alternative Text (Alt Text) (via) · · accessibility, html, writing, alt-text
- Animated Grid Tracks With “:has()” (by/via) · · css, layout, selectors
- Sharing State in Distributed UIs at Runtime (by) · · state-management, scaling, micro-frontends
- The Business Case for Accessibility (by/via) · · accessibility, economics
- Fonts in Use: Variable Fonts (by/via) · · typography, fonts
- Core Web Vitals: Finding Common Ground Between SEOs and Developers (by/via) · · performance, web-vitals, seo, metrics
- 12 Years Beyond a HTML Joke (by) · · html, semantics
- Thoughts on Exerting Control With Media Queries (by) · · layout, css, media-queries
- What If… One Day Everything Got Better? (by) · · accessibility
- Accessible Description Exposure (by) · · accessibility, aria
- A Simple Way to Create a Slideshow Using Pure CSS (by/via) · · videos, css, scrolling
- How to Respond to Growing Supply Chain Security Risks? (by) · · how-tos, security, dependencies, nodejs, npm
- Tweaking in the Browser (by) · · user-agents, tooling
- “aria-labelledby” Usage Notes (by) · · accessibility, aria, html
- Are You Using Coding Interviews for Senior Software Developers? (via) · · interviewing, career, code-reviews
- Top 3 Informational Interview Questions in UX (via) · · videos, interviewing, career, user-experience
- Accessible Cards (by) · · accessibility, html, css
- Why We Don’t Use a Staging Environment (via) · · environments, testing
- The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (via) · · studies, research, accessibility, metrics
- How to Match HTML Elements With an Indeterminate State (by) · · how-tos, html, css, selectors
- Exciting Times for Browsers (and CSS) (by/via) · · user-agents, css
- Designing a Better Infinite Scroll (by/via) · · scrolling, navigation, pagination
- Introduction to the SSH Protocol (via) · · introductions, protocols, ssh
- Web Accessibility Guidance Project (via) · · guides, accessibility
- Accessibility Policy Implementation: What You Need to Know (by/via) · · interviews, accessibility, policies
- Make Beautifully Resilient Apps With Progressive Enhancement (by) · · progressive-enhancement, resilience
- HTML-Only Keyboard Shortcuts (by) · · html, accessibility, keyboard-navigation
- How to Optimize Your LCP (with Visuals) (by) · · how-tos, performance, web-vitals, optimization
- Neubrutalism Is Taking Over the Web (by/via) · · design, web
- If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone · · accessibility, usability
- Optimising Largest Contentful Paint (by) · · performance, web-vitals
- How to Document Accessibility Issues (via) · · how-tos, accessibility, documentation
- Picture Perfect Images With the Modern “<img>” Element (by/via) · · images, html, performance, web-vitals
- Understanding Layout Algorithms (by) · · css, layout
- Secret Mechanisms of CSS (by/via) · · videos, css
- Locale Aware Sorting in JavaScript (by) · · javascript, sorting, localization, internationalization
- CSS “:has” (by) · · css, selectors
- Case: Accessibility in Software Development (by/via) · · accessibility
- An Opinionated Guide to Unit Testing (by) · · guides, testing, quality
- A Guide to Hover and Pointer Media Queries (by/via) · · guides, css, media-queries
- 7 Learning Habits for Developers: Reach Skill Goals in Less Time (by/via) · · learning
- Why Every Programmer Must Blog (by) · · career, blogging, communication, learning
- The Art of CSS Art (by) · · css, art
- Building a Headless Design System (by/via) · · videos, design-systems, headless
- How to Use Props in React (by) · · how-tos, react, props
- You’re Unselectable (by) · · accessibility, css
- You ≠ User (via) · · videos, usability, user-experience
- Remix Routes Demystified (by/via) · · remix, routing
- Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (by) · · surveys, user-agents, tooling, developer-experience
- 14 Linting Rules to Help You Write Asynchronous Code in JavaScript (by) · · javascript, linting
- Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (by) · · design, performance, user-experience
- Variable Fonts in Real Life: How to Use and Love Them (by+/via) · · fonts, typography
- How Should You Name Your Colors in a Design System? (by/via) · · naming, colors, design-systems
- Designing “Above the Fold”? Try the Reciprocity Principle (via) · · design, principles
- Those HTML Attributes You Never Use (by/via) · · html
- Resetting Inherited CSS With “Revert” (by/via) · · css, resetting
- There Are No Bad Questions in Accessibility (by) · · accessibility
- The Web Is for Everyone: Our Vision for the Evolution of the Web (by+/via) · · web, visions, privacy, security, accessibility, performance, user-experience
- The 5 Riders of Accessible Media (via) · · accessibility, multimedia
- Spotlight: What Happens When a Project Team Shifts Accessibility Left? (via) · · accessibility
- How Do Design Systems Improve Developer Efficiency? (by/via) · · design-systems, efficiency
- Deep Dive Into the CSS “:where()” Function (by/via) · · css, selectors
- When to Use a Function Expression vs. Function Declaration (by/via) · · javascript, functions, comparisons
- The Book on Accessibility (by) · · books, accessibility, leadership
- Optimising Core Web Vitals on SPAs (by) · · performance, web-vitals, spas, optimization
- Dynamically Generated Content and Accessibility: 3 Quick Tips (via) · · accessibility, aria
- ADA Web Site Compliance Still Not a Thing (by) · · accessibility, compliance, legal
- HTML Semantics (by) · · html, semantics
- Write HTML, the HTML Way (Not the XHTML Way) (by/via) · · html, xhtml, optimization
- Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (by/via) · · css, custom-properties, colors, contrast, microsoft, windows
- Dos and Don’ts of Mobile UX Design (by/via) · · design, user-experience, usability, mobile
- Design Mistakes That Hurt Your Web Site’s Conversion Rates (by/via) · · design, user-experience, user-conversion, metrics, mistakes
- Should “Cancel” Be a Button or a Link? (by/via) · · interaction-design, buttons, links, semantics
- Conquering JavaScript Hydration (by/via) · · javascript, hydration
- “!important” Was Added for One Reason Only (by) · · css, cascade
- Usability Testing: Driving the Best User Experience for Business Success (by/via) · · user-experience, usability, testing
- Improving Your User Experience to Reduce Bounce Rates (via) · · user-experience, usability, performance, seo
- Design Systems Aren’t Cheap (by) · · design-systems, frameworks, economics
- Design System—Principles of Success (via) · · design-systems, principles
- 4 Xs That Aren’t UX (by/via) · · user-experience
- Typography in Design Tokens for Figma and Code (by/via) · · typography, design-tokens, tooling, figma
- How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (via) · · how-tos, css, math, functions
- UX Strategy: Definition and Components (by+/via) · · user-experience, strategies
- Authorization in a Microservices World (by) · · microservices, authorization
- Performance Tests on Common JavaScript Array Methods (by/via) · · performance, testing, javascript, arrays
- The Web Doesn’t Have Version Numbers (by/via) · · versioning, web
- Why Is Dark Mode So Captivating? (by/via) · · dark-mode
- Optimizing SVG Patterns to Their Smallest Size (by/via) · · svg, images, performance
- Alt-Text Selfies (by+) · · websites, accessibility, alt-text, community
- Introduction to Bulma: A Simple and Intuitive CSS Framework (via) · · introductions, bulma
- Google Calendar Webhooks With Node.js (via) · · google, webhooks, nodejs
- How to Make a Drag-and-Drop File Uploader With Vue.js 3 (by/via) · · how-tos, file-handling, vuejs, javascript
- How Do I Resolve Merge Conflicts? (by/via) · · version-control, git, command-line
- Guidance on Web Accessibility and the ADA (via) · · accessibility, legal
- 4 Accessibility Mistakes Plaguing Most Government Websites (by/via) · · accessibility, mistakes
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · videos, html, accessibility, performance
- Migrating Our Monorepo to Yarn 2 (via) · · monorepos, yarn, migration
- Identifying Fonts: The Complete Guide (by) · · guides, fonts, typography
- The Future of the Web and Accessibility (by/via) · · videos, web, accessibility
- Accessibility, Assistive Technology, and JavaScript (by) · · accessibility, assistive-tech, javascript
- What Is Platform Engineering? (by/via) · · platform-engineering, concepts
- Building a Loading Bar Component (by/via) · · components, html, css, javascript
- How to Prep Your SEO Strategy for a New Website (by/via) · · how-tos, seo, strategies
- How to Empathize With Your Users (via) · · how-tos, design, usability, user-experience
- What Every Good README Should Contain · · documentation
- A Quick Guide to Closures (by) · · guides, javascript
- Perceptually Uniform Color Models and Their Implications (by) · · colors, color-palettes
- A Designer’s Guide to Documenting Accessibility and User Interactions (by) · · guides, accessibility, interaction-design, documentation
- What Makes You a Professional Web Developer (by) · · career
- Prevent Technical Debt With These 3 Strategies (by) · · technical-debt
- How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · how-tos, html, javascript
- The Weirdly Obscure Art of Streamed HTML (by) · · html, streaming, performance
- Implementing JavaScript Delay for Cookie Consent Banner (by) · · javascript, cookies, consent-management, legal
- React Best Practices and Patterns to Reduce Code · · react, optimization, best-practices
- Making the World’s Fastest Website, and Other Mistakes (by) · · performance, mistakes
- What Are Micro-Frontends? (by) · · micro-frontends
- Don’t Believe the Type! (by+/via) · · videos, accessibility, typography, readability, fonts
- Explaining Micro Frontends as Simply as Possible (by) · · micro-frontends
- In Defense of Sass (by) · · preprocessors, sass
- It Needs to Map Back to a Role (by) · · accessibility, aria, html, semantics
- When or If (by) · · css
- Update Node Dependencies Automatically, Selectively, or Incrementally (by) · · nodejs, dependencies, npm, yarn
- Tao of Node—Design, Architecture, and Best Practices (by) · · nodejs, architecture, best-practices
- Aligning Content in Different Wrappers (by) · · html, css
- 20 Productivity Tips From Developers to Developers (by/via) · · productivity, tips-and-tricks
- Giving New Meanings to the Color Functions in CSS (by) · · css, colors, functions
- How to Use Spectator to Test Your Angular Components (by/via) · · how-tos, testing, tooling, angular, components
- The Future of Web Accessibility: WCAG 3.0 (via) · · accessibility, wcag, standards
- Add Data to a Google Sheet From a Node.js Backend (by) · · nodejs, google
- Where TypeScript Excels (via) · · videos, typescript
- 42 Tips for Getting Good at DevOps and Life (by/via) · · dev-ops, career, productivity, tips-and-tricks
- Horizontal Scrolling Nav (by) · · javascript, scrolling
- Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (by/via) · · how-tos, javascript, functions
- Digging Into CSS Media Queries (by+) · · videos, css, media-queries
- Don’t Alienate Your User: A Primer for Internationalisation and Localisation (by/via) · · introductions, user-experience, internationalization, localization
- WebGPU—All of the Cores, None of the Canvas (by) · · apis, canvas, rendering
- A Look at the Dialog Element’s Super Powers (by) · · modals, html, javascript
- Carousels: No One Likes You (by) · · carousels, accessibility, usability, user-experience
- You Don’t Always Need a CMS (by) · · content-management
- An Introduction to User Journey Maps (by/via) · · introductions, design, usability, user-experience
- Accumulation of Tech Debt (by/via) · · technical-debt
- Ten Years of Page Bloat: What Have We Learned? (by/via) · · performance, web-vitals, user-experience
- 7 Ways to Achieve a Faster Core Web Vitals Score (via) · · performance, web-vitals
- Session Timeouts (by/via) · · accessibility, user-experience
- An Introduction to AWS CloudFront Functions (by/via) · · introductions, aws, functions, content-delivery
- 10 Amazing Games to Learn CSS (by) · · css, learning
- A New Speed Milestone for Chrome (via) · · user-agents, google, chrome, performance
- Using HTTPS in Your Development Environment (by/via) · · security, http, environments
- Performance Signals for Customizing Website UX (by/via) · · performance, user-experience, web-vitals, customization
- Optimizing a Web Site for Google’s New UX Criteria (via) · · optimization, seo, user-experience, google
- Moderated Versus Unmoderated Usability Testing (by/via) · · usability, testing, comparisons
- JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (by) · · javascript, naming, refactoring
- Designing the User Experience of a Rating System (by/via) · · design, user-experience
- Alternatives to Pagination on Product-Listing Pages (by/via) · · design-patterns, usability, navigation, pagination
- Why I Avoid “async”/“await” · · javascript
- The Basics—Generics in PHP (by) · · videos, fundamentals, php
- Creating Native Web Components (via) · · web-components, javascript, html
- Dive Into Node.js Streams (by/via) · · nodejs, streaming
- It’s Always Been You, Canvas2D (by/via) · · html, css, canvas, javascript
- Building Web Layouts for Dual-Screen and Foldable Devices (by/via) · · css, layout, responsive-design
- How to Prevent SQL Injection Attacks in Node.js (by/via) · · how-tos, nodejs, databases, security, sql
- How to Design Better APIs (by) · · how-tos, software-design, apis
- The Importance of Screen Reader Software for Web Navigation (by/via) · · accessibility, user-agents, assistive-tech, screen-readers, navigation
- Interop 2022: Browsers Working Together to Improve the Web for Developers (by+/via) · · user-agents, support, interoperability
- The Best Design System Is No System (via) · · design-systems
- Remix vs. Next.js (via) · · remix, nextjs, comparisons
- Accessibility and Limited Fine Motor Skills (via) · · accessibility
- Progressive Enhancement, the New Hotness (by) · · progressive-enhancement
- How Many Hyperlinks Are Too Many for Accessibility? (via) · · accessibility, links
- Taming CSS Variables With Web Inspector (by/via) · · css, custom-properties, user-agents, tooling
- How to Use Higher-Order Functions in JavaScript (by/via) · · how-tos, javascript, functions
- How to Make a “Raise the Curtains” Effect in CSS (by/via) · · how-tos, css, effects
- How Do Primitive Values Get Their Properties? (by) · · javascript
- New CSS Features in 2022 (by/via) · · css
- What’s Really Going On Inside Your node_modules Folder? (via) · · nodejs, npm, dependencies
- Simple Color System for Complex Digital Interfaces (by) · · websites, design-systems, colors, complexity
- HTML Tips and Tricks · · html, tips-and-tricks
- Essential Cryptography for JavaScript Developers (by/via) · · books, cryptography, javascript
- How to Build a File Upload Service With Vanilla JavaScript (by/via) · · how-tos, file-handling, javascript
- Foundations: Headings (by/via) · · accessibility, html, headings, semantics
- Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · html, css, web-components
- (Not So) Short Note on Being Owned (by) · · html, aria, accessibility
- Accessibility Checklist: Five Things Usually Left Out (via) · · accessibility, checklists
- A Recipe for a Good Design System (by/via) · · design-systems
- 5 Things You Don’t Need JavaScript For (by/via) · · javascript
- Importing ES6 Modules Over HTTP/HTTPS in Node.js (by/via) · · javascript, modules, http, nodejs
- Solid.js Feels Like What I Always Wanted React to Be (by) · · frameworks, react, solidjs
- Should Frontend Devs Care About Performance? (by) · · performance
- Higher-Order Components in React Hooks Era (by) · · components, react, hooks
- CSS “content” Property (via) · · css
- Top 2021 CSS Frameworks Report: The CSS File Sizes (by/via) · · studies, research, frameworks, css, performance
- When to Avoid the “text-decoration” Shorthand Property (by/via) · · css, shorthands
- How I Structure My React Projects · · react, architecture
- Screaming Architecture—Evolution of a React Folder Structure (by/via) · · react, architecture
- Overlay Position and Recommendations (via) · · accessibility, overlays
- 4 Simple Ways to Improve Web Accessibility (via) · · accessibility, optimization
- Accessibility and Inclusivity in Practice (by+/via) · · podcasts, accessibility, dei
- Deploying a React Application to Netlify (by/via) · · deploying, web-apps, react, netlify
- Understanding Dependencies Inside Your package.json (by+/via) · · nodejs, dependencies, npm, yarn
- How to Make MPAs That Are as Fast as SPAs (by) · · how-tos, performance, mpas, spas
- Moving From Next to Remix (by) · · frameworks, nextjs, remix, comparisons
- How to Fix Your Security Vulnerabilities With npm Override (via) · · how-tos, security, vulnerabilities, npm, dependencies
- A Complete Guide to CSV Files in Node.js (by/via) · · guides, file-handling, nodejs, csv
- HTML Comments Work in JavaScript Too (by) · · javascript, html, documentation
- Can You Get Pwned With CSS? (by) · · css, security
- Container Queries, the Next Step Towards a Truly Modular CSS (by/via) · · videos, css, container-queries
- 5 Accessibility Quick Wins You Can Implement Today (by/via) · · accessibility
- Inclusive Design vs. Accessible Design: Understanding the Differences (via) · · accessibility, dei, design, comparisons
- Turning the Tables on Accessibility (via) · · accessibility
- SPAs Were a Mistake (by) · · spas, mistakes
- Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results (by) · · images, favicons, google, seo
- How to Prioritize Your Components (by/via) · · how-tos, design-systems, components, prioritization
- Component Tokens and Themes Example (to Learn Figma Tokens) (by/via) · · design, theming, design-tokens, components, figma
- 15 Useful Placeholder Tools for Designers and Developers (by) · · tooling, images, content, placeholders, testing, link-lists
- Design Systems in Figma: How to Be More Productive (by/via) · · how-tos, design-systems, figma, productivity
- Comparing Gatsby and Next.js for Website Development (by) · · gatsby, nextjs, comparisons, static-site-generators
- The Case for Adding Validation State to Your Design Tokens (by) · · design-tokens, validation
- What Is Responsible JavaScript? (by+/via) · · podcasts, javascript
- Support for Marking Radio Buttons Required, Invalid (by) · · accessibility, html
- Reliably Send an HTTP Request as a User Leaves a Page (by/via) · · http
- Let’s Get Inclusive: Designing Products for Everyone (via) · · design, dei
- CSS Quick Tip: Animating in a Newly Added Element (by) · · css, animations, tips-and-tricks
- Design System: How to Successfully Collaborate? (via) · · how-tos, design-systems, collaboration
- Writing Logic in CSS (by) · · css
- How Websites Die (by) · · web, link-rot
- A Complete Guide to CSS Cascade Layers (by/via) · · guides, css, cascade
- Minimizing Google Fonts by Only Loading It for Certain Characters (by) · · typography, google, fonts, performance, minimalism
- Invisible Characters (by) · · websites, unicode
- Column Headers and Browser Support (by) · · accessibility, html, semantics
- There Is No Character Limit for “Alt Text” (by) · · accessibility, html, alt-text
- You Can “throw()” Anything in JavaScript—and Other “async”/“await” Considerations (by) · · javascript
- React State Management Libraries in 2022 (by) · · react, state-management, libraries