| 15 Useful Placeholder Tools for Designers and Developers | | 228 |
| images, content, placeholders, testing, link-lists |
| How to Keep Your Repo Package Dependencies Up to Date Automatically | | 227 |
| how-tos, dependencies, github-actions, github |
| Assistive Technology, Accessible Technology, and the Accessibility Tree (uxd) | | 226 |
| accessibility, screen-readers, assistive-tech |
| Optimize Your PNGs With Oxipng and pre-commit | | 225 |
| images, png, performance, compression |
| 13 Tools and Techniques to Accelerate Frontend Development | | 224 |
| techniques, software-design-patterns, linting, bundling, testing, logging, frameworks, processes, ci-cd |
| Understanding Accessibility | | 223 |
| accessibility, testing |
| Smashing Podcast Episode 44 With Chris Ferdinandi: Is the Web Dead? (cfe+/sma) | | 222 |
| podcasts, interviews, web-platform, standards, performance, developer-experience |
| What Is Magento? A Brief Introduction | | 221 |
| introductions, ecommerce, magento |
| Let’s Not Send Developers to the Accessibility Tree Tool (cod) | | 220 |
| browsers, accessibility |
| Design System Best Practices With ESLint Series (and) | | 219 |
| design-systems, design-tokens, best-practices, eslint |
| 5 Popular Frontend Development Tools in 2021 | | 218 |
|
| An Introduction to PostCSS (cra) | | 217 |
| introductions, postcss, postprocessors |
| Developer Tools Secrets That Shouldn’t Be Secrets (cod) | | 216 |
| browsers, developer-experience |
| Optimizing Next.js Applications With Nx (sma) | | 215 |
| nextjs, optimization, building |
| How to Get Started With Social Media Automation | | 214 |
| how-tos, social-media, automation |
| 9 Tag Management Solutions You Should Consider | | 213 |
| tag-management, comparisons, link-lists |
| 5 Tools to Automate Your Development | | 212 |
| automation, productivity |
| jsc: My New Best Friend | | 211 |
| javascript |
| Static vs. Dynamic vs. Jamstack: Where’s the Line? (css) | | 210 |
| comparisons, tech-stacks, jamstack |
| A Performance-Focused Workflow Based on Google Tools (dev) | | 209 |
| performance, web-vitals, google |
| Visualizing a Codebase | | 208 |
| developer-experience, visualization |
| What Devs Need | | 207 |
| websites, link-lists |
| Introducing GitHub Copilot: Your AI Pair Programmer (git) | | 206 |
| introductions, github-copilot, github, ai |
| A Complete Guide to Accessibility Tooling (sma) | | 205 |
| guides, accessibility |
| What Is Prisma and Why Do We Need Another ORM? (nea) | | 204 |
| databases, prisma |
| How to Implement Authentication in Next.js With Auth0 (sma) | | 203 |
| how-tos, nextjs, authentication, auth0 |
| What Is Vite? An Overview of the New Front-End Build Tool (tim) | | 202 |
| overviews, building, vite |
| Comparing the New Generation of Build Tools (css) | | 201 |
| building, bundling, comparisons |
| How to Use PostCSS as a Configurable Alternative to Sass (cra) | | 200 |
| how-tos, postcss, sass |
| Learn Snowpack: A High-Performance Frontend Build Tool | | 199 |
| building |
| An Introduction to the Rollup.js JavaScript Bundler (cra) | | 198 |
| introductions, javascript, bundling, rollup |
| 2020 JavaScript Rising Stars | | 197 |
| javascript, frameworks, nodejs, react, vuejs, angular, building, testing, css-in-js, mobile, state-management, graphql, retrospectives |
| Symbols to Copy | | 196 |
| typography |
| Testing Vue Applications With the Vue Testing Library (sma) | | 195 |
| vuejs, testing |
| Authenticating React Apps With Auth0 (sma) | | 194 |
| react, authentication, auth0 |
| What Can We Learn From the W3C CMS Selection Process | | 193 |
| w3c, content-management, lessons |
| How to Automate API Testing With Postman (sma) | | 192 |
| how-tos, testing, apis, automation |
| Speeding Up My Shell (Oh My Zsh) | | 191 |
| shell, command-line, optimization |
| Sending Emails in PHP With PHPMailer | | 190 |
| email, php |
| Why You Should Use SWC (and Not Babel) (log) | | 189 |
| transpiling, babel |
| Some .zshrc Tricks (arp) | | 188 |
| shell, command-line, configuration, aliases, tips-and-tricks |
| How to Succeed in Wireframe Design (sma) | | 187 |
| how-tos, design, prototyping, link-lists |
| Introduction to Netlify CMS (joe) | | 186 |
| introductions, netlify, content-management |
| How to Debug a Node.js Application: Tips, Tricks, and Tools (cra) | | 185 |
| how-tos, nodejs, debugging, terminology, tips-and-tricks |
| Accessible SVGs: Inclusiveness Beyond Patterns (car/sma) | | 184 |
| svg, images, accessibility |
| The Web We Want (mar+) | | 183 |
| surveys, standards, web |
| Using MySQL With Node.js and the mysql JavaScript Client | | 182 |
| databases, mysql, nodejs |
| 2019 JavaScript Rising Stars (sac) | | 181 |
| javascript, frameworks, nodejs, react, vuejs, angular, testing, compiling, building, mobile, css-in-js, graphql, retrospectives |
| Eleventail—a Helper for Tailwind CSS and Eleventy (phi) | | 180 |
| tailwind, eleventy |
| Getting Started With Puppeteer | | 179 |
| introductions, puppeteer |
| How to Add CSS Vendor Prefixes Automatically (luk) | | 178 |
| how-tos, css, vendor-extensions, automation, postcss, webpack, gulp, npm |
| Definition of Web Developer (j9t) | | 177 |
| terminology, career |
| Load Balancer and When to Use It | | 176 |
| load-balancing |
| VuePress: Documentation Made Easy (ben/sma) | | 175 |
| vuejs, documentation |
| A Guide to Visual Testing With Percy | | 174 |
| guides, testing, regressions |
| The Ultimate Guide to Building Scalable Web Scrapers With Scrapy (sma) | | 173 |
| guides, scraping, python |
| Responsible JavaScript (mal/ali) | | 172 |
| javascript, tree-shaking, code-splitting, embed-code, transpiling, performance |
| endoflife.date (nem) | | 171 |
| websites |
| Understanding Image Compression: Tooling and Context (j9t) | | 170 |
| images, performance, compression |
| A Practical Guide to SVG and Design Tools (sma) | | 169 |
| guides, images, svg, sketch, figma, adobe, design |
| HTML Optimization: A Standard Config for HTMLMinifier (j9t) | | 168 |
| html, optimization, configuration |
| Introduction to Babel | | 167 |
| introductions, babel, transpiling |
| No EPUBCheck, no EPUB (w3c) | | 166 |
| conformance |
| 2018 JavaScript Rising Stars (sac) | | 165 |
| javascript, frameworks, nodejs, react, vuejs, angular, mobile, compiling, building, testing, code-editors, css-in-js, graphql, retrospectives |
| Best JavaScript Frameworks, Libraries, and Tools to Use in 2019 (cra) | | 164 |
| javascript, frameworks, libraries, link-lists |
| CSS Debugging and Optimization: Minification With CSSO | | 163 |
| css, debugging, optimization, minification |
| Exploring CSS Property Definitions (tid/w3c) | | 162 |
| w3c, css |
| Pattern Library First: An Approach for Managing CSS (rac/sma) | | 161 |
| css, processes |
| Server-Side Optimization With nginx and “pm=static” | | 160 |
| servers, nginx, optimization |
| Validating Dependencies in the Project With npm-check and depcheck | | 159 |
| dependencies, security, maintenance, auditing, npm |
| Managing Architecture Decision Records With ADR-Tools | | 158 |
| architecture, documentation |
| 15 Bootstrap Tools and Playgrounds | | 157 |
| bootstrap, link-lists |
| Unit Test Your JavaScript Using Mocha and Chai | | 156 |
| testing, javascript |
| W3C Study of Practices and Tooling for Web Data Standardisation (w3c) | | 155 |
| surveys, studies, research, standards, rdf, structured-data |
| React’s Accessibility Code Linter | | 154 |
| react, linting, eslint, accessibility |
| WAI-Tools Project Launched (w3c) | | 153 |
| accessibility, testing, compliance |
| A Developer’s Guide to Better Accessibility (a11+) | | 152 |
| guides, accessibility, html, semantics, keyboard-navigation, naming |
| Improve User Experience and Address Accessibility With Digital Quality Management (cms) | | 151 |
| accessibility, user-experience |
| What Kills and What Saves Content Management Systems (j9t) | | 150 |
| content-management, customization |
| 8 Must Have PHP Quality Assurance Tools | | 149 |
| php, quality |
| Quick Tip: How to Automate Social Media Posting With Jetpack | | 148 |
| how-tos, tips-and-tricks, social-media, automation, wordpress |
| Minifying CSS With CSS Optimizer | | 147 |
| css, minification |
| Guetzli, Google’s New JPEG Encoder | | 146 |
| performance, images, jpeg, compression |
| Need Lorem Ipsum? Inside HTML? (chr/css) | | 145 |
| html, placeholders |
| 2016 JavaScript Rising Stars (sac) | | 144 |
| javascript, frameworks, nodejs, react, mobile, compiling, building, testing, code-editors, retrospectives |
| Front-End Tools: My Favorite Finds of 2016 (lou) | | 143 |
| html, css, javascript, link-lists |
| Speed Up Oh My Zsh | | 142 |
| command-line, optimization |
| The API-Based CMS Approach (css) | | 141 |
| content-management, apis |
| Get Started on the CSS of the Future With PostCSS-cssnext | | 140 |
| introductions, css, postcss, postprocessors |
| CSS Post-Processors for Beginners: Tips and Resources | | 139 |
| css, postprocessors, postcss, link-lists |
| How to Choose the Right CSS Toolkits and Frameworks (mia+) | | 138 |
| interviews, how-tos, css, frameworks |
| High Performance SVGs (sar/css) | | 137 |
| svg, images, performance, optimization |
| Visual Regression Testing With PhantomCSS | | 136 |
| testing, regressions |
| Custom Formatting in HTML and LaTeX Code Listings Using Pandoc | | 135 |
| html, formatting |
| Stylelint: The Style Sheet Linter We’ve Always Wanted (sma) | | 134 |
| css, linting, stylelint |
| An Intro to Google Tag Manager (css) | | 133 |
| introductions, google, tag-management, analytics |
| Lint Your CSS With Stylelint (css) | | 132 |
| css, linting, stylelint |
| Useful WordPress Tools, Themes, and Plugins (vit/sma) | | 131 |
| wordpress, themes, plugins, link-lists |
| Extending Sass With PostCSS | | 130 |
| sass, postcss, css |
| Aligning Your Front End Process | | 129 |
| processes, documentation |
| Eliminating Known Vulnerabilities With Snyk (sma) | | 128 |
| security, vulnerabilities |
| Build a Web App With Backbone.js and Socket.IO | | 127 |
| web-apps, backbone, websockets |
| Why You Should Choose Your Own HTTPS (hel) | | 126 |
| http, performance, content-delivery, cloudflare |
| A Beginner’s Guide to WebGL | | 125 |
| guides, webgl, examples, link-lists |
| PostCSS—a Comprehensive Introduction (rea/sma) | | 124 |
| introductions, css, postcss |
| Learn PHP 7, Find Out What’s New, and More | | 123 |
| php, link-lists |
| Why Static Site Generators Are the Next Big Thing (bii/sma) | | 122 |
| site-generators |
| Choosing a CMS Your Organization Will Love (ali) | | 121 |
| content-management, productivity |
| The Nearly-Headless CMS (ali) | | 120 |
| content-management, headless |
| Authoring Tool Accessibility Guidelines (ATAG) 2.0 (jsp+/w3c) | | 119 |
| accessibility, standards |
| An Intro to CSS Testing With SonarQube (css) | | 118 |
| introductions, css, testing |
| Strategies for Cache-Busting CSS (chr/css) | | 117 |
| css, caching, performance, strategies |
| The Tedium of Managing Code (lyz/ali) | | 116 |
| maintenance, maintainability, dependencies, javascript |
| Memory Management (ali) | | 115 |
| career |
| Web Design Is Dead. No, It Isn’t. (vit/sma) | | 114 |
| design, web-platform |
| Web Design Is Dead (mas) | | 113 |
| design, mobile |
| W3C’s Mobile Checker Is Now Live (cam/sof) | | 112 |
| w3c, mobile |
| Performance Tools (fon/css) | | 111 |
| performance, content-delivery, testing, dev-tools, images, css, javascript, optimization, link-lists |
| An In-Depth Overview of Living Style Guide Tools (sma) | | 110 |
| design, documentation, style-guides, pattern-libraries, overviews |
| Choose Boring Technology (mcf) | | 109 |
| programming |
| First Look at Platform.sh—a Development and Deployment SaaS | | 108 |
| deploying |
| Free for Developers (rip) | | 107 |
| websites, link-lists |
| Style Guide Generator Roundup (ali) | | 106 |
| design, documentation, style-guides, link-lists |
| CSS: Just Try and Do a Good Job (chr/css) | | 105 |
| css, cascade, naming |
| The Ultimate Content Marketing Toolkit | | 104 |
| content, marketing, link-lists |
| An Auto-Enforceable SCSS Styleguide | | 103 |
| style-guides, automation, linting, sass |
| Analyzing a PHP Project With Jenkins | | 102 |
| php, debugging, automation, jenkins |
| Automating CSS Regression Testing (css) | | 101 |
| css, testing, regressions, automation |
| Automate WordPress With IFTTT | | 100 |
| wordpress, automation |
| 6 Current Options for CSS Preprocessors | | 99 |
| css, preprocessors, link-lists, sass, less, stylus |
| How to Get Started in Web Design (chr/css) | | 98 |
| introductions, domains, hosting, code-editors |
| 11 CSS Learning Tools and Resources (lou) | | 97 |
| css, learning, link-lists |
| A Retort on Simplicity | | 96 |
| simplicity |
| WordPress Theme Development: Getting Started With Underscores (“_s”) | | 95 |
| wordpress, introductions, theming |
| Tweaking Your Website? Do It Safely With Google Experiments | | 94 |
| google, testing |
| Getting Started With Sass and Bourbon | | 93 |
| introductions, sass, preprocessors |
| Tag Management: Bringing Peace to Developer–Marketer Relations | | 92 |
| tag-management, maintenance |
| Speed Up Your WordPress Site | | 91 |
| wordpress, performance |
| PHP and Continuous Integration With Travis CI | | 90 |
| php, ci-cd |
| Using Emmet With Sublime Text (joh) | | 89 |
| sublime-text, code-editors |
| Cache Invalidation Strategies With Varnish Cache (per/sma) | | 88 |
| performance, caching |
| My Favorite Sass Tools (kit) | | 87 |
| sass, link-lists |
| 5 Apps to Enhance Google Analytics | | 86 |
| google, analytics, link-lists |
| Grunt and Gulp Tasks for Performance Optimization | | 85 |
| yeoman, grunt, gulp, optimization, performance |
| Web Accessibility: Tools and Considerations | | 84 |
| accessibility, html, link-lists |
| Grunt for People Who Think Things Like Grunt Are Weird and Hard (chr/css) | | 83 |
| grunt, installing, examples |
| Cross Browser CSS Injection (css) | | 82 |
| css, browsers, grunt |
| 5 Free Online Browser Testing Tools | | 81 |
| browsers, testing, link-lists |
| WordPress Developer Tools | | 80 |
| wordpress, link-lists |
| Discovering Sketch | | 79 |
| design, sketch |
| Compile and Monitor Sass From Gumby2 | | 78 |
| sass, compass |
| Using SVG (chr/css) | | 77 |
| svg, images, css, support, browsers, examples, data-urls, link-lists |
| CSS Preprocessor README (tab) | | 76 |
| standards |
| Web: From History to the Future | | 75 |
| web, libraries, frameworks |
| Headless WebKit and PhantomJS | | 74 |
| webkit, headless |
| CSS Architecture (phi) | | 73 |
| css, architecture, naming, best-practices |
| Using JSLint to Refine Your Code | | 72 |
| javascript, linting, conventions |
| CSScomb: Sorting CSS Properties, the Better Way (sma) | | 71 |
| css, sorting |
| Intel Announces New HTML5 Programming Tools (aga/inf) | | 70 |
| html |
| Test Your Browser’s JavaScript Prowess With Google Octane | | 69 |
| javascript, support, testing, google |
| Octane: The JavaScript Benchmark Suite for the Modern Web (dev) | | 68 |
| javascript, testing, support, performance, v8 |
| The Battle of CDNs: Comparing Cloudflare and Incapsula | | 67 |
| content-delivery, cloudflare, comparisons |
| 10 Tips for Better Coding | | 66 |
| tips-and-tricks, quality, conventions, documentation, refactoring, naming, version-control, building, testing |
| Interaction Design in the Cloud (sma) | | 65 |
| interaction-design |
| How to Use WebSockets Today With Pusher (cra) | | 64 |
| how-tos, websockets |
| 10 Recommended Cloud Management Tools | | 63 |
| cloud-computing, link-lists |
| HTTP Debugging With Node and http-console | | 62 |
| http, debugging, nodejs |
| Musings on Preprocessing (chr/css) | | 61 |
| preprocessors, css, sass, less, stylus, compass |
| New W3C Validation Service With RDFa 1.1 and Microdata (iva/w3c) | | 60 |
| w3c, conformance, html, rdf, microdata |
| 10 JavaScript Testing Tools | | 59 |
| javascript, testing, link-lists |
| 10 Must Know CSS and CSS3 Resources and Tools | | 58 |
| css, link-lists |
| Twitter Bootstrap Generator (jch) | | 57 |
| twitter+x, bootstrap |
| pngquant (kor) | | 56 |
| websites, libraries, png, images, compression |
| Useful Node.js Tools, Tutorials, and Resources (sma) | | 55 |
| nodejs, link-lists |
| 10 of the Best CSS3 Code Generators (cra) | | 54 |
| css, code-generation, link-lists |
| Responsive Web Design Techniques, Tools, and Design Strategies (vit/sma) | | 53 |
| design, responsive-design, techniques, strategies, link-lists |
| Powerful New CSS Techniques and Tools (vit/sma) | | 52 |
| css, techniques, link-lists |
| Progressively Enhancing HTML5 Forms (chr/css) | | 51 |
| html, forms, progressive-enhancement |
| Tools for Cross Browser Compatibility: Live Testing | | 50 |
| testing, support, browsers |
| Real Web Developers Don’t Need Debugging Tools (j9t) | | 49 |
| debugging, browsers, dev-tools |
| Performance Toolbelt: Page Speed (tka) | | 48 |
| performance |
| CSS3 Generators Write All That Pesky Code for You (ate) | | 47 |
| css, link-lists |
| Improve Your jQuery Knowledge With the Source Viewer (cra) | | 46 |
| jquery |
| Debug PHP With Firebug and FirePHP | | 45 |
| debugging, php |
| Are You Loosing Traffic by Poor Website Performance? (cod/sma) | | 44 |
| performance, traffic, techniques, link-lists |
| W3C Validation: It’s Not Just About Rankings | | 43 |
| w3c, conformance, html, css, seo |
| Website Maintenance Tips for Front-End Developers (lou/sma) | | 42 |
| maintenance, quality, tips-and-tricks, link-lists |
| A Guide to Google Analytics and Useful Tools (sma) | | 41 |
| guides, google, analytics, link-lists |
| Launching Perch (dre) | | 40 |
| content-management, perch |
| 14 Free Tools to Validate Your HTML, CSS, and RSS Feeds | | 39 |
| conformance, html, css, rss, link-lists |
| The Mystery of CSS Sprites: Techniques, Tools, and Tutorials (sma) | | 38 |
| css, sprites, techniques, link-lists |
| 10 Web Analytics Tools for Tracking Your Visitors | | 37 |
| analytics, google, link-lists |
| 50 Extremely Useful PHP Tools (sma) | | 36 |
| php, link-lists |
| W3C Validators in Jeopardy | | 35 |
| w3c, conformance |
| Two More Ways to Do Cross Browser Testing | | 34 |
| testing, browsers |
| HTTP Monitoring With Charles (jus) | | 33 |
| http, monitoring, debugging |
| W3C Markup Validation Service Adds Experimental HTML5 Support | | 32 |
| w3c, conformance, html |
| W3C Validator, Now With HTML5 Flavour (oli/w3c) | | 31 |
| w3c, html, conformance |
| IE 6 Blocker Script (chr/css) | | 30 |
| internet-explorer, microsoft, browsers, javascript, jquery |
| 10 Weblog Engines Reviewed (sma) | | 29 |
| blogging, content-management, link-lists, comparisons, wordpress, drupal, joomla |
| How to Filter RSS Feeds | | 28 |
| how-tos, syndication, rss |
| 15 Tools to Help You Develop Faster Web Pages | | 27 |
| performance, link-lists |
| Useful In-Browser Development Tools for PHP (tro) | | 26 |
| php, link-lists |
| A Validator Is Not an Accessibility Evaluation Tool? (w3c) | | 25 |
| discussions, html, conformance, accessibility, alt-text, images |
| Testing Your Browser While Being Lazy (kar/w3c) | | 24 |
| browsers, testing |
| Accessibility Basics: Testing Your Page for Color Blindness (chr/css) | | 23 |
| fundamentals, accessibility, testing, color-blindness, contrast, colors |
| Clean Up Your CSS (chr/css) | | 22 |
| css, formatting |
| An Introduction to AJAX and Taconite | | 21 |
| introductions, ajax |
| Validator Web Service Interface Ideas (hsi) | | 20 |
| web-services, conformance |
| W3C Markup Validator, Link Checker Updated | | 19 |
| w3c, html, xhtml, conformance, links, link-rot, user-experience |
| Complete List of Best SEO Tools (sma) | | 18 |
| seo, link-lists |
| Unicorn Sighting (Public Preview) (don/w3c) | | 17 |
| w3c, quality, conformance |
| Web-Based Alternatives to PowerPoint (jud/inf) | | 16 |
| html, css, javascript |
| What’s the Best MySQL Admin Tool? (jus) | | 15 |
| databases, mysql |
| Beware the Automated Accessibility Tool Trap | | 14 |
| accessibility, automation |
| New W3C Feed Validation Service (oli) | | 13 |
| discussions, w3c, syndication, rss, atom, conformance |
| Analyzing Web Server Logs | | 12 |
| servers, logging, analytics, link-lists |
| Problems With Automated Accessibility Testing Tools | | 11 |
| accessibility, testing |
| Documentation, Documentation, Documentation (sil) | | 10 |
| documentation, jsdoc, javascript |
| Tidy HTML | | 9 |
| html, php |
| Get Off Your RSS! | | 8 |
| syndication, rss, link-lists |
| Bringing Websites in From the Cold | | 7 |
| architecture, servers |
| User Agent Accessibility Guidelines 1.0 (w3c) | | 6 |
| guidelines, accessibility, browsers, assistive-tech, standards |
| W3C Updates Validation Service | | 5 |
| html, xhtml, xml, conformance, w3c |
| HTML Syntax Checker in PHP (hsi) | | 4 |
| html, conformance, php |
| Validators | | 3 |
| html, conformance, quality, link-lists |
| Extending the Web’s Tag Set Using SGML: The Grif Symposia Authoring Tool | | 2 |
| html, sgml |
| CMS Detector | | 1 |
| tools, analysis, content-management |
