3 Simple Ways to Center an Element Using CSS (zor/css) | | 1,083 |
videos, css, centering |
CSS Minimal Dark Mode Toggle Button | | 1,082 |
code-pens, toggles, effects, minimalism |
You Don’t Need Microservices | | 1,081 |
microservices |
Adventures in Text Rendering: Kerning and Glyph Atlases | | 1,080 |
typography, rendering, kerning |
A Good Reset | | 1,079 |
css, resets |
Neubrutalism Style in UX: A Twist on the Dominant Modern Minimalist (uxd) | | 1,078 |
design, user-experience, minimalism |
UX Principles That Include Cognitive Accessibility | | 1,077 |
user-experience, accessibility, principles |
Maintenance Matters | | 1,076 |
maintenance, code-reviews, consistency, testing, logging, documentation |
Introducing Even More Security Enhancements to npm (git) | | 1,075 |
introductions, npm, security |
Django Tips and Tricks | | 1,074 |
django, tips-and-tricks |
The 10 Affirmations of Good Digital Accessibility (deq) | | 1,073 |
accessibility |
Speaking Up and Speaking Out: Tactical Communication in Accessibility (mer/equ) | | 1,072 |
accessibility, communication |
#ADA32: The ADA Has Applied to Digital for Decades (lfl) | | 1,071 |
accessibility, ada, legal |
Priority Hints—What Your Browser Doesn’t Know (Yet) | | 1,070 |
performance, hints |
“<article>” vs. “<section>”: How to Choose the Right One (sma) | | 1,069 |
html, semantics, comparisons |
Fix Web Performance for the Long-Term (sia) | | 1,068 |
performance, testing, processes |
Everything You Need to Know About JavaScript Import Maps | | 1,067 |
javascript, dependencies, import-maps |
Your Code Doesn’t Have to Be a Mess | | 1,066 |
quality |
Typography in Web Design (uxm) | | 1,065 |
typography, design |
Solving the “Dangler” Conundrum With Container Queries and “:has()” (dav) | | 1,064 |
css, selectors |
5 Best UX Careers to Pursue in 2022 (uxm) | | 1,063 |
user-experience, career |
Mobile UX: Study Guide | | 1,062 |
guides, user-experience, mobile, training, link-lists |
Clean Architecture: Applying With React | | 1,061 |
architecture, react |
The History of JavaScript | | 1,060 |
history, javascript |
Ancient Web Browsers | | 1,059 |
websites, browsers, history |
Definitive Guide to CAPTCHA Accessibility | | 1,058 |
guides, accessibility, captcha |
Intro to Serverless Functions (net) | | 1,057 |
introductions, serverless, functions, netlify |
Type Annotations in JavaScript | | 1,056 |
javascript, typescript, annotations |
Say No to Tailwind, Embrace Plain CSS | | 1,055 |
frameworks, tailwind, css |
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals | | 1,054 |
concepts, hci, examples |
Understanding CSS “:has()” (mey/iga) | | 1,053 |
videos, css, selectors |
Roundup of Recent Document Outline Chatter (geo/css) | | 1,052 |
html, headings, semantics, accessibility |
Front-End Internationalisation Tips | | 1,051 |
internationalization, fonts, css, javascript |
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks | | 1,050 |
frameworks, redwoodjs, javascript, comparisons |
20 Git Commands Every Developer Should Know | | 1,049 |
git, command-line |
Vector Animations With Figma and SVG Animate (uxd) | | 1,048 |
animations, figma, svg, images |
Introduction to SvelteKit | | 1,047 |
videos, introductions, sveltekit |
Where’s the Fun in Accessibility? (uxd) | | 1,046 |
accessibility, user-experience |
Top Layer Support in Chrome DevTools (dev) | | 1,045 |
css, dev-tools, browsers, google, chrome |
Research Insight: Accessibility of Images (tet) | | 1,044 |
accessibility, usability, images, research |
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv) | | 1,043 |
css, selectors, accessibility, keyboard-navigation, focus |
Escaping the sRGB Prison (svg/css) | | 1,042 |
videos, colors |
Create Complex Transitions With Individual CSS Transform Properties (zor/css) | | 1,041 |
videos, css, transitions |
Creating an App Using Drag and Drop With React Without Libraries | | 1,040 |
react |
Top 5 npm Vulnerability Scanners | | 1,039 |
npm, security, vulnerabilities, tooling |
An Introduction to Multithreading in Node.js (app) | | 1,038 |
introductions, nodejs, multithreading |
Rethinking Device Emulation in Browsers (cod) | | 1,037 |
browsers, tooling, usability |
Powerful Image Optimization Tools (lou/sma) | | 1,036 |
link-lists, images, compression, performance, tooling |
New WebKit Features in Safari 15.6 (jen/web) | | 1,035 |
release-notes, safari, apple, browsers, webkit |
15 Common Beginner JavaScript Mistakes | | 1,034 |
javascript, mistakes |
Logical Properties for Useful Shorthands (mic) | | 1,033 |
css, logical-properties, shorthands |
The 10 Most Common JavaScript Issues Developers Face | | 1,032 |
javascript, mistakes |
Expert Tips for Color Accessibility on the Web | | 1,031 |
tips-and-tricks, accessibility, colors |
JavaScript SDK “Package Size Is Massive”—So We Reduced It by 29% (sen) | | 1,030 |
javascript, optimization, tree-shaking |
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg) | | 1,029 |
html, semantics, headings, microcontent, accessibility |
Hacking JavaScript Objects | | 1,028 |
javascript, objects |
What Is WAI? The Web Accessibility Initiative | | 1,027 |
accessibility |
How Scrum With Kanban Works | | 1,026 |
agile, scrum, kanban, processes |
Useful Tips and Tricks in JavaScript | | 1,025 |
javascript, tips-and-tricks |
Why I No Longer Care What People “Like” or “Don’t Like” (uxd) | | 1,024 |
design |
What Is Passwordless Authentication and How to Implement It | | 1,023 |
authentication, security, passwords |
JSON Creator Douglas Crockford Interview (dou) | | 1,022 |
interviews, javascript |
How Did REST Come to Mean the Opposite of REST? | | 1,021 |
apis |
Abbreviations Can Be Problematic (tem) | | 1,020 |
html, accessibility |
Can SVG Symbols Affect Web Performance? | | 1,019 |
svg, images, performance |
An Approach to Continuous Learning | | 1,018 |
career, learning |
CSS Gradient Background From Figma to CodePen | | 1,017 |
css, gradients, backgrounds, figma, codepen |
7 Tips for Clean React TypeScript Code You Must Know | | 1,016 |
react, typescript, tips-and-tricks |
Use Firefox for Accessibility Testing (tod) | | 1,015 |
browsers, mozilla, firefox, accessibility, testing |
Using Grids in Interface Designs | | 1,014 |
layout, grids, usability |
Konqueror: The Forgotten Browser That Conquered the Market (dis) | | 1,013 |
videos, history, konqueror, browsers |
7 Quick Facts About WCAG 2.2 | | 1,012 |
accessibility, wcag, standards |
What Does x% of Issues Mean? (aar) | | 1,011 |
accessibility, metrics |
Welcome to the Dark Side (yat) | | 1,010 |
dark-mode, accessibility, usability |
Working With File System Paths on Node.js (rau) | | 1,009 |
nodejs, file-handling |
Could Sustainable Websites Increase Energy Consumption? | | 1,008 |
sustainability |
The Hidden History of Screen Readers (ver) | | 1,007 |
accessibility, screen-readers, assistive-tech, history |
Web Accessibility Laws and Policies | | 1,006 |
accessibility, legal, policies, link-lists |
What Is the Best Way to Mark Up an Exclusive Button Group? (lea) | | 1,005 |
html, semantics, accessibility, aria |
Perceived Affordances and the Functionality Mismatch (tin) | | 1,004 |
usability, accessibility, semantics |
Minimal Social Markup (j9t) | | 1,003 |
html, social-media, open-graph, minimalism |
My War on Animation (ver) | | 1,002 |
accessibility, animations |
Custom ESM Loaders: Who, What, When, Where, Why, How | | 1,001 |
nodejs, esm |
Optimizing Node.js Dependencies in AWS Lambda | | 1,000 |
nodejs, dependencies, aws, serverless, optimization |
Creating a CSS Only Interactive Site Menu | | 999 |
navigation, css |
The “Array.prototype.at()” Method in Vanilla JavaScript (cfe) | | 998 |
javascript, prototypes |
Bag Some AAA Wins Where You Can (tem) | | 997 |
accessibility, wcag |
The Methods UX Professionals Use | | 996 |
user-experience, processes |
Making the Wrong Choice on Build vs. Buy | | 995 |
economics, processes, engineering-management, complexity, comparisons |
Applying SOLID Principles in React | | 994 |
quality, maintainability, principles, solid, react |
What You Need to Know About ARIA and How to Fix Common Mistakes (pop) | | 993 |
accessibility, html, aria, mistakes |
The Cost of Consistency in UI Frameworks (rya/thi) | | 992 |
frameworks, consistency |
Forms in Modals: UX Case | | 991 |
forms, modals, user-experience |
Integer Math in JavaScript | | 990 |
javascript, math |
Building (or Rebuilding) a Website With Accessibility in Mind | | 989 |
accessibility |
Technical Writing for Developers (css) | | 988 |
writing, version-control |
Generating Accessibility Test Results for a Whole Website With Pa11y CI | | 987 |
accessibility, testing, tooling |
37 Easy Ways to Spice Up Your UI Designs | | 986 |
design, effects |
A Look at Remix and the Differences With Next.js (sma) | | 985 |
comparisons, frameworks, remix, nextjs |
The Many Faces of Themeable Design Systems (bra) | | 984 |
design-systems, theming |
Statements vs. Expressions (jos) | | 983 |
javascript, comparisons |
Guide to Trending Front-End Frameworks in 2022 (uxm) | | 982 |
guides, frameworks, react, jquery, express, angular, vuejs |
Fundamentals Matter (cfe) | | 981 |
fundamentals |
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf) | | 980 |
performance, web-vitals, comparisons, html, attributes, css |
The Ultimate Guide to Debugging Accessibility Issues | | 979 |
guides, accessibility, debugging |
JavaScript Obfuscation Techniques by Example | | 978 |
javascript, obfuscation, techniques, examples |
Working on a New Feature as a Senior Frontend Developer | | 977 |
processes |
Figma Auto Layout = “display: flex” | | 976 |
figma, css, flexbox |
Choosing the Right Mindset to Design Complex Applications (uxd) | | 975 |
design, complexity, processes |
Data Structure and Algorithms 102 | | 974 |
data-structures, algorithms, complexity |
The Future of CSS: Variable Units, Powered by Custom Properties (bra) | | 973 |
css, units, custom-properties |
CSS Complexity: It’s Complicated | | 972 |
css, cascade |
Set JAWS Free! (yat) | | 971 |
accessibility, screen-readers, jaws |
Make It Accessible | | 970 |
websites, accessibility |
An Accessibility-First Approach to Chart Visual Design (sma) | | 969 |
accessibility, information-design |
Holograms, Light-Leaks, and How to Build CSS-Only Shaders | | 968 |
how-tos, css, blend-modes, effects |
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru) | | 967 |
html, semantics, accessibility |
The CSS Cascade, a Deep Dive (bra/css) | | 966 |
videos, css, cascade, deep-dives |
It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (aar) | | 965 |
accessibility, browsers, apple, safari, css |
Truly Portable Design Patterns (clo) | | 964 |
design-patterns, components |
HTTP Content Negotiation | | 963 |
http, content-negotiation |
The Joy of Variable Fonts: Getting Started on the Frontend (evi) | | 962 |
fonts, variable-fonts, css, introductions |
What Are Color Gamuts (svg) | | 961 |
colors |
The Hard Parts of Developer Advocacy (for Me) (bla) | | 960 |
developer-relations, advocacy, community, career |
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ) | | 959 |
accessibility, captions, writing, automation, comparisons |
Magento Tips and Tricks to Increase Online Sales: 8 Simple Strategies | | 958 |
magento, economics, tips-and-tricks, strategies |
Style With Stateful, Semantic Selectors | | 957 |
css, aria |
Masonry? In CSS?! (mic) | | 956 |
css, layout, masonry |
Inverted Media Queries and Breakpoints | | 955 |
css, media-queries |
The Case for Null in Design Systems (eri) | | 954 |
design-systems |
The Off by Default Web | | 953 |
web, permissions |
Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (uxd) | | 952 |
user-experience, design, consistency, best-practices |
The Ballad of Text Overflow (sib/tpg) | | 951 |
css, overflow, accessibility |
Executing Shell Commands From Node.js (rau) | | 950 |
nodejs, shell |
Super-Helpful Tips When Working With Figma Component Properties (uxd) | | 949 |
figma, tips-and-tricks, components |
How to Make Text Improve User Experience: Insights Into UX Writing | | 948 |
how-tos, user-experience, writing |
Two Levels of Customising “<selectmenu>” (hdv) | | 947 |
accessibility, html |
The Unlocked Possibilities of the “:has()” Selector (jim) | | 946 |
css, selectors |
Body Margin 8px (mia) | | 945 |
css, history |
Frontend Web Performance: The Essentials | | 944 |
fundamentals, performance, javascript |
css-browser-support (5t3) | | 943 |
packages, npm, css, browsers, support |
Faster WordPress Rendering With 3 Lines of Configuration (sto) | | 942 |
wordpress, performance, css, http, configuration |
Breaking Out of a Central Wrapper (mic) | | 941 |
css |
How to Auto-Prefix and Minify CSS? | | 940 |
how-tos, css, vendor-extensions, minification, tooling |
Reimagining Front-End Web Development With htmx and Hyperscript | | 939 |
outlooks, htmx |
Write Git Commit Messages That Your Colleagues Will Love | | 938 |
git, commit-messages |
Best Practices for Images | | 937 |
images, html, best-practices |
Web Development Is Like Assembling IKEA Furniture (cod) | | 936 |
comparisons |
404 vs. 410—the Technical SEO Experiment | | 935 |
seo, http, comparisons, experiments |
The New Wave of React State Management | | 934 |
react, state-management, comparisons |
“That’s Not Accessible!” and Other Statements About Accessibility (hdv) | | 933 |
accessibility |
CSS Variable Secrets (lea/css) | | 932 |
videos, css, custom-properties |
Building Tabs in Web Components | | 931 |
web-components |
What Every Newbie Developer Should Know | | 930 |
career |
Farewell to HTML5Rocks (dev) | | 929 |
community, html, history |
What the Hell Is “<!DOCTYPE html>”? | | 928 |
html, doctype-switching |
Thoughts on an Accessibility “Get Well” Plan (j9t) | | 927 |
accessibility, processes, engineering-management, leadership |
Googlebot and the 15 MB Thing | | 926 |
google, seo |
Working With the File System on Node.js (rau) | | 925 |
nodejs, file-handling, apis |
Are You Sure That’s a Number Input? (kil) | | 924 |
html |
What Do the Developers Do in the Last Week of the Sprint? | | 923 |
agile, scrum, processes |
Style Queries (una) | | 922 |
css, container-queries |
SPAs: Theory Versus Practice (nol) | | 921 |
single-page-apps, comparisons |
My Wonderful HTML Email Workflow (jos) | | 920 |
html, mjml, email, processes |
Imagemin Guard (j9t) | | 919 |
packages, npm, images, compression, performance, jpeg, png, gif, webp, avif |
How to Serve WebP Images on nginx | | 918 |
how-tos, webp, images, nginx, servers |
Demystifying the New Gatsby Framework (mon/sma) | | 917 |
frameworks, gatsby |
A CLS Punishment for Progressive Enhancement? (bel/pic) | | 916 |
performance, web-vitals, progressive-enhancement |
Using JavaScript to Fill localStorage to Its Maximum Capacity | | 915 |
javascript, browser-storage |
UX Writing: Study Guide | | 914 |
guides, user-experience, writing, training, link-lists |
A Previous Sibling Selector (jim) | | 913 |
css, selectors |
GA4 Is Being Blocked by Content Security Policy | | 912 |
security, csp, metrics, google |
Why Use Sass? | | 911 |
sass |
Missing Introduction to React | | 910 |
introductions, react |
Introduction to Defensive CSS (sha) | | 909 |
introductions, css |
4+ Years of Cracking Technical Interviews | | 908 |
interviewing, career |
WCAG 2.1 AA Web Accessibility Checklist | | 907 |
checklists, accessibility, wcag |
Accessible Design Systems (tet) | | 906 |
accessibility, design-systems |
Single Element Loaders: The Bars (css/css) | | 905 |
css |
Managing Specificity With CSS Cascade Layers (zor/css) | | 904 |
videos, css, selectors, cascade |
Mastering “z-index” in CSS | | 903 |
css, positioning |
7 UX Laws You’re Probably Getting Wrong (web) | | 902 |
user-experience, usability, design |
How We Designed an Accessible Color Palette From Scratch | | 901 |
accessibility, colors, color-palettes, case-studies |
Everything You Need to Know About Web Performance (in 5 Minutes) | | 900 |
performance, web-vitals, compression |
Stop the Screen Going to Sleep With JavaScript | | 899 |
javascript |
Getting Started With Vue Composables (log) | | 898 |
vuejs, introductions |
Can We Enterprise CSS Grid? (hui) | | 897 |
css, grids, layout, frameworks |
Apple Is Not Defending Browser Engine Choice (sli) | | 896 |
browsers, browser-engines, web, apple |
5 Useful CSS Properties That Get No Love (kev) | | 895 |
videos, css |
Introducing Keyboard Navigation (bru) | | 894 |
videos, accessibility, introductions |
Different Ways to Write CSS in React (css) | | 893 |
css, react |
In Defense of Blocks for Local Scopes | | 892 |
javascript, scope |
Types of URL Redirects and SEO Best Practices | | 891 |
urls, redirecting, seo, best-practices |
Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (zel+) | | 890 |
interviews, web, css |
User Vulnerabilities in the Data Cycle (uxd) | | 889 |
user-experience, vulnerabilities, privacy, legal |
10 Incident Management Best Practices for Streamlined Operations | | 888 |
incident-response, best-practices, processes |
In Defense of Blocks for Local Scopes II | | 887 |
javascript, scope |
What Would a Chromium-Only Web Look Like? (mno) | | 886 |
browsers, browser-engines, chromium, google, web |
“text-overflow: ellipsis” Considered Harmful (yat) | | 885 |
accessibility, css, overflow |
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol) | | 884 |
selectors, scope, dom, shadow-dom, performance, comparisons, metrics |
Please Remove That .git Folder | | 883 |
security, git |
Cascade Layers—There’s a Polyfill for That! (odd) | | 882 |
css, cascade, polyfills |
The Right Space Around Headings in Web Typography | | 881 |
typography, spacing, headings |
Be the Browser’s Mentor, Not Its Micromanager (bel) | | 880 |
videos, css |
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? | | 879 |
videos, accessibility, writing, information-design |
Svelte Origins: A JavaScript Documentary | | 878 |
videos, javascript, svelte |
How and When to Use the CSS “:has” Selector (log) | | 877 |
css, selectors |
Best Practices for Overlays II | | 876 |
accessibility, best-practices, overlays |
Future Features of JS | | 875 |
videos, javascript |
One Line of CSS to Add Basic Dark/Light Mode (cod) | | 874 |
dark-mode, css |
Icon-Only Links Fail WCAG (tem) | | 873 |
accessibility, links, wcag, images, icons, conformance |
How I Built a Dark Mode Toggle (hdv) | | 872 |
dark-mode, toggles |
A Beginner’s Guide to Inclusive UX Design (uxd) | | 871 |
guides, dei, user-experience, design |
HTML Cheatsheet | | 870 |
html, examples, cheat-sheets |
The Dos and Don’ts of Pairing Typefaces | | 869 |
design, typography, readability, legibility, usability |
The Case for Using Sass in 2022 (may) | | 868 |
preprocessors, sass |
Alternatives to Installing npm Packages Globally (rau) | | 867 |
installing, npm, dependencies |
Is It Expensive to Build an Eco-Friendly Website? | | 866 |
sustainability, economics |
Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement | | 865 |
user-experience, cookies, pop-ups, legal |
Why Do We Call It “Breadcrumbs”? Diving Into the History of UI Components (uxm) | | 864 |
design, naming, history, navigation |
Using Web Streams on Node.js (rau) | | 863 |
nodejs, streaming |
The Cost of Convenience (sur) | | 862 |
web-platform, developer-experience |
How to Use ESLint and Prettier for Code Analysis and Formatting | | 861 |
how-tos, quality, consistency, eslint, prettier, linting, formatting |
Notes on Maintaining an Internal React Component Library | | 860 |
react, maintenance, components, libraries |
Naming Conventions for Design Systems | | 859 |
design-systems, naming, conventions |
Web Design Tool Wish List (gri/clo) | | 858 |
design, tooling, wish-lists |
In and Out of Style (ada/css) | | 857 |
videos, css |
3 Useful CSS Hacks (kev) | | 856 |
videos, css |
Conditionally Styling Selected Elements in a Grid Container (pre/css) | | 855 |
css, grids, selectors |
How to Remove 99% of JavaScript From Main Thread (wea) | | 854 |
videos, how-tos, javascript, performance |
5 Very Simple Steps You Can Take for Accessibility Improvement | | 853 |
accessibility, optimization |
Fun CSS-Only Scrolling Effects for Matterday (net) | | 852 |
css, effects, parallax |
Do Dyslexia Fonts Improve Accessibility? | | 851 |
accessibility, fonts |
You Don’t Need a JavaScript Library for Your Components | | 850 |
javascript, libraries, components |
Why You Should Consider Prisma.io | | 849 |
databases, tooling, prisma |
The Guide to Windows High Contrast Mode (its/sma) | | 848 |
guides, colors, contrast, microsoft, windows |
How to Prevent Merge Conflicts (or at Least Have Less of Them) (bla/git) | | 847 |
how-tos, version-control, git |
Complex vs. Compound Selectors (mia) | | 846 |
css, selectors, comparisons |
Communication Accessibility: It’s Time to Change How We Communicate (mer) | | 845 |
accessibility, communication |
Change Management for Accessibility (deq) | | 844 |
accessibility, processes |
Should I Have Separate GitHub Accounts for Personal and Professional Projects? | | 843 |
discussions, github, career, security |
Understanding the JavaScript Window Object | | 842 |
javascript, objects |
Notes From the Dev: Essential Advice on How to Use MJML (meg) | | 841 |
how-tos, email, mjml |
Software Engineering: The Soft Parts (add) | | 840 |
principles |
Simple CSS Solutions (kev) | | 839 |
videos, css |
Dialogs and Shadow DOM: Can We Make It Accessible? (nol) | | 838 |
modals, accessibility, dom, shadow-dom |
Design Principles for the Web (ada/wea) | | 837 |
videos, software-design, principles, web |
CSS Card Shadow Effects (hui) | | 836 |
css, effects |
Design System Maturity | | 835 |
videos, design-systems |
The Smallest CSS (fon) | | 834 |
css, minimalism |