Starting a New Side Project? Here Are 4 Lightweight CSS Frameworks to Get Up and Running | | 236 |
frameworks, css, pico, milligram, skeleton |
A Comparison of SUS, UMUX-LITE, and UEQ-S | | 235 |
studies, research, user-experience |
The Difference Between Iteration and Prototyping | | 234 |
processes, prototyping |
Best Browsers For Developers in 2023 (tal) | | 233 |
browsers, firefox, mozilla, polypane, brave, chrome, google |
Comparing Manual and Free Automated WCAG Reviews (aar) | | 232 |
accessibility, wcag, auditing |
Angular vs. AngularJS: 15 Key Differences to Know | | 231 |
angular, angularjs |
URI vs. URL: The Main Differences Between URL and URI | | 230 |
urls, terminology |
Top 13 Templating Engines for JavaScript to Improve and Simplify Your Workflow 2023 (sta) | | 229 |
template-engines, javascript, mustache, handlebars, nunjucks, pug, link-lists |
Conditional API Responses for JavaScript vs. HTML Forms (aus) | | 228 |
javascript, html, forms, security |
Microservices vs. Monolithic Architecture: A Practical Approach | | 227 |
architecture, microservices, monoliths |
“:has(:not())” vs. “:not(:has())” (mat) | | 226 |
css, selectors |
Foundations: Native Versus Custom Components (tet) | | 225 |
accessibility, fundamentals, components, html |
Comparing TCP and QUIC | | 224 |
tcp, quic, protocols |
Everything You Need to Know About Material Design 3 | | 223 |
videos, material-design, google |
Why You Should Prefer Using pnpm Over npm and Yarn? | | 222 |
pnpm, npm, yarn |
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell) | | 221 |
css, grids, flexbox, layout, examples |
Rest vs. Spread Syntax in JavaScript (ami) | | 220 |
javascript |
CSS Rules vs. CSS Rulesets (lou) | | 219 |
css |
PureComponents vs. Functional Components With Hooks (ade) | | 218 |
react, components, hooks |
Useful JavaScript Data Grid Libraries (sma) | | 217 |
javascript, libraries, grids, information-design |
Comparing JAWS, NVDA, and VoiceOver (css) | | 216 |
accessibility, screen-readers, jaws, nvda, apple, voiceover |
Modern Alternatives to BEM (dav) | | 215 |
css, sorting, naming, bem |
React Query vs. SWR | | 214 |
videos, react, data-fetching |
TypeScript vs. JavaScript: Which One You Should Use, and Why | | 213 |
typescript, javascript |
Which Generator Builds Markdown the Fastest? (zac) | | 212 |
site-generators, markdown, performance |
“<article>” vs. “<section>”: How to Choose the Right One (sma) | | 211 |
html, semantics |
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks | | 210 |
frameworks, redwoodjs, javascript |
Making the Wrong Choice on Build vs. Buy | | 209 |
economics, processes, engineering-management, complexity |
A Look at Remix and the Differences With Next.js (sma) | | 208 |
frameworks, remix, nextjs |
Statements vs. Expressions (jos) | | 207 |
javascript |
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf) | | 206 |
performance, web-vitals, html, attributes, css |
Captions: Humans vs. Artificial Intelligence: Who Wins? (mer/equ) | | 205 |
accessibility, captions, writing, automation |
Web Development Is Like Assembling IKEA Furniture (cod) | | 204 |
|
404 vs. 410—the Technical SEO Experiment | | 203 |
seo, http, experiments |
The New Wave of React State Management | | 202 |
react, state-management |
SPAs: Theory Versus Practice (nol) | | 201 |
single-page-apps |
Style Scoping Versus Shadow DOM: Which Is Fastest? (nol) | | 200 |
selectors, scope, dom, shadow-dom, performance, metrics |
Complex vs. Compound Selectors (mia) | | 199 |
css, selectors |
Patterns for Building JavaScript Websites in 2022 (rya/thi) | | 198 |
javascript, frameworks |
Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (rau) | | 197 |
javascript, arrays |
An Introduction to the Tailwind CSS and Atomic CSS | | 196 |
introductions, tailwind, atomic-css |
Personas vs. Archetypes | | 195 |
usability, user-experience, personas, testing |
Under the Hood: React vs. Vue vs. Svelte | | 194 |
frameworks, react, vuejs, svelte |
Frontend Versus Backend Web Development (uxm) | | 193 |
|
Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? | | 192 |
monorepos, dependencies, nodejs, tooling |
Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser | | 191 |
browsers, desktop, microsoft, edge, apple, safari, metrics |
Server-Side vs. Client-Side Analytics (dav) | | 190 |
analytics, metrics |
Mobile App Versus Web Site: Which Is Better for Your Business? (uxm) | | 189 |
economics, mobile |
URL, URI, URN: What’s the Difference? | | 188 |
urls, terminology |
Component Party | | 187 |
websites, components, frameworks, react, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs |
When to Use a Function Expression vs. Function Declaration | | 186 |
javascript, functions |
Moderated Versus Unmoderated Usability Testing (uxm) | | 185 |
usability, testing |
Remix vs. Next.js | | 184 |
remix, nextjs |
Moving From Next to Remix | | 183 |
frameworks, nextjs, remix |
Comparing Gatsby and Next.js for Website Development | | 182 |
gatsby, nextjs, site-generators |
Inclusive Design vs. Accessible Design: Understanding the Differences | | 181 |
accessibility, dei, design |
How to Consume Microformats2 Data (mic) | | 180 |
how-tos, microformats, parsing, json |
Comparing Node JavaScript to JavaScript in the Browser (css) | | 179 |
javascript, nodejs, browsers |
The Baseline for Web Development in 2022 | | 178 |
browsers, support, web-platform, libraries, frameworks |
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack | | 177 |
videos, introductions, tutorials, esbuild, bundling, webpack |
Remix vs. Next.js | | 176 |
remix, nextjs |
Imperative vs. Declarative Programming | | 175 |
videos, programming |
Web vs. Email Development: The 11 Biggest Coding Differences | | 174 |
email, browsers, support, responsive-design |
Understanding the Differences Between WCAG 2.1 and WCAG 2.2 | | 173 |
accessibility, wcag |
Rebase vs. Merge: Integrating Changes in Git (css) | | 172 |
git |
Buttons vs. Links (yat) | | 171 |
html, semantics, buttons, links |
Introducing Svelte, and Comparing Svelte With React and Vue | | 170 |
svelte, react, vuejs, introductions |
9 Tag Management Solutions You Should Consider | | 169 |
tag-management, tooling, link-lists |
Using Modern Image Formats: AVIF and WebP (add/sma) | | 168 |
images, avif, webp, jpeg, png, performance, compression |
Comparing Page Language Declaration Setups in Screen Readers (j9t) | | 167 |
accessibility, html, http, screen-readers |
Yarn vs. npm: Everything You Need to Know | | 166 |
yarn, npm |
Indieweb vs. Fediverse (flu) | | 165 |
indieweb, fediverse |
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense | | 164 |
how-tos, css, flexbox, grids, layout |
4 Important Differences Between Regular and Arrow Functions | | 163 |
javascript, functions |
I Tried Angular as a React Developer: Here Are 6 Things I Like About It | | 162 |
angular, react |
Building the Same App 5 Times | | 161 |
jquery, angular, react, vuejs, svelte |
Static vs. Dynamic vs. Jamstack: Where’s the Line? (css) | | 160 |
tooling, tech-stacks, jamstack |
“return await promise” vs. “return promise” in JavaScript | | 159 |
javascript, promises |
Global vs. Local Styling in Next.js (sma) | | 158 |
css, nextjs |
Thinking About the Cut-Out Effect: CSS or SVG? (sha) | | 157 |
css, svg, techniques, effects |
Definition of Done vs. Acceptance Criteria | | 156 |
agile, scrum, processes |
Vue.js vs. React—Not Your Usual Comparison | | 155 |
frameworks, vuejs, react |
How to Satisfy User Intent When Considering Search vs. Browse | | 154 |
how-tos, usability, browsing, searching |
The 5 Most Popular Front-End Frameworks Compared | | 153 |
frameworks, react, angular, vuejs, svelte, emberjs |
Comparing the New Generation of Build Tools (css) | | 152 |
tooling, building, bundling |
React vs. Vue in 2021: Best JavaScript Framework | | 151 |
frameworks, vuejs, react |
Comparing Svelte and React | | 150 |
svelte, react |
Understanding Rendering in Web Apps: SPA vs. MPA | | 149 |
rendering, web-apps, single-page-apps, multi-page-apps |
Web Crawling vs. Web Scraping | | 148 |
crawling, scraping, terminology |
Alt vs. Figcaption (tho) | | 147 |
html, accessibility |
Bootstrap vs. Materialize Showdown | | 146 |
bootstrap, materialize, frameworks |
Touch, Point, Click: Mouse vs. Touch Screen Input | | 145 |
accessibility, interaction-design |
GitLab vs. GitHub—a Comparison of the Two Version Control Systems | | 144 |
version-control, gitlab, github |
Webflow vs. WordPress: A Head-to-Head Comparison | | 143 |
webflow, wordpress, content-management, hosting |
AVIF Has Landed (jaf) | | 142 |
images, avif, performance, quality, jpeg, webp, svg, png |
9 Best CSS Frameworks in 2020 | | 141 |
css, presentational-css, frameworks, bootstrap, foundation, bulma, tailwind, uikit, milligram, pure, tachyons, materialize |
Difference Between Concurrent Versions System (CVS) and Subversion (SVN) | | 140 |
version-control, cvs, svn |
Vue vs. React in 2021: Which Framework to Choose and When | | 139 |
frameworks, vuejs, react |
Most Popular JavaScript Frameworks in 2020 | | 138 |
frameworks, javascript, react, angular, vuejs, nodejs, svelte |
Node.js vs. Deno: What You Need to Know | | 137 |
nodejs, deno, runtimes |
Meteor vs. Next? A Brutally Honest Answer | | 136 |
frameworks, meteor, nextjs |
Web Crawler vs. Web Scraper: The Differences | | 135 |
crawling, scraping, terminology |
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy | | 134 |
site-generators, jekyll, hugo, gatsby, nextjs, zola, eleventy |
Liquid vs. Nunjucks | | 133 |
template-engines, liquid, nunjucks |
Real-World Effectiveness of Brotli (css) | | 132 |
performance, compression, brotli |
Ruby vs. Ruby on Rails: Same or Different? | | 131 |
ruby, ruby-on-rails, terminology, metrics |
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css) | | 130 |
css, html, attributes |
JAMstack vs. Jamstack (chr/css) | | 129 |
jamstack, terminology |
When to Use SVG vs. When to Use Canvas (chr/css) | | 128 |
svg, canvas |
The Differing Perspectives on CSS-in-JS (chr/css) | | 127 |
css-in-js, css, javascript |
AWS vs. Azure vs. Google: Cloud Services Comparison | | 126 |
cloud-computing, aws, microsoft, azure, google, gcp |
JS vs. Java—Dynamic Typing | | 125 |
javascript, java |
Webhosting Compared: Testing the Uptime of 32 Hosts in 2018 (sma) | | 124 |
hosting, link-lists |
Static vs. Server Rendering | | 123 |
rendering, performance, react |
What’s the Difference Between “./dogs.html” and “/dogs.html”? (chr/css) | | 122 |
urls |
Flutter: Google’s Take on Cross Platform (css) | | 121 |
flutter, dart, google |
Node vs. Firebase vs. Laravel vs. Rails | | 120 |
nodejs, firebase, laravel, ruby-on-rails |
“::before” vs “:before” (chr/css) | | 119 |
css, selectors, support |
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It | | 118 |
protocols, http, performance |
Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea) | | 117 |
seo, alt-text, images, accessibility, naming, microcontent |
Using Google’s Flutter for Truly Cross-Platform Mobile Development (sma) | | 116 |
mobile, flutter, dart, google, native |
What Are the Differences Between PhpStorm and WebStorm? Which IDE Is Right for You? | | 115 |
phpstorm, webstorm, jetbrains, code-editors |
Front-End Frameworks: Custom vs. Ready-to-Use Solutions | | 114 |
frameworks, customization |
TYPO3 vs. Drupal: What Content Management System to Choose | | 113 |
content-management, typo3, drupal |
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t) | | 112 |
css, concepts, best-practices, principles |
Reboot, Resets, and Reasoning (chr/css) | | 111 |
css, resets, history, normalize-css, terminology |
FOIT vs. FOUT, a Side by Side Comparison (zac) | | 110 |
fonts, user-experience, flash-of-x |
Understandable-Simple vs. Minimal-Simple Code (j9t) | | 109 |
simplicity |
Introduction to WebRender—Browsers Today (nic/moz) | | 108 |
introductions, gecko, browser-engines, browsers |
Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia) | | 107 |
interaction-design, user-experience, hci, terminology, concepts |
(Now More Than Ever) You Might Not Need jQuery (oll/css) | | 106 |
jquery, javascript, ajax, performance, examples |
Why Choose Vue.js (ano) | | 105 |
vuejs, react |
Two Paradigms of Web Development (j9t) | | 104 |
concepts, best-practices, principles |
Masking vs. Clipping: When to Use Each (sar/css) | | 103 |
masking, clipping, svg, images |
Laravel vs. Symfony—Clash of the Frameworks | | 102 |
php, frameworks, laravel, symfony |
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js | | 101 |
javascript, frameworks, angularjs, vuejs, meteor, nextjs |
GIF, PNG, JPG, or SVG: Which One to Use? | | 100 |
images, jpeg, png, gif, svg, webp |
Brotli and Static Compression (mal/css) | | 99 |
performance, compression, brotli, gzip |
Making “input type=date” Complicated (ppk) | | 98 |
html, forms, edge, microsoft, chrome, google, browsers |
Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim | | 97 |
code-editors, sublime-text, microsoft, vs-code, vi+vim |
Presentation Attributes vs. Inline Styles (chr/css) | | 96 |
html, svg, attributes, css |
What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css) | | 95 |
css, preprocessors, custom-properties, variables |
Next Generation Server Compression With Brotli (mal/sma) | | 94 |
compression, brotli, gzip, performance |
A Comparison of Animation Technologies (sar/css) | | 93 |
animations, css, canvas, smil, webgl, gsap, jquery, react |
PHP vs. Ruby—Let’s All Just Get Along | | 92 |
php, ruby |
Static Site Generators Reviewed: Jekyll, Middleman, Roots, Hugo (bii/sma) | | 91 |
static-site-generation, site-generators, jekyll, hugo |
The Difference Between Responsive and Adaptive Design (geo/css) | | 90 |
design, responsive-design, fluid-design |
SQL vs. NoSQL: How to Choose (cra) | | 89 |
how-tos, databases, sql |
Deconfusing Pre- and Post-Processing (dea) | | 88 |
css, preprocessors, postprocessors |
The Difference Between Minification and Gzipping (chr/css) | | 87 |
minification, gzip, compression |
HTML5 Differences From HTML4 (zco/w3c) | | 86 |
html, standards |
Organizing CSS: OOCSS, SMACSS, and BEM (mat) | | 85 |
css, oocss, smacss, bem |
On Web Documents and Web Apps (j9t) | | 84 |
terminology, concepts |
All Code Is Not Equal: On Research and Production Code (j9t) | | 83 |
concepts, terminology |
Konqueror vs. Firefox | | 82 |
browsers, konqueror, firefox, mozilla |
Version Control Software in 2014: What Are Your Options? | | 81 |
version-control, git, svn, cvs |
Myth Busting: CSS Animations vs. JavaScript (css) | | 80 |
animations, css, javascript, myths, metrics, gsap |
Dart: On Its Merits (aer) | | 79 |
dart, javascript |
Bootstrap vs. Foundation | | 78 |
videos, frameworks, bootstrap, foundation |
The Web Wars | | 77 |
libraries, frameworks, tooling, history |
The Battle of CDNs: Comparing Cloudflare and Incapsula | | 76 |
content-delivery, tooling, cloudflare |
WordPress vs. Joomla: Search Engine Optimization | | 75 |
seo, wordpress, joomla |
Repurposing vs. Optimized Design | | 74 |
design, desktop, mobile, print, optimization, user-experience |
Sass vs. Less (chr/css) | | 73 |
preprocessors, sass, less |
I Still Love Flash—Here’s Why | | 72 |
flash, jquery |
Web Designers vs. Web Developers (mho) | | 71 |
career |
Sublime 2 vs. Notepad++ | | 70 |
code-editors, sublime-text, notepad++ |
Internationalization vs. Localization: What’s the Difference? (cms) | | 69 |
internationalization, localization, terminology |
Now You See Me (aar/ali) | | 68 |
css, hiding, accessibility, jquery |
Confessions of a Converted PHP Developer: Mixing Like a Baker | | 67 |
ruby, php, mixins |
CSS3 vs. CSS: A Speed Benchmark (sma) | | 66 |
css, performance, metrics |
The Difference Between “:nth-child” and “:nth-of-type” (chr/css) | | 65 |
css, selectors |
Camino, a Fast Alternative to Bloated Heavyweight Browsers | | 64 |
camino, browsers |
The Difference Between the WHATWG and the HTMLWG (wir) | | 63 |
whatwg, w3c, standards |
Searching vs. Browsing (tan) | | 62 |
searching, browsing |
Best Lightweight PHP Frameworks of 2010 | | 61 |
php, frameworks |
Eight Reasons to Choose Safari or Firefox (mac) | | 60 |
browsers, safari, apple, firefox, mozilla |
Print Design to Web Design: Comparative Analogies (chr/css) | | 59 |
design, print, web |
Table Layouts vs. Div Layouts: From Hell to… Hell? (sma) | | 58 |
html, layout, tables, semantics |
Callbacks vs. Events | | 57 |
javascript, callbacks, events |
Server-Side JavaScript Will Be as Common as PHP (ate) | | 56 |
javascript, php |
Tables vs. CSS: CSS Trolls Begone | | 55 |
html, css, tables, layout |
HTML vs. XHTML: Why HTML Wins (j9t) | | 54 |
html, xhtml |
XHTML 1.1 or HTML 4.01? (chr/css) | | 53 |
xhtml, html |
DOM vs. Template (tro) | | 52 |
dom, php |
A Quick Look at Browser Engines (Trident, Gecko, WebKit, Presto) | | 51 |
browser-engines, browsers, trident, gecko, webkit, presto |
10 Weblog Engines Reviewed (sma) | | 50 |
blogging, content-management, tooling, link-lists, wordpress, drupal, joomla |
HTML or XHTML: Does It Really Matter? (sib) | | 49 |
html, xhtml |
Subversion Gits the Last Train | | 48 |
version-control, svn, git |
The Browser Bunch (joe/mac) | | 47 |
browsers, unix-like, safari, apple, camino, firefox, mozilla, opera |
A Collection Is Not an Array (sib) | | 46 |
javascript, arrays |
Color Rendering Difference: Firefox vs. Safari (chr/css) | | 45 |
colors, rendering, firefox, mozilla, safari, apple, browsers |
XHTML 2 vs. HTML 5 | | 44 |
xhtml, html |
Cost of Solution vs. Cost of Problem (j9t) | | 43 |
principles, economics, prioritization |
Single-Line vs. Multi-Line CSS (chr/css) | | 42 |
css, formatting |
Font Rendering Differences: Firefox vs. IE vs. Safari (chr/css) | | 41 |
css, fonts, rendering, firefox, mozilla, internet-explorer, microsoft, safari, apple, browsers |
jQuery for JavaScript Programmers (sim) | | 40 |
javascript, jquery |
HTML Elements Index (j9t) | | 39 |
html, xhtml, overviews |
HTML or XHTML? Fact From Fiction | | 38 |
html, xhtml, standards, myths |
HTML vs. XHTML | | 37 |
html, xhtml |
How Strict Is Your Dynamic Language? | | 36 |
programming, perl, php, ruby, python |
Yahoo Is the New Google | | 35 |
yahoo, google |
Rel vs. Rev (mic) | | 34 |
html, xhtml, semantics, microformats |
What Is Web 2.0 (tim/ore) | | 33 |
web, web-2.0, concepts, terminology |
HTML Tags vs. Elements vs. Attributes | | 32 |
html, attributes, terminology |
The Future: HTML or XHTML (lac) | | 31 |
html, xhtml, outlooks |
HTML Tags (lac) | | 30 |
html, terminology |
Open Source vs. Closed Source (jus) | | 29 |
foss, economics |
Checkboxes vs. Radio Buttons | | 28 |
forms, guidelines, usability |
Tables vs. CSS—a Fight to the Death | | 27 |
html, tables, css, layout |
Tags vs. Elements (ann) | | 26 |
html, terminology |
Weblogs vs. Old Media (dav) | | 25 |
blogging |
Inclusive Web Design for the Future (sch) | | 24 |
slides, history, browsers, graceful-degradation, standards, design, strategies |
Flash and Web-Based Applications | | 23 |
flash, web-apps |
XHTML vs. the World (tan) | | 22 |
xhtml, rss, syndication, blogging |
Cache or Check? | | 21 |
performance, caching |
SWF vs. SVG—Which Should You Choose? | | 20 |
flash, svg, images |
Usability Metrics | | 19 |
usability, research, metrics |
The Web Is Like Canada (ali) | | 18 |
web |
Bitmaps and Vectors: Web Graphics Evolve (zdn) | | 17 |
images, gif, jpeg, png |
Comparing XSL and CSS (ndw) | | 16 |
xsl, css |
The Extensible Style Language | | 15 |
xsl, css |
Color Contrast Comparer (Chip Cullen) | | 14 |
tools, exploration, colors, contrast, accessibility |
AVIF and WebP Settings Comparer | | 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 | | 9 |
tools, exploration, typography, fonts |
Website SEO Comparer | | 8 |
tools, exploration, seo |
Text Diff | | 7 |
tools, exploration, content |
Color Contrast Comparer (Directed Edges) | | 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 | | 3 |
tools, analysis |
Site and Origin Comparer | | 2 |
tools, analysis, security |
PageSpeed Results Comparer | | 1 |
tools, analysis, performance |