| Modern Alternatives to BEM (dav) | | 195 |
| css, sorting, naming, bem |
| React Query vs. SWR (t3d) | | 194 |
| videos, react, data-fetching |
| TypeScript vs. JavaScript: Which One You Should Use, and Why (tim/sit) | | 193 |
| typescript, javascript |
| Which Generator Builds Markdown the Fastest? (zac) | | 192 |
| site-generators, markdown, performance |
| “<article>” vs. “<section>”: How to Choose the Right One (shu/sma) | | 191 |
| html, semantics |
| RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks (tam/ris) | | 190 |
| frameworks, redwoodjs, javascript |
| Making the Wrong Choice on Build vs. Buy (isa/inc) | | 189 |
| economics, processes, engineering-management, complexity |
| Statements vs. Expressions (jos) | | 188 |
| javascript |
| Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf) | | 187 |
| performance, web-vitals, html, attributes, css |
| A Look at Remix and the Differences With Next.js (fac/sma) | | 186 |
| frameworks, remix, nextjs |
| Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ) | | 185 |
| accessibility, captions, writing, automation |
| Web Development Is Like Assembling IKEA Furniture (cod) | | 184 |
|
| The New Wave of React State Management | | 183 |
| react, state-management |
| 404 vs. 410—the Technical SEO Experiment (sis/reb) | | 182 |
| seo, http, experiments |
| SPAs: Theory Versus Practice (nol) | | 181 |
| single-page-apps |
| Style Scoping Versus Shadow DOM: Which Is Fastest? (nol) | | 180 |
| selectors, scope, dom, shadow-dom, performance, metrics |
| Complex vs. Compound Selectors (mia) | | 179 |
| css, selectors |
| Patterns for Building JavaScript Websites in 2022 (rya/thi) | | 178 |
| javascript, frameworks |
| Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau) | | 177 |
| javascript, arrays |
| An Introduction to the Tailwind CSS and Atomic CSS (asz) | | 176 |
| introductions, tailwind, atomic-css |
| Personas vs. Archetypes (pag/nng) | | 175 |
| usability, user-experience, personas, testing |
| Under the Hood: React vs. Vue vs. Svelte (git) | | 174 |
| frameworks, react, vuejs, svelte |
| Frontend Versus Backend Web Development (uxm) | | 173 |
|
| Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (wax/mac) | | 172 |
| browsers, desktop, microsoft, edge, apple, safari, metrics |
| Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (gol) | | 171 |
| monorepos, dependencies, nodejs, tooling |
| Server-Side vs. Client-Side Analytics (dav) | | 170 |
| analytics, metrics |
| Mobile App Versus Web Site: Which Is Better for Your Business? (uxm) | | 169 |
| economics, mobile |
| URL, URI, URN: What’s the Difference? (and/aut) | | 168 |
| urls, terminology |
| Component Party (mat) | | 167 |
| websites, components, frameworks, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs |
| When to Use a Function Expression vs. Function Declaration (pmw/sit) | | 166 |
| javascript, functions |
| Moderated Versus Unmoderated Usability Testing (sal/uxm) | | 165 |
| usability, testing |
| Remix vs. Next.js (bej) | | 164 |
| remix, nextjs |
| Moving From Next to Remix (col) | | 163 |
| frameworks, nextjs, remix |
| Comparing Gatsby and Next.js for Website Development (ale) | | 162 |
| gatsby, nextjs, site-generators |
| Inclusive Design vs. Accessible Design: Understanding the Differences (boi) | | 161 |
| accessibility, dei, design |
| How to Consume Microformats2 Data (bar/mic) | | 160 |
| how-tos, microformats, parsing, json |
| Comparing Node JavaScript to JavaScript in the Browser (ell/css) | | 159 |
| javascript, nodejs, browsers |
| The Baseline for Web Development in 2022 (ala/lin) | | 158 |
| browsers, support, web-platform, libraries, frameworks |
| Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack (chr) | | 157 |
| videos, introductions, tutorials, esbuild, bundling, webpack |
| Remix vs. Next.js (rem) | | 156 |
| remix, nextjs |
| Imperative vs. Declarative Programming (uid) | | 155 |
| videos, programming |
| Web vs. Email Development: The 11 Biggest Coding Differences (ema) | | 154 |
| email, browsers, support, responsive-design |
| Understanding the Differences Between WCAG 2.1 and WCAG 2.2 (boi) | | 153 |
| accessibility, wcag |
| Rebase vs. Merge: Integrating Changes in Git (gnt/css) | | 152 |
| git |
| Buttons vs. Links (yat) | | 151 |
| html, semantics, buttons, links |
| Introducing Svelte, and Comparing Svelte With React and Vue (jjc) | | 150 |
| svelte, react, vuejs, introductions |
| Using Modern Image Formats: AVIF and WebP (add/sma) | | 149 |
| images, avif, webp, jpeg, png, performance, compression |
| 9 Tag Management Solutions You Should Consider (obs) | | 148 |
| tag-management, tooling, link-lists |
| Comparing Page Language Declaration Setups in Screen Readers (j9t) | | 147 |
| accessibility, html, http, screen-readers |
| Yarn vs. npm: Everything You Need to Know (cod/sit) | | 146 |
| yarn, npm |
| Indieweb vs. Fediverse (flu) | | 145 |
| indieweb, fediverse |
| Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense (ant/sit) | | 144 |
| how-tos, css, flexbox, grids, layout |
| 4 Important Differences Between Regular and Arrow Functions (ale) | | 143 |
| javascript, functions |
| I Tried Angular as a React Developer: Here Are 6 Things I Like About It (lou/js) | | 142 |
| angular, react |
| Building the Same App 5 Times | | 141 |
| jquery, angular, react, vuejs, svelte |
| Static vs. Dynamic vs. Jamstack: Where’s the Line? (mik/css) | | 140 |
| tooling, tech-stacks, jamstack |
| “return await promise” vs. “return promise” in JavaScript (pan) | | 139 |
| javascript, promises |
| Global vs. Local Styling in Next.js (ajd/sma) | | 138 |
| css, nextjs |
| Thinking About the Cut-Out Effect: CSS or SVG? (sha) | | 137 |
| css, svg, techniques, effects |
| Definition of Done vs. Acceptance Criteria (fai) | | 136 |
| agile, scrum, processes |
| Vue.js vs. React—Not Your Usual Comparison (dom) | | 135 |
| frameworks, vuejs, react |
| How to Satisfy User Intent When Considering Search vs. Browse (alg) | | 134 |
| how-tos, usability, browsing, searching |
| The 5 Most Popular Front-End Frameworks Compared (jch/sit) | | 133 |
| frameworks, react, angular, vuejs, svelte, emberjs |
| Comparing the New Generation of Build Tools (ell/css) | | 132 |
| tooling, building, bundling |
| React vs. Vue in 2021: Best JavaScript Framework (ely/dzo) | | 131 |
| frameworks, vuejs, react |
| Comparing Svelte and React (jac) | | 130 |
| svelte, react |
| Understanding Rendering in Web Apps: SPA vs. MPA (sni) | | 129 |
| rendering, web-apps, single-page-apps, multi-page-apps |
| Web Crawling vs. Web Scraping (zyt) | | 128 |
| crawling, scraping, terminology |
| Alt vs. Figcaption (ela/tho) | | 127 |
| html, accessibility |
| Bootstrap vs. Materialize Showdown (htm) | | 126 |
| bootstrap, materialize, frameworks |
| Touch, Point, Click: Mouse vs. Touch Screen Input (gra/pro) | | 125 |
| accessibility, interaction-design |
| GitLab vs. GitHub—a Comparison of the Two Version Control Systems (ion) | | 124 |
| version-control, gitlab, github |
| Webflow vs. WordPress: A Head-to-Head Comparison (the/sit) | | 123 |
| webflow, wordpress, content-management, hosting |
| AVIF Has Landed (jaf) | | 122 |
| images, avif, performance, quality, jpeg, webp, svg, png |
| 9 Best CSS Frameworks in 2020 (ath) | | 121 |
| css, presentational-css, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize |
| Difference Between Concurrent Versions System (CVS) and Subversion (SVN) (gee) | | 120 |
| version-control, cvs, svn |
| Vue vs. React in 2021: Which Framework to Choose and When (mon) | | 119 |
| frameworks, vuejs, react |
| Most Popular JavaScript Frameworks in 2020 | | 118 |
| frameworks, javascript, react, angular, vuejs, nodejs, svelte |
| Node.js vs. Deno: What You Need to Know (nil/sit) | | 117 |
| nodejs, deno, runtimes |
| Meteor vs. Next? A Brutally Honest Answer (chr) | | 116 |
| frameworks, meteor, nextjs |
| Web Crawler vs. Web Scraper: The Differences (gab) | | 115 |
| crawling, scraping, terminology |
| Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy (mtm) | | 114 |
| site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy |
| Liquid vs. Nunjucks | | 113 |
| template-engines, liquid, nunjucks |
| Real-World Effectiveness of Brotli (css) | | 112 |
| performance, compression, brotli |
| Ruby vs. Ruby on Rails: Same or Different? (syn) | | 111 |
| ruby, ruby-on-rails, terminology, metrics |
| AWS vs. Azure vs. Google: Cloud Services Comparison (mbu/var) | | 110 |
| cloud-computing, aws, microsoft, google, gcp |
| JS vs. Java—Dynamic Typing | | 109 |
| javascript, java |
| Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma) | | 108 |
| hosting, link-lists |
| Static vs. Server Rendering (jam/fro) | | 107 |
| rendering, performance, react |
| Node vs. Firebase vs. Laravel vs. Rails (mtm) | | 106 |
| nodejs, laravel, ruby-on-rails |
| HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It (fac) | | 105 |
| protocols, http, performance |
| Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea) | | 104 |
| seo, alt-text, images, accessibility, naming, microcontent |
| Using Google’s Flutter for Truly Cross-Platform Mobile Development (mik/sma) | | 103 |
| mobile, flutter, dart, google, native |
| What Are the Differences Between PhpStorm and WebStorm? Which IDE Is Right for You? (opt) | | 102 |
| phpstorm, webstorm, jetbrains, code-editors |
| Front-End Frameworks: Custom vs. Ready-to-Use Solutions (cod/sit) | | 101 |
| frameworks, customization |
| TYPO3 vs. Drupal: What Content Management System to Choose (agi) | | 100 |
| content-management, typo3, drupal |
| The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t) | | 99 |
| css, concepts, best-practices, principles |
| Understandable-Simple vs. Minimal-Simple Code (j9t) | | 98 |
| simplicity |
| Introduction to WebRender—Browsers Today (nic/moz) | | 97 |
| introductions, gecko, browser-engines, browsers |
| Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia) | | 96 |
| interaction-design, user-experience, hci, terminology, concepts |
| Two Paradigms of Web Development (j9t) | | 95 |
| concepts, best-practices, principles |
| Laravel vs. Symfony—Clash of the Frameworks (mer) | | 94 |
| php, frameworks, laravel, symfony |
| JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js (its) | | 93 |
| javascript, frameworks, angularjs, vuejs, meteor, nextjs |
| GIF, PNG, JPG, or SVG: Which One to Use? (sit) | | 92 |
| images, jpeg, png, gif, svg, webp |
| Making “input type=date” Complicated (ppk/sam) | | 91 |
| html, forms, edge, microsoft, chrome, google, browsers |
| Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim (cod) | | 90 |
| code-editors, sublime-text, microsoft, vs-code, vi+vim |
| Next Generation Server Compression With Brotli (mal/sma) | | 89 |
| compression, brotli, gzip, performance |
| PHP vs. Ruby—Let’s All Just Get Along (phi/sit) | | 88 |
| php, ruby |
| Static Site Generators Reviewed: Jekyll, Middleman, Roots, Hugo (bii/sma) | | 87 |
| site-generators, jekyll, hugo |
| SQL vs. NoSQL: How to Choose (cra/sit) | | 86 |
| how-tos, databases, sql |
| Deconfusing Pre- and Post-Processing (dea) | | 85 |
| css, preprocessors, postprocessors |
| The Difference Between Minification and Gzipping (chr/css) | | 84 |
| minification, gzip, compression |
| HTML5 Differences From HTML4 (zco/w3c) | | 83 |
| html, standards |
| Organizing CSS: OOCSS, SMACSS, and BEM (mat) | | 82 |
| css, oocss, smacss, bem |
| On Web Documents and Web Apps (j9t) | | 81 |
| terminology, concepts |
| All Code Is Not Equal: On Research and Production Code (j9t) | | 80 |
| concepts, terminology |
| Konqueror vs. Firefox | | 79 |
| browsers, konqueror, firefox, mozilla |
| Version Control Software in 2014: What Are Your Options? (ds/sit) | | 78 |
| version-control, git, svn, cvs |
| Myth Busting: CSS Animations vs. JavaScript (css) | | 77 |
| animations, css, javascript, myths, metrics, gsap |
| Dart: On Its Merits (aer) | | 76 |
| dart, javascript |
| Bootstrap vs. Foundation (ale+/lea) | | 75 |
| videos, frameworks, bootstrap, foundation |
| The Battle of CDNs: Comparing Cloudflare and Incapsula (bla/sit) | | 74 |
| content-delivery, tooling, cloudflare |
| WordPress vs. Joomla: Search Engine Optimization (sit) | | 73 |
| seo, wordpress, joomla |
| Repurposing vs. Optimized Design (nng) | | 72 |
| design, desktop, mobile, print, optimization, user-experience |
| Sass vs. Less (chr/css) | | 71 |
| preprocessors, sass, less |
| I Still Love Flash—Here’s Why (sit) | | 70 |
| flash, jquery |
| Web Designers vs. Web Developers (mho) | | 69 |
| career |
| Sublime 2 vs. Notepad++ (sam/sit) | | 68 |
| code-editors, sublime-text, notepad++ |
| Internationalization vs. Localization: What’s the Difference? (cms) | | 67 |
| internationalization, localization, terminology |
| Now You See Me (aar/ali) | | 66 |
| css, accessibility, jquery |
| Confessions of a Converted PHP Developer: Mixing Like a Baker (sni/sit) | | 65 |
| ruby, php, mixins |
| CSS3 vs. CSS: A Speed Benchmark (tre/sma) | | 64 |
| css, performance, metrics |
| The Difference Between “:nth-child” and “:nth-of-type” (chr/css) | | 63 |
| css, selectors |
| Camino, a Fast Alternative to Bloated Heavyweight Browsers | | 62 |
| camino, browsers |
| The Difference Between the WHATWG and the HTMLWG (wir) | | 61 |
| whatwg, w3c, standards |
| Searching vs. Browsing (tan) | | 60 |
| searching, browsing |
| Best Lightweight PHP Frameworks of 2010 (web) | | 59 |
| php, frameworks |
| Eight Reasons to Choose Safari or Firefox (mac) | | 58 |
| browsers, safari, apple, firefox, mozilla |
| Print Design to Web Design: Comparative Analogies (chr/css) | | 57 |
| design, print, web |
| Table Layouts vs. Div Layouts: From Hell to… Hell? (gei/sma) | | 56 |
| html, layout, tables, semantics |
| Callbacks vs. Events | | 55 |
| javascript, callbacks, events |
| Server-Side JavaScript Will Be as Common as PHP (ate/sit) | | 54 |
| javascript, php |
| Tables vs. CSS: CSS Trolls Begone | | 53 |
| html, css, tables, layout |
| HTML vs. XHTML: Why HTML Wins (j9t) | | 52 |
| html, xhtml |
| XHTML 1.1 or HTML 4.01? (chr/css) | | 51 |
| xhtml, html |
| DOM vs. Template (tro/sit) | | 50 |
| dom, php |
| A Quick Look at Browser Engines (Trident, Gecko, WebKit, Presto) | | 49 |
| browser-engines, browsers, trident, gecko, webkit, presto |
| 10 Weblog Engines Reviewed (gle/sma) | | 48 |
| blogging, content-management, tooling, link-lists, wordpress, drupal, joomla |
| HTML or XHTML: Does It Really Matter? (sib/sit) | | 47 |
| html, xhtml |
| Subversion Gits the Last Train (myl/sit) | | 46 |
| version-control, svn, git |
| The Browser Bunch (joe/mac) | | 45 |
| browsers, unix-like, safari, apple, camino, firefox, mozilla, opera |
| A Collection Is Not an Array (sib/sit) | | 44 |
| javascript, arrays |
| Color Rendering Difference: Firefox vs. Safari (chr/css) | | 43 |
| colors, rendering, firefox, mozilla, safari, apple, browsers |
| XHTML 2 vs. HTML 5 (mjm) | | 42 |
| xhtml, html |
| Cost of Solution vs. Cost of Problem (j9t) | | 41 |
| principles, economics, prioritization |
| Single-Line vs. Multi-Line CSS (chr/css) | | 40 |
| css, formatting |
| Font Rendering Differences: Firefox vs. IE vs. Safari (chr/css) | | 39 |
| css, fonts, rendering, firefox, mozilla, internet-explorer, microsoft, safari, apple, browsers |
| jQuery for JavaScript Programmers (sim) | | 38 |
| javascript, jquery |
| HTML or XHTML? Fact From Fiction (htm) | | 37 |
| html, xhtml, standards, myths |
| HTML vs. XHTML (wha) | | 36 |
| html, xhtml |
| How Strict Is Your Dynamic Language? (hfu/sit) | | 35 |
| programming, perl, php, ruby, python |
| Yahoo Is the New Google | | 34 |
| yahoo, google |
| Rel vs. Rev (mic) | | 33 |
| html, xhtml, semantics, microformats |
| What Is Web 2.0 (tim/ore) | | 32 |
| web, web-2.0, concepts, terminology |
| HTML Tags vs. Elements vs. Attributes (rog) | | 31 |
| html, attributes, terminology |
| The Future: HTML or XHTML (lac) | | 30 |
| html, xhtml, outlooks |
| HTML Tags (lac) | | 29 |
| html, terminology |
| Open Source vs. Closed Source (jus) | | 28 |
| foss, economics |
| Checkboxes vs. Radio Buttons (nng) | | 27 |
| forms, guidelines, usability |
| Tables vs. CSS—a Fight to the Death (ove/sit) | | 26 |
| html, tables, css, layout |
| Tags vs. Elements (ann) | | 25 |
| html, terminology |
| Weblogs vs. Old Media (dav) | | 24 |
| blogging |
| Inclusive Web Design for the Future (sch/hes) | | 23 |
| slides, history, browsers, graceful-degradation, standards, design, strategies |
| Flash and Web-Based Applications (nng) | | 22 |
| flash, web-apps |
| XHTML vs. the World (tan) | | 21 |
| xhtml, rss, syndication, blogging |
| Cache or Check? (sit) | | 20 |
| performance, caching |
| SWF vs. SVG—Which Should You Choose? (sit) | | 19 |
| flash, svg, images |
| Usability Metrics (nng) | | 18 |
| usability, research, metrics |
| The Web Is Like Canada (joe/ali) | | 17 |
| web |
| Bitmaps and Vectors: Web Graphics Evolve (zdn) | | 16 |
| images, gif, jpeg, png |
| Comparing XSL and CSS (ndw) | | 15 |
| xsl, css |
| The Extensible Style Language | | 14 |
| xsl, css |
| AVIF and WebP Settings Comparer (cra) | | 13 |
| tools, exploration, images, avif, webp |
| List Comparer | | 12 |
| tools, exploration, content |
| Google Lighthouse Report Comparer () | | 11 |
| tools, exploration, google, performance |
| Font Pairing Generator | | 10 |
| tools, exploration, typography, fonts |
| Font Comparer (vik) | | 9 |
| tools, exploration, typography, fonts |
| Website SEO Comparer (nin) | | 8 |
| tools, exploration, seo |
| Text Diff | | 7 |
| tools, exploration, content |
| Color Contrast Comparer (eig) | | 6 |
| tools, exploration, colors, contrast, accessibility, wcag |
| Color Comparer | | 5 |
| tools, exploration, colors |
| HTML Diff (w3c) | | 4 |
| tools, exploration, auditing, debugging, html |
| Website Change Monitor (wac) | | 3 |
| tools, analysis |
| Site and Origin Comparer (sec) | | 2 |
| tools, analysis, security |
| PageSpeed Results Comparer (san) | | 1 |
| tools, analysis, performance |
