A Unified Theory of Web Performance sli )Dec 31, 2021 1,089 performance Exposing Mid-Resource LCP Values Dec 31, 2021 1,088 performance , web-vitals Page Visibility: If a Tree Falls in the Forest… Dec 31, 2021 1,087 performance , web-vitals , user-experience Image Magnifier Using Only One Line of CSS ami )Dec 31, 2021 1,086 css , images Updating a Branch With “git rebase” Dec 30, 2021 1,085 git , command-line pkg.land Dec 30, 2021 1,084 websites , packages , dependencies , npm Using Diagnostic Metrics Dec 30, 2021 1,083 performance , metrics Add Less cas /css )Dec 30, 2021 1,082 simplicity Empathetic Animation css )Dec 29, 2021 1,081 animations , user-experience Practical Tips for Load-Testing Web Applications Dec 29, 2021 1,080 performance , testing , tips-and-tricks , web-apps WCAG and Accessibility: What Is a Statement of Partial Conformance? Dec 29, 2021 1,079 accessibility , wcag , conformance Dynamic Static Typing in TypeScript dea /sma )Dec 29, 2021 1,078 typescript , generics Shedding Light on Fiverr’s Dark Mode Creation Process Dec 28, 2021 1,077 design , dark-mode Add a Service Worker to Your Site cfe /css )Dec 28, 2021 1,076 web-workers , javascript Building Gatsby Themes for WordPress-Powered Websites sma )Dec 27, 2021 1,075 wordpress , gatsby , theming CSS in 2022 bra )Dec 27, 2021 1,074 css Web Accessibility Cheat Sheet Dec 27, 2021 1,073 accessibility , cheat-sheets The Business Case for Performance Dec 26, 2021 1,072 performance , economics 1000+ Web Development Resources Dec 26, 2021 1,071 link-lists Faster Websites by Using Less HTML j9t )Dec 25, 2021 1,070 cross-posts , html , performance , optimization , minimalism Container Queries 5t3 )Dec 24, 2021 1,069 css , container-queries , html Redirect Liquidation tim )Dec 23, 2021 1,068 performance , optimization , redirecting Form Autocomplete ben /5t3 )Dec 23, 2021 1,067 html , forms Show, Don’t Tell css )Dec 23, 2021 1,066 writing , design , semantics Remember You Are Not the User css )Dec 23, 2021 1,065 accessibility , internationalization , user-experience , principles The Many Methods for Using SVG Icons hui )Dec 23, 2021 1,064 css , svg , images , icons Personalize It! una /css )Dec 23, 2021 1,063 css , user-experience , personalization Wrapping Text Inside an SVG Using CSS Dec 22, 2021 1,062 svg , css The CSS “:has()” Pseudo-Class, aka Parent Selector Dec 22, 2021 1,061 css , selectors Frontend Web Performance: The Essentials Dec 22, 2021 1,060 fundamentals , performance , rendering The CSS “:has()” Selector Is Way More Than a “Parent Selector” bra )Dec 21, 2021 1,059 css , selectors Make Joyful Things css )Dec 21, 2021 1,058 user-experience Building a Greener Web mic )Dec 21, 2021 1,057 sustainability 13 Tools and Techniques to Accelerate Frontend Development Dec 21, 2021 1,056 tooling , techniques , software-design-patterns , linting , bundling , testing , logging , frameworks , processes , ci-cd WebGPU From WebGL Dec 21, 2021 1,055 webgpu , webgl Introduction to Cognitive Disability and Accessibility Testing ons /tpg )Dec 21, 2021 1,054 introductions , accessibility , testing CSS Snapshot 2021 tab +/w3c )Dec 21, 2021 1,053 css , standards CSS Animation 5t3 )Dec 21, 2021 1,052 css , animations HTML Cheat Sheet Dec 20, 2021 1,051 html , semantics , examples , cheat-sheets 5 Common Misconceptions About WAI–ARIA and Accessibility Dec 20, 2021 1,050 accessibility , aria , html Be Prepared for Failure and Handle It Gracefully css )Dec 20, 2021 1,049 javascript , graceful-degradation Why UX Is the Best SEO Strategy uxm )Dec 20, 2021 1,048 user-experience , seo , strategies Smoothly Reverting CSS Animations Dec 20, 2021 1,047 css , animations The Web Starts on Page Four cod )Dec 20, 2021 1,046 web PHP 8 in a Nutshell ami )Dec 20, 2021 1,045 books , php Image Display Elements 5t3 )Dec 20, 2021 1,044 html , images , responsive-design How to Define Your Relationship to Sites You Link To ste )Dec 20, 2021 1,043 how-tos , html , links , semantics , seo How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript cfe )Dec 20, 2021 1,042 how-tos , css , javascript Design Sprints Revisited: Designing With Your Users and Developers uxm )Dec 20, 2021 1,041 design , usability Auto Dark Theme chr /css )Dec 20, 2021 1,040 browsers , dark-mode , usability 4 HTML Concepts You Didn’t Know j9t )Dec 19, 2021 1,039 html , concepts , tables Ultimate HTML Cheatsheet Dec 19, 2021 1,038 html , cheat-sheets Web Performance, Core Web Vitals, and Vanity Metrics Dec 19, 2021 1,037 performance , web-vitals , metrics Preference Queries 5t3 )Dec 19, 2021 1,036 css This Is WCAG Dec 18, 2021 1,035 websites , accessibility , standards , wcag This Is WCAG 2.1 Dec 18, 2021 1,034 websites , accessibility , wcag There’s Never Been a Better Time to Build Websites Dec 17, 2021 1,033 frameworks , css CSS Houdini Paint API 5t3 )Dec 17, 2021 1,032 css , houdini , apis , javascript Consistent, Fluidly Scaling Type, and Spacing bel /css )Dec 16, 2021 1,031 typography , css , scaling , fluid-design Web Platform Design Principles w3c )Dec 16, 2021 1,030 web-platform , software-design , principles , standards , w3c Don’t Start With Microservices in Production—Monoliths Are Your Friend Dec 16, 2021 1,029 microservices , monoliths , architecture Inaccessibility of CAPTCHA w3c )Dec 16, 2021 1,028 accessibility , captcha Hands On With the New Responsiveness Metrics Dec 16, 2021 1,027 performance , responsive-design , metrics Web vs. Email Development: The 11 Biggest Coding Differences Dec 16, 2021 1,026 comparisons , email , browsers , support , responsive-design Why Motion on Websites and Digital Content Is a Problem mer /equ )Dec 16, 2021 1,025 accessibility Sustaining Maintaining dav )Dec 16, 2021 1,024 foss Deep-Copying in JavaScript Using “structuredClone” sur /dev )Dec 16, 2021 1,023 javascript Shifting the Mindset About Accessible Content mni )Dec 15, 2021 1,022 accessibility , content The State of CSS 2021 [Results] sac /dev )Dec 15, 2021 1,021 surveys , css Explain Like I’m Five: Web Performance Optimization sto )Dec 15, 2021 1,020 performance , optimization 100 Tips on Software Developer Productivity Dec 15, 2021 1,019 productivity , tips-and-tricks CSS Can Help Improve Your HTML!? Buttons and Links Dec 15, 2021 1,018 html , css , buttons , links , accessibility Thoughts on Skin Tone and Text Descriptions tin )Dec 15, 2021 1,017 accessibility , dei , writing CSS Custom Properties 5t3 )Dec 15, 2021 1,016 css , custom-properties Practical Ethics for the Modern Web Designer Dec 14, 2021 1,015 videos , ethics Details/Summary 5t3 )Dec 14, 2021 1,014 html , semantics , disclosure-widgets Visual Regression Testing for Design Systems With Figma Branches Dec 14, 2021 1,013 design-systems , testing , regressions , figma The Ideal Line Length and Line Height in Web Design Dec 14, 2021 1,012 design , typography Lessons Learned From Publishing a Content Security Policy Dec 14, 2021 1,011 lessons , csp , security Performance Implications of JavaScript Errors Dec 14, 2021 1,010 javascript , performance , errors Read Your Website geo /css )Dec 14, 2021 1,009 user-experience WCAG 2.2: What We Know Till Now Dec 13, 2021 1,008 accessibility , wcag WCAG 2 Is What We Have kil )Dec 13, 2021 1,007 accessibility , wcag Intersection Observer 5t3 )Dec 13, 2021 1,006 javascript , apis How Not to Create a Button eev )Dec 13, 2021 1,005 html , buttons , accessibility Embrace the Platform bra /css )Dec 13, 2021 1,004 html , css , javascript , web-platform 5 Key Benefits of Using a Tag Manager Dec 12, 2021 1,003 tag-management Defer Non-Critical Resources Dec 12, 2021 1,002 performance , html WCAG 3 Is Not Ready Yet yat )Dec 11, 2021 1,001 accessibility , wcag Standardizing Focus Styles With CSS Custom Properties 5t3 /css )Dec 10, 2021 1,000 css , custom-properties , accessibility , focus How to Customize Firefox UI—Step-by-Step Tutorial Dec 10, 2021 999 how-tos , tutorials , xul , browsers , mozilla , firefox , customization Responsive Iframes With the CSS “aspect-ratio” Property cfe )Dec 9, 2021 998 iframes , css , responsive-design , aspect-ratio Breaking Out of the Box pat /ali )Dec 9, 2021 997 browsers , css The Last Design You’ll Ever Make Dec 9, 2021 996 design Caching: Understanding the Scope Dec 9, 2021 995 performance , caching WCAG 3 and APCA Dec 9, 2021 994 accessibility , wcag , apca , colors , contrast Redirects for SEO: A Simple (but Complete) Guide ahr )Dec 8, 2021 993 guides , redirecting , seo , http 1993: Mosaic Launches and the Web Is Set Free ric )Dec 8, 2021 992 history , browsers , mosaic 5 Reasons You Should Adopt a Micro Frontend Architecture Dec 8, 2021 991 micro-frontends , architecture Content Separation Dec 8, 2021 990 servers Writing Better CSS ale )Dec 8, 2021 989 css , quality , efficiency Node.js Memory Limits—What You Should Know app )Dec 8, 2021 988 nodejs , memory A Beginner’s Guide to Vue Router Dec 7, 2021 987 guides , vuejs Optimizing State Management in React Applications Dec 7, 2021 986 react , state-management Explainer for W3C Accessibility Guidelines (WCAG) 3.0 w3c )Dec 7, 2021 985 accessibility , wcag , standards Where Do You Put Spacing on Design System Components? eri )Dec 7, 2021 984 design-systems , components , design , spacing Test Your Product on a Crappy Laptop eri /css )Dec 7, 2021 983 testing , performance , usability Google Fonts Knowledge ell )Dec 7, 2021 982 google , fonts , typography Defensive CSS sha )Dec 7, 2021 981 css HTTP Compression Dec 6, 2021 980 http , protocols , compression , performance Why You Should Check in Your Node Dependencies Dec 6, 2021 979 nodejs , dependencies Designing Better Links for Websites and Emails: A Guideline sma )Dec 6, 2021 978 design , links , email Reduce Your Website’s Environmental Impact With a Carbon Budget mic /css )Dec 6, 2021 977 sustainability CSS Fingerprinting Dec 5, 2021 976 websites , css , privacy , fingerprinting Have Core Web Vitals Made the Web Faster? tun )Dec 5, 2021 975 web-vitals , performance The Love of Curvilinear Design uxd )Dec 5, 2021 974 design How Many People With Disabilities Use Our Site? hdv )Dec 5, 2021 973 accessibility Plugging Memory Leaks in Your App sto )Dec 4, 2021 972 performance , memory JSON Modules in JavaScript Dec 3, 2021 971 javascript , json , modules Request for a General Theory of Web Performance Dec 3, 2021 970 performance Why Every Developer Should Start Blogging Dec 3, 2021 969 blogging , communication , learning , career Revisiting the Anatomy of a Design System uxd )Dec 3, 2021 968 design-systems Ain’t No Party Like a Third Party ada /css )Dec 3, 2021 967 dependencies , embed-code , security Best Practices for Node.js Development Dec 2, 2021 966 nodejs , javascript , best-practices Markup htt )Dec 2, 2021 965 web-almanac , studies , research , metrics , html New Living Standards dom )Dec 1, 2021 964 standards , apis JavaScript htt )Dec 1, 2021 963 web-almanac , studies , research , metrics , javascript Security htt )Dec 1, 2021 962 web-almanac , studies , research , metrics , security CSS mey /htt )Dec 1, 2021 961 web-almanac , studies , research , metrics , css HTTP htt )Dec 1, 2021 960 web-almanac , studies , research , metrics , http , protocols Accessibility htt )Dec 1, 2021 959 web-almanac , studies , research , metrics , accessibility Page Weight htt )Dec 1, 2021 958 web-almanac , studies , research , metrics , performance Why Color Contrast Is Not as Black and White as It Seems Dec 1, 2021 957 accessibility , colors , contrast Understanding Accessibility Dec 1, 2021 956 accessibility , testing , tooling The Fundamentals of CSS Layout dev )Dec 1, 2021 955 videos , fundamentals , css , layout Open Props arg )Dec 1, 2021 954 websites , css , custom-properties , props CSS Layout From the Inside Out rac )Nov 30, 2021 953 videos , css , layout The Surprising Behavior of “Important CSS Custom Properties” ste )Nov 30, 2021 952 css , custom-properties , cascade Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? cfe +/sma )Nov 30, 2021 951 podcasts , interviews , web-platform , standards , performance , tooling , developer-experience “aria-label” Is Not Always the Answer eev )Nov 29, 2021 950 html , aria , accessibility The State of UX in 2022: Rebuild fab /uxd )Nov 28, 2021 949 user-experience , design , outlooks Making Accessibility More Accessible Nov 27, 2021 948 accessibility Introduction to TCP Connection Establishment for Software Developers Nov 27, 2021 947 introductions , protocols , tcp The Pagination Predicament kev )Nov 26, 2021 946 pagination , seo Understanding WCAG 2.1 Level AAA tet )Nov 26, 2021 945 accessibility , wcag How to Maintain a Large Next.js Application sma )Nov 26, 2021 944 how-tos , nextjs , maintenance Introduction to Svelte Actions log )Nov 26, 2021 943 introductions , svelte What Is WHOIS and How Does It Work? Nov 26, 2021 942 whois , domains What Is Magento? A Brief Introduction Nov 26, 2021 941 introductions , ecommerce , tooling , magento Select Elements With “pointer-events: none” by Holding Shift pat /dev )Nov 26, 2021 940 browsers , dev-tools , pointer-events On Yak Shaving and “<md-block>”, a New HTML Element for Markdown lea )Nov 26, 2021 939 web-components , html , markdown Make Your Website Stand Out With a Custom Scrollbar Nov 25, 2021 938 css How to Trim Strings in JavaScript Nov 25, 2021 937 how-tos , strings , javascript Programmers Should Stop Celebrating Incompetence Nov 25, 2021 936 career Creating Generative Patterns With the CSS Paint API css )Nov 24, 2021 935 css , decoration Three Phases of Life for Design Systems Nov 24, 2021 934 design-systems What Kind of Developer Do I Want to Be? Nov 24, 2021 933 career Get Started With Validation in Node.js Nov 24, 2021 932 introductions , nodejs , validation 7 Ways to Improve Node.js Performance at Scale app )Nov 24, 2021 931 nodejs , performance , optimization Adding a Dyslexia-Friendly Mode to a Website sma )Nov 23, 2021 930 accessibility , css The 6 Ways of Writing HTML (and Their Combinations) j9t )Nov 23, 2021 929 html A Modern CSS Reset jos )Nov 23, 2021 928 css , resets Functional Programming in PHP: Higher-Order Functions Nov 23, 2021 927 php , programming , functions Control Layout in a Multi-Directional Website css )Nov 23, 2021 926 internationalization , html , css Modern CSS in a Nutshell spa /clo )Nov 23, 2021 925 css Improving the Performance of Wix Websites (Case Study) sma )Nov 22, 2021 924 performance , monitoring , culture , case-studies Blog Page Accessibility Deep Dive Nov 22, 2021 923 accessibility , react , deep-dives Responsive Layouts, Fewer Media Queries css /css )Nov 22, 2021 922 css , responsive-design How JavaScript Engines Achieve Great Performance Nov 22, 2021 921 javascript , javascript-engines , performance Designing Sustainable Websites ger )Nov 21, 2021 920 sustainability , performance , software-design Dear HTML Element Nov 20, 2021 919 html Accessibility Myths Nov 20, 2021 918 websites , accessibility , myths How to Make Blob Menu Using HTML, CSS, and JavaScript Nov 19, 2021 917 how-tos , html , css , javascript 20 Years of bram.us bra )Nov 19, 2021 916 history Tales of the Autistic Developer—Order and Chaos Nov 19, 2021 915 career Introduction to Web Sockets Nov 19, 2021 914 introductions , apis , protocols , websockets Parallax Powered by CSS Custom Properties jhe /css )Nov 19, 2021 913 css , effects , parallax , custom-properties Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed uxd )Nov 19, 2021 912 accessibility , communication PHP Date and Time Recipes css )Nov 18, 2021 911 php , time Various Ways to Include Comments on Your Static Site Nov 18, 2021 910 functionality 1992: The Web vs. Gopher, and the First External Browsers ric )Nov 18, 2021 909 history Let’s Not Send Developers to the Accessibility Tree Tool cod )Nov 18, 2021 908 browsers , accessibility , tooling Dynamic Color Manipulation With CSS Relative Colors jim )Nov 18, 2021 907 css , colors How to Create Reusable Components With the Vue 3 Composition API Nov 17, 2021 906 how-tos , vuejs , components , maintainability Three Principles to Better Present Your UI Designs uxd )Nov 17, 2021 905 design , principles WCAG 3.0: What You Need to Know About the Future of Accessibility Standards uxd )Nov 17, 2021 904 accessibility , wcag , standards Tor and the Humans Who Use It tor )Nov 17, 2021 903 community , privacy , tor-browser , browsers Performance sia /htt )Nov 17, 2021 902 web-almanac , studies , research , metrics , performance , user-experience A Guide to Modern CSS Colors With RGB, HSL, HWL, LAB, and LCH mic /sma )Nov 17, 2021 901 guides , css , colors 4 Ways to Document Your Design System With Storybook sto )Nov 16, 2021 900 design-systems , storybook , documentation We Need to Talk About Accessibility—Again, and Again, and Then Some More Nov 16, 2021 899 accessibility Reframing Tech Debt Nov 16, 2021 898 technical-debt A Primer on Product Management for Engineers Nov 16, 2021 897 introductions , product-management Generate a Pull Request of Static Content With a Simple HTML Form css )Nov 16, 2021 896 html , github Design System Best Practices With ESLint Series and )Nov 16, 2021 895 design-systems , design-tokens , best-practices , tooling , eslint Using “position: sticky” With CSS Grid sha )Nov 16, 2021 894 css , grids , positioning , layout A Clever Sticky Footer Technique chr /css )Nov 16, 2021 893 css , layout , navigation Why IndexedDB Is Slow and What to Use Instead Nov 15, 2021 892 databases , indexeddb , javascript , performance Access to Tech, Tech to Live btc )Nov 15, 2021 891 videos , accessibility 5 Popular Frontend Development Tools in 2021 Nov 15, 2021 890 tooling GitHub’s Commitment to npm Ecosystem Security git )Nov 15, 2021 889 github , npm , security Some Notes on Using esbuild Nov 15, 2021 888 bundling , esbuild How to Fetch Data in Svelte Nov 15, 2021 887 how-tos , svelte , data-fetching Your CSS Is an Interface eri )Nov 15, 2021 886 css , performance Semantics and How to Get Them Right hdv /btc )Nov 15, 2021 885 videos , html , semantics , accessibility Get Your “Head” Straight css /btc )Nov 15, 2021 884 videos , html , performance Useful React Hooks That You Can Use in Your Projects sma )Nov 12, 2021 883 react , hooks Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties Nov 12, 2021 882 dev-tools , css , javascript , browsers , google , chrome How to Debounce and Throttle Callbacks in Vue Nov 12, 2021 881 how-tos , vuejs , javascript , callbacks , debouncing , throttling Why Your Website Should Not Use Dithered Images Nov 12, 2021 880 images , dithering , compression , performance Using Web Workers to Boost Third-Party Script Performance log )Nov 12, 2021 879 web-workers , javascript , performance Other Looks at the Conditional Border Radius Trick chr /css )Nov 12, 2021 878 css , borders , tips-and-tricks Exploring Retro Web Design Nov 12, 2021 877 design Design Systems, Structured Content, and Headless Publishing amy )Nov 12, 2021 876 design-systems , content , semantics , headless View-Source Nov 11, 2021 875 auditing , view-source , browsers It’s Not About Your Favorite Color—Moving From Brand Strategy to Visual Identity uxd )Nov 11, 2021 874 design , branding , strategies Easy Dark Mode (and Multiple Color Themes) in React css )Nov 11, 2021 873 react , dark-mode , theming Browsing With Screen Magnification tet )Nov 10, 2021 872 accessibility , browsing , assistive-tech , screen-magnification Everything You Ever Wanted to Know About the Accessibility Tree Nov 10, 2021 871 videos , accessibility A Beginner’s Guide to Routing in Next.js, With Examples Nov 10, 2021 870 guides , nextjs , routing How Designers Can Prevent User Errors Nov 9, 2021 869 design , usability , errors Be Usable, Not Consistent, Not Uniform uxd )Nov 9, 2021 868 design , usability Localizing Your Next.js App ati /sma )Nov 9, 2021 867 nextjs , localization , javascript Detecting Specific Text Input With HTML and CSS chr /css )Nov 9, 2021 866 html , css Becoming an Expert Nov 8, 2021 865 learning , career , processes , craft Designing a Reorderable List Component Nov 8, 2021 864 lists , components , html , css Why You Should Prioritise Quality Over Speed in Design Systems amy )Nov 8, 2021 863 design-systems , prioritization Debugging HTML: Accessibility mat /mat )Nov 8, 2021 862 html , accessibility , debugging In Defence of Dialog Nov 7, 2021 861 html , modals PHP 8.1 in 8 Code Blocks Nov 7, 2021 860 php Deep Dive Into Node.js Architecture Nov 6, 2021 859 nodejs , architecture , deep-dives Chrome DevTools: Record and Playback Your User Journeys Nov 5, 2021 858 dev-tools , user-experience , performance , browsers , google , chrome The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job Nov 4, 2021 857 how-tos , career How to Implement Memoization in React to Improve Performance Nov 4, 2021 856 how-tos , react , performance , memoization , optimization Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? mat +/sma )Nov 4, 2021 855 podcasts , interviews , astro , frameworks RenderingNG: The Next-Generation Rendering Architecture for Chrome chr /dev )Nov 4, 2021 854 videos , browsers , google , chrome , browser-engines , chromium , rendering Everything You Have to Know About Core Web Vitals fox /cal )Nov 4, 2021 853 web-vitals , performance Understanding the Differences Between WCAG 2.1 and WCAG 2.2 Nov 3, 2021 852 accessibility , wcag , comparisons A Deep Dive Into Serverless UI With TypeScript sma )Nov 3, 2021 851 typescript , serverless , deep-dives Design Is Not Art, and UX Is Not Design uxd )Nov 3, 2021 850 design , user-experience What Is Wireless Application Protocol (WAP)? Nov 3, 2021 849 wap , mobile Designing Error Messages and a Logging Strategy in Node.js app )Nov 3, 2021 848 software-design , javascript , nodejs , logging , strategies Learn PWA dev )Nov 3, 2021 847 courses , web-apps , progressive-web-apps Learn Forms dev )Nov 3, 2021 846 courses , forms , html Building Real-Life Components: Facebook Messenger’s Chat Bubble sha )Nov 3, 2021 845 components , html , css Browser Wars jay /css )Nov 3, 2021 844 history , browsers , browser-wars What Are Accessible Fonts? Nov 2, 2021 843 accessibility , fonts What Does a Good Design System Feel Like? fon )Nov 2, 2021 842 design-systems , user-experience Name, Labels, ARIA, What to Do? sco )Nov 2, 2021 841 accessibility , forms , labels , writing , naming Eleventy 1.0—New Option for Global Data ray )Nov 2, 2021 840 eleventy 