Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2010s” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Dead-Code Elimination3,476
optimization, tooling
Demystifying JavaScript Testing (ken/css)3,475
javascript, testing
Using WordPress as a Headless CMS3,474
wordpress, headless, content-management
Splicing HTML’s DNA With CSS Attribute Selectors (sma)3,473
html, attributes, css, selectors
Firefox 63—Tricks and Treats (moz)3,472
release-notes, firefox, mozilla, browsers
Extending Built-In Elements3,471
web-components, shadow-dom, dom, javascript
CSS-in-JS: FTW || WTF? (bru)3,470
videos, css-in-js, css, javascript
Component-Based JavaScript Architecture (sea)3,469
javascript, components, architecture
Building a Non-Blog Site With WordPress3,468
wordpress
Why Do You Use Frameworks? (chr/css)3,467
frameworks, community
Writing for Designers (ali)3,466
design, writing, processes
How to Import a Sass File Into Every Vue Component in an App (sar/css)3,465
how-tos, vuejs, components, sass
Introducing GitHub Actions (sar/css)3,464
introductions, github-actions, github, automation
Develop WordPress Themes Faster With Gulp (cra)3,463
wordpress, theming, gulp
How to Configure Lighthouse for Balanced Quality Websites (j9t)3,462
how-tos, performance, google, lighthouse, configuration, quality
A Guide to Caching in WordPress3,461
guides, wordpress, performance, caching, plugins
Valid CSS Content (chr/css)3,460
css, html, validation
The Beginner’s Guide to WordPress SEO3,459
guides, wordpress, seo
Taming “this” in JavaScript With [the] Bind Operator (sma)3,458
javascript, operators
The Psychology of Design (jon/ali)3,457
design, user-experience, principles
CSS Debugging and Optimization: Minification With CSSO (web)3,456
css, debugging, optimization, minification, tooling
Use Cases for Flexbox (rac/sma)3,455
flexbox, css, layout
Apply a Filter to a Background Image (chr/css)3,454
images, backgrounds, filters, css
Privacy by Design: How to Sell Privacy and Make Change (rea/sma)3,453
how-tos, privacy, legal
Nested Links (chr/css)3,452
html, links
Representing Web Developers in the W3C (rac/sma)3,451
w3c, community
A Minimal JavaScript Setup (css)3,450
javascript, conventions, naming, scope, performance, maintainability, examples
A Short Guide to Minimal Web Development (j9t)3,449
guides, minimalism, learning, training
Don’t Use Empty or Low Content for Your Design System Grid Examples (chr/css)3,448
design-systems, intrinsic-design, grids, css, layout
Building a PWA Using Angular 6 (sma)3,447
angular, progressive-web-apps, web-apps
CSS Fonts 3 Is a W3C Recommendation (svg/w3c)3,446
css, fonts, standards
Responsive Images (wil/ali)3,445
html, css, images, responsive-design
WebAuthn, FIDO2 Infuse Browsers, Platforms With Strong Authentication (dar)3,444
w3c, fido, authentication, webauthn, security, browsers
Flexbox: How Big Is That Flexible Box? (rac/sma)3,443
flexbox, css, layout
JSON Considered Harmful (sur)3,442
json
What’s the Difference Between “./dogs.html” and “/dogs.html”? (chr/css)3,441
urls, comparisons
CSS Filter Utility Classes (lia)3,440
css, filters, presentational-html
The Importance of Manual Accessibility Testing (eri/sma)3,439
accessibility, testing, screen-readers, assistive-tech, link-lists
Updating a CSS Variable With JavaScript (chr/css)3,438
css, custom-properties, javascript
The “Developer Experience” Bait-and-Switch (sli)3,437
developer-experience, javascript
W3C: XML Is Everywhere (sdt)3,436
w3c, xml, sgml
UX Debt: How to Identify, Prioritize, and Resolve (nng)3,435
how-tos, user-experience, design-debt, prioritization
The End of View Source?3,434
view-source, learning
How to Get Started With CSS Animation (web)3,433
how-tos, css, animations
The Cascade and Other Essential Unessentials (tka)3,432
fundamentals, css, cascade
CSS Architecture: Block Element Modifier (BEM) and Atomic CSS (web)3,431
css, architecture, naming, bem, atomic-css
Notes to Myself on Software Engineering3,430
career, principles, apis
“Killing the URL” (chr/css)3,429
urls, browsers
Chrome’s Noscript Intervention (tka)3,428
chrome, google, browsers, javascript, performance, mobile
Removing jQuery From GitHub.com Frontend3,427
github, jquery, javascript, processes, refactoring, case-studies
Flutter: Google’s Take on Cross Platform (css)3,426
flutter, dart, google, comparisons
Node vs. Firebase vs. Laravel vs. Rails3,425
nodejs, firebase, laravel, ruby-on-rails, comparisons
Take a New Look at CSS Shapes (rac/sma)3,424
css, shapes
Detecting New Posts With Jekyll and Netlify (nza)3,423
jekyll, netlify, json, javascript
New in Chrome 69 (pet)3,422
release-notes, chrome, google, browsers
How to Use Gulp.js to Automate Your CSS Tasks (cra)3,421
how-tos, gulp, postcss, css, automation
Links List for Print Styles (aar)3,420
print, css, javascript
Three Input Element Properties That I Discovered While Reading MDN (ste)3,419
forms, javascript, css
A Tour of JavaScript Timers on the Web (nol)3,418
javascript
Web Development and the GDPR (j9t)3,417
embed-code, legal, gdpr, privacy
The Platform for Privacy Preferences 1.0 (P3P1.0) Specification (w3c)3,416
p3p, privacy, standards
Conversational Semantics (aar/ali)3,415
html, semantics, voice, conversational-design
An Intro to Web Site Testing With Cypress (rad/css)3,414
introductions, testing, cypress
Best Practices for Mobile Form Design (sma)3,413
design, forms, mobile, best-practices
CSS Logical Properties and Values Level 1 (fan/w3c)3,412
standards, css, logical-properties
20 Tips for Optimizing CSS Performance (cra)3,411
css, performance, optimization, tips-and-tricks
Three Ways to Grow Your Traffic and Capture Audience3,410
marketing, social-media, seo, traffic, optimization
The Benefits of Using CSS Grid for Web Form Layout (cra)3,409
css, grids, forms, layout
“::before” vs “:before” (chr/css)3,408
css, selectors, comparisons, support
CSS Logical Properties (chr/css)3,407
css, logical-properties
Carousels on Mobile Devices (nng)3,406
mobile, carousels, usability
Designing for Micro-Moments (sma)3,405
design, interaction-design, mobile
37 Theses on CSS and Web Development (j9t)3,404
css, optimization, best-practices, processes
Practical CSS Scroll Snapping (css)3,403
css, scrolling
Scroll Bouncing on Your Websites (sma)3,402
scrolling, css
The Web in 2045 (bre)3,401
web, javascript, outlooks
The Complete Anatomy of the Gutenberg WordPress Editor (sma)3,400
wordpress
The Possibilities of the “color-adjust” Property (eri/css)3,399
css, colors, print, accessibility
Variable Fonts: What They Are, and How to Use Them3,398
how-tos, fonts, variable-fonts, performance
Everything You Need to Know About Alignment in Flexbox (rac/sma)3,397
flexbox, css, layout, alignment
The Thing About Nuxt (ano)3,396
nuxt, conventions
Browser Painting and Considerations for Web Performance (css)3,395
browsers, browser-engines, painting, rendering, performance
Icon Fonts vs. SVGs—Which One Should You Use in 2018?3,394
fonts, icon-fonts, svg, images
Slow Websites (geo/css)3,393
performance, performance-budgets
Component Reusability in React and Vue3,392
react, vuejs, components, maintainability
New Syntax for JS “Function Stuff” (tab)3,391
javascript, functions, operators
The History of CSS Resets3,390
css, resets, history
Prefers Reduced Motion Media Query (chr)3,389
css, media-queries, reduced-motion, accessibility
What Happens When You Create a Flexbox Flex Container? (rac/sma)3,388
css, flexbox, layout
In Your Face, Passwords: Big Three Browsers All Adopt Authentication API3,387
security, authentication, webauthn, apis, edge, microsoft, chrome, google, firefox, mozilla, browsers
On Switching Code Editors (chr/css)3,386
code-editors, coda, sublime-text, vs-code, microsoft, webstorm, jetbrains, link-lists, community
The Cost of JavaScript in 2018 (add)3,385
javascript, performance, code-splitting, lazy-loading, performance-budgets, bundling
What Do You Need to Know When Converting a Flash Game Into HTML5? (sma)3,384
migrating, flash, html
Doing More With Less, an Introduction to a CSS Pre-Processor3,383
introductions, css, preprocessors, less
Documentation Unit Tests (sim)3,382
documentation, testing
The World Wide Success That Is XML (bar/w3c)3,381
xml, xsl, xquery, history
Solved With CSS! Logical Styling Based on the Number of Given Elements (una/css)3,380
css, selectors
WordPress Notifications Made Easy (sma)3,379
wordpress, plugins, notifications
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It3,378
protocols, http, comparisons, performance
How to Use Feature Flags in Continuous Integration3,377
how-tos, feature-management, ci-cd, netlify
Did You Know That Style and Script Tags Can Be Set to “display: block”? (fon/css)3,376
html, css
Converting Images to WebP (mal/sma)3,375
conversion, images, webp, sketch, photoshop, adobe, cloudinary
Lerna: A Tale of Renaming npm Packages3,374
dependencies, refactoring, npm, lerna
View Source (chr/css)3,373
dev-tools, view-source, browsers
8 Good Reasons to Become a Software Developer (fla)3,372
programming, career
Checkboxes vs. Switches in Forms3,371
videos, forms, usability
Weird Things Variable Fonts Can Do (chr/css)3,370
variable-fonts, fonts
Webmentions: Enabling Better Communication on the Internet (ali)3,369
webmentions, standards
Automate Your Workflow With Node (css)3,368
nodejs, automation
Linkbuilding: The Citizen’s Field Guide (myr+/sma)3,367
guides, seo, links
Exploring CSS Property Definitions (tid/w3c)3,366
w3c, tooling, css
Emojis as Icons (chr/css)3,365
emoji, icons, techniques, css
Hyperlinking Beyond the Web (ati/css)3,364
links, urls, command-line, tooling, electron, terminology
Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea)3,363
seo, alt-text, images, accessibility, naming, microcontent, comparisons
Better Collaboration by Bringing Designers Into the Code Review Process (sma)3,362
design, collaboration, code-reviews, processes
Delivering WordPress in 7 KB (css)3,361
wordpress, themes, performance
Pattern Library First: An Approach for Managing CSS (rac/sma)3,360
css, processes, tooling
Different Views on “view-source” (cod)3,359
view-source, learning
Host Your Static Site on GitLab Pages?3,358
hosting, gitlab
CSS Grid in IE: Faking an Auto-Placement Grid With Gaps (css)3,357
css, grids, layout, internet-explorer, microsoft, browsers
AMP, a Strategy (j9t)3,356
google, amp, strategies
Prototyping in the Browser (fon/css)3,355
prototyping, browsers
What Is Redux: A Designer’s Guide (sma)3,354
guides, design, redux, state-management
ES6 Didn’t Introduce Default Parameters (Attention to Detail)3,353
ecmascript, javascript, functions
CSS Grid in IE: CSS Grid and the New Autoprefixer (css)3,352
css, grids, layout, internet-explorer, microsoft, browsers, tooling, autoprefixer
HTTP/2: Background, Performance Benefits, and Implementations3,351
protocols, http, performance
Clearfix: A Lesson in Web Development Evolution (jay/css)3,350
css, floats, history
Release Notes for Safari Technology Preview 60 (jon/web)3,349
release-notes, safari, apple, browsers
What Is the Epic Browser (and What Makes It Different)? (com)3,348
browsers, epic
Improving Performance Perception: On-Demand Image Resizing3,347
performance, optimization, images, resizing, html
Accessibility Support (mfa)3,346
websites, accessibility, support, screen-readers, jaws, microsoft, nvda, google, voiceover, apple
How to Setup Tailwind With PurgeCSS and PostCSS (fla)3,345
how-tos, tailwind, purgecss, postcss
Against Privacy Defeatism: Why Browsers Can Still Stop Fingerprinting (ran/pri)3,344
privacy, browsers, fingerprinting, safari, apple
HTTPS Is Easy (tro)3,343
websites, http, security
The Craft of CSS (j9t)3,342
css, craft
Tips for Writing Better Performing PHP Code3,341
php, performance, tips-and-tricks
Introduction to Feature Policy3,340
introductions, http-headers, http
Server-Side Optimization With nginx and “pm=static”3,339
servers, nginx, tooling, optimization
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)3,338
css, performance, purgecss
Marketing as a Front End Web Developer?3,337
marketing
Balancing Time (sar/css)3,336
career, prioritization, productivity, project-management
Using Google’s Flutter for Truly Cross-Platform Mobile Development (sma)3,335
mobile, flutter, dart, google, native, comparisons
WordPress Security as a Process (sma)3,334
wordpress, security, processes
What Is SVG Good For? (chr/css)3,333
svg, images, examples
The Four Big Ways Jetpack Helps With Image Performance (css)3,332
wordpress, plugins, images, performance
BEM for Beginners: Why You Need BEM (sma)3,331
bem, css, selectors
Here’s the Thing About “Unused CSS” Tools (chr/css)3,330
css, quality, performance, tooling
7 Performance Tips for Jank-Free JavaScript Animations3,329
performance, javascript, animations, tips-and-tricks
More Unicode Patterns (css)3,328
unicode, backgrounds
The Problem With Patterns (ali)3,327
design, design-patterns, processes, user-experience, collaboration
Creating a Bar Graph With CSS Grid (pre/css)3,326
css, grids, layout, visualization
Making Your Website Faster and Safer With Cloudflare3,325
performance, caching, security, cloudflare
“Do Not Track” and the GDPR (inc/w3c)3,324
do-not-track, gdpr, privacy, legal
DRY HTML or DRY CSS?3,323
maintainability, principles, html, css, bem, oocss, atomic-css
Build a Style Guide Straight From Sass (ben/css)3,322
style-guides, css, sass, documentation, automation, tooling
Everything You Need to Know About the Plan to Kill Internet Passwords (dav/giz)3,321
passwords, authentication, webauthn, chrome, google, firefox, mozilla, browsers
10 Things I Regret About Node.js (tin/jsc)3,320
videos, nodejs
Debugging JavaScript Projects With VS Code and Chrome Debugger3,319
javascript, debugging, vs-code, microsoft, code-editors, chrome, google, browsers, dev-tools
Web Content Accessibility Guidelines (WCAG) 2.1 (ala+/w3c)3,318
accessibility, guidelines, wcag, standards
A Beginner’s Guide to Babel3,317
guides, babel, transpiling, javascript
A Reference Guide for Typography in Mobile Web Design (sma)3,316
guides, typography, terminology, mobile
The State of Changing Gradients With CSS Transitions and Animations (ana/css)3,315
css, gradients, transitions, animations
Validating Dependencies in the Project With npm-check and depcheck3,314
dependencies, security, maintenance, auditing, tooling, npm
Forms, Auth, and Serverless Functions on Gatsby and Netlify (css)3,313
netlify, gatsby, forms, authentication, serverless, functionality
Google Wants to Kill Passwords With the Chrome 67 Update3,312
chrome, google, browsers, passwords, webauthn, authentication
What Does the “h” Stand for in Vue’s Render Method? (sar/css)3,311
vuejs
How Do You Know Your Website Is a Success? (sma)3,310
product-management, strategies, metrics, user-experience, content, microcontent, navigation, performance, testing
Using ES Modules in the Browser Today3,309
javascript, esm
Managing Architecture Decision Records With ADR-Tools3,308
architecture, documentation, tooling
The History of WordPress3,307
wordpress, history
Whatever Happened to the Semantic Web?3,306
semantic-web, xml, rdf, metadata, history
Text Spacing Bookmarklet (ste)3,305
code-pens, bookmarklets, typography, accessibility, wcag
JavaScript Algorithms and Data Structures3,304
javascript, algorithms, data-structures, overviews, link-lists
Authenticating Firebase and Angular With Auth03,303
authentication, firebase, angular, auth0
15 Bootstrap Tools and Playgrounds3,302
bootstrap, tooling, link-lists
What the Heck Does “Script Error” Mean?3,301
javascript, errors
The Slow Death of Internet Explorer and the Future of Progressive Enhancement (oll/ali)3,300
browsers, microsoft, internet-explorer, progressive-enhancement
10 Tricks and Techniques to Make the Most Out of Sketch3,299
sketch, tips-and-tricks, techniques
A Strategy Guide to CSS Custom Properties (sma)3,298
guides, strategies, css, custom-properties
ARIA Serious? (yat/btc)3,297
videos, accessibility, aria
Don’t Use My Grid System or Any Others (mia/btc)3,296
videos, css, layout, grids
Page Transitions for Everyone (css)3,295
design, user-experience, animations, transitions, performance, caching
Responsive Tables, Revisited (lea)3,294
tables, css, responsive-design
The Dangers of Being a Web Developer (j9t/btc)3,293
videos, career
Turn Sublime Text 3 Into a JavaScript IDE (css)3,292
sublime-text, code-editors, plugins, javascript
Firefox 60 Lands: It’s World’s First Browser to Give You Password-Free Logins, Says Mozilla (zdn)3,291
firefox, mozilla, browsers, webauthn
Things Designers Should Know About SEO in 2018 (myr/sma)3,290
design, seo
Overriding Default Button Styles (chr/css)3,289
css, buttons, normalize-css
CSS-in-JS (bri)3,288
css-in-js, css, javascript, components
New CSS Features That Are Changing Web Design (zel/sma)3,287
css, grids, layout
The Beginner’s Guide to Meteor (fla)3,286
guides, meteor
CSS Environment Variables (chr/css)3,285
css, environments, variables
Inspecting Animations in DevTools (fon/css)3,284
css, animations, dev-tools, browsers, chrome, google, firefox, mozilla
How to Automate a Design3,283
how-tos, design, automation
Introduction to Material Design3,282
introductions, material-design, google, mobile, examples
Priority Guides: A Content-First Alternative to Wireframes (ali)3,281
design, prototyping, content
10 Essential Sublime Text Plugins for JavaScript Developers3,280
sublime-text, code-editors, plugins, javascript, link-lists
Setting Up an ES6 Project Using Babel and Webpack3,279
javascript, babel, webpack
rfc.fyi (mno)3,278
websites, web-platform
Understanding React “setState” (css)3,277
react
An Introduction to Drupal for React Developers (sia)3,276
introductions, drupal, react
RIP Passwords! A New Standard for Web Authentication Is Here3,275
w3c, fido, standards, authentication, webauthn
Native-Like Animations for Page Transitions on the Web (sar/css)3,274
design, animations, transitions, vuejs, nuxt, css
5-Second Usability Test3,273
videos, usability, testing
JavaScript Design Patterns: The Singleton3,272
javascript, software-design-patterns
What Are Higher-Order Components in React? (css)3,271
react, components
TSDoc: A TypeScript Source Code Documentation Format (inf)3,270
typescript, documentation
Introduction to the Fetch API3,269
introductions, data-fetching, apis, javascript
Understanding ES6 Modules (cra)3,268
javascript, modules, commonjs, esm
Best Practices With CSS Grid Layout (rac/sma)3,267
css, grids, layout, best-practices
New CSS Features Are Enhancing Everything You Know About Web Design (geo/css)3,266
css, responsive-design, intrinsic-design
CSS Optimization Basics (j9t)3,265
books, css, optimization, fundamentals
FIDO and W3C Launch Password-Free Browser3,264
fido, w3c, standards, apis, webauthn, authentication
Application Publishing Gets the WebAssembly Treatment (the)3,263
web-apps, containerization, webassembly
Go Testing Style Guide (arp)3,262
guides, go, testing, style-guides
Going Offline (ada/ali)3,261
web, offline, servers, web-workers
What Are the Differences Between PhpStorm and WebStorm? Which IDE Is Right for You?3,260
phpstorm, webstorm, jetbrains, code-editors, comparisons
Designing for Accessibility and Inclusion (sma)3,259
design, accessibility, dei, animations, colors, typography, images, multimedia, keyboard-navigation, layout, readability
Art Directing for the Web With CSS Grid Template Areas (mal/sma)3,258
design, art-direction, css, grids, layout
Methods, Computed, and Watchers in Vue.js (sar/css)3,257
vuejs
A Quick Way to Remember the Difference Between “justify-content” and “align-Items” (fon/css)3,256
css, flexbox, layout
MongoDB Evolved3,255
mongodb, release-notes, history
A Practical Guide to Angular Directives3,254
guides, angular
Introducing Last Painted Hero (spe)3,253
introductions, performance
Why Would You Do That in CSS? (chr/css)3,252
css, animations
Mozilla Announces Firefox Reality, a Dedicated Browser for VR and AR Headsets (jan/var)3,251
mozilla, browsers, xr
Developing an Experience Map, A to Z3,250
user-experience, visualization, research
Glitch Opens Up: Welcome!3,249
glitch
How to Check if Sites Use WebRTC3,248
how-tos, webrtc, feature-detection, privacy
What Worries Me About AI3,247
ai, social-media
React Code Style Guide (css)3,246
react, style-guides, props, formatting
nginx—Server Software With Event-Driven Architecture3,245
nginx, servers, architecture, apache, events
Python Developers Survey 2017 Results (jet)3,244
surveys, python
Angular 2 Components and Providers: Classes, Factories, and Values3,243
angular
Creating a UX Strategy (sma)3,242
user-experience, design, strategies
Approaches to Deprecating Code in JavaScript (css)3,241
javascript, maintenance, deprecation
Good Ol’ Margin Collapsing (chr/css)3,240
css, margins, community
Using Ethics in Web Design (mor/sma)3,239
design, user-experience, ethics, checklists
Copyright Law Basics for UK Software Developers (sma)3,238
fundamentals, legal, licensing
How Fast Is AMP Really? (tka)3,237
amp, google, performance, metrics
Trickle Down Accessibility (ted)3,236
slides, accessibility
PostCSS: Shiny CSS Preprocessor Written in JavaScript?3,235
css, postcss, preprocessors, postprocessors
Conversational Design (ali)3,234
design, interaction-design, conversational-design
Moving From Flash to HTML, CSS, and JavaScript (sma)3,233
flash, html, css, javascript, refactoring
Could This Be Easier?3,232
simplicity
10 Advanced Joomla Tips to Become a Pro3,231
joomla, tips-and-tricks
Celebrating the Anniversary of the Web (koa/w3c)3,230
web, anniversaries, w3c
Some Things About “alt” Text (chr/css)3,229
accessibility, alt-text, images, html
My New Favorite CSS Framework—Tachyons3,228
tachyons
What Houdini Means for Animating Transforms (ana/css)3,227
css, houdini, animations, transforms
CSS Techniques and Effects for Knockout Text (pre/css)3,226
css, techniques, effects
We Write CSS Like We Did in the 90s, and Yes, It’s Silly (j9t/ali)3,225
css, craft, quality, conventions, sorting
Three Techniques for Performant Custom Font Usage (oll/css)3,224
fonts, performance, techniques, flash-of-x
Web Fonts Working Group Announces WOFF 2.0 File Format3,223
w3c, fonts, woff, standards
The Principle of Commitment and Behavioral Consistency (tbf/nng)3,222
principles, user-experience
WordPress Comment Spam (chr/css)3,221
wordpress, blogging, spam, plugins
Your Interactive Makes Me Sick3,220
accessibility, scrolling, examples, user-experience
Using Sass to Control Scope With BEM Naming (bel/css)3,219
scope, javascript, css, sass, bem, naming
What Happens to Us Does Not Happen to Most of You (sig)3,218
community, dei
Third Party CSS Is Not Safe (jaf)3,217
html, css, embed-code, security
What Is an HTML5 App and Do I Want One?3,216
html, mobile, native, web-apps
How GDPR Will Change the Way You Develop (sma)3,215
legal, gdpr, privacy, processes
The Inception of ESLint (nza)3,214
eslint, history
My Return to Productivity—the 3 Keys to Being Productive3,213
productivity, processes
AMP News (chr/css)3,212
amp, google, performance, community
Complexity (chr/css)3,211
complexity, web-platform, career
Understanding Web Fonts and Getting the Most Out of Them (thi/css)3,210
fonts, ttf, woff, css, typography, variable-fonts
Safari 10.03,209
release-notes, safari, apple, browsers
Styling Empty Cells With Generated Content and CSS Grid Layout (rac/sma)3,208
css, generated-content, grids, layout, examples
Release Notes for Safari Technology Preview 50 (jon/web)3,207
release-notes, safari, apple, browsers
Introduction to Variable Fonts on the Web (dav+)3,206
introductions, variable-fonts, fonts, css
Building an Element in Polymer 2: Install Tools and Initialize Project3,205
videos, polymer, installing
Animating Bootstrap Carousels With GSAP’s Animation Library3,204
bootstrap, carousels, animations, gsap
Accessibility: Review of 2017 and Outlook for 2018 (w3c)3,203
accessibility, retrospectives, outlooks, wcag, aria, testing, link-lists
CSS Basics: Using Multiple Backgrounds (chr/css)3,202
fundamentals, css, backgrounds
HTML, CSS, and Dependency Direction (j9t)3,201
html, css, dependencies, maintainability, best-practices
HTML-First at Wiley (tzv)3,200
html, rdf, content-management
The Two Faces of AMP (tka)3,199
amp, google, search, open-web
Replacing jQuery With Vue.js: No Build Step Necessary (sar/sma)3,198
jquery, vuejs, migrating
CSS Basics: The Syntax That Matters and the Syntax That Doesn’t (chr/css)3,197
fundamentals, css, formatting, terminology
Introducing Eleventy, a New Static Site Generator (zac)3,196
static-site-generation, eleventy
A Comprehensive Guide to User Experience Design (sma)3,195
guides, user-experience, design
Using Default Parameters in ES6 (lou/css)3,194
ecmascript, javascript, functions
A Short History of WaSP and Why Web Standards Matter (jay/css)3,193
history, wasp, community, standards, web-platform
Attackers Can Steal Sensitive Data by Abusing CSS—CSS Exfil Vulnerability3,192
css, security, csp
How Declaration Repetition Developed Over Time, a Statistically Insignificant Sample (j9t)3,191
css, maintainability, metrics, history
Front-End Frameworks: Custom vs. Ready-to-Use Solutions3,190
frameworks, comparisons, customization
Removing Accelerated Mobile Pages (AMP) (the)3,189
amp, google, javascript, css
Fast-Forwarding Media Support on the Web (tid/w3c)3,188
multimedia, html
The Authority Principle (tbf/nng)3,187
user-experience, principles
Selectors Level 4 (fan+/w3c)3,186
css, selectors, standards
Why I Love Bootstrap, and Why You Should Too3,185
bootstrap
Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (dus/sma)3,184
debugging, javascript
What’s New in ECMAScript 2018 (paw)3,183
ecmascript, standards
ranmdn—Random MDN Documentation (rob)3,182
websites, mdn
Tools for Thinking and Tools for Systems (fon/css)3,181
design, tooling, sketch, figma, photoshop, adobe
How to Style a Form With Tailwind CSS (nic/css)3,180
how-tos, forms, tailwind
The Compact Guide to Web Maintainability: 200 Tips and Resources (j9t)3,179
guides, maintainability, tips-and-tricks, link-lists
ActivityPub (cwe+/w3c)3,178
standards, protocols, network
Creating Vue.js Component Instances Programmatically (css)3,177
vuejs, components
Work-Life Balance: Tips From the Community (ons/sma)3,176
career, community, tips-and-tricks
Website Performance—Does Your Hosting Plan Matter?3,175
performance, hosting
100 Accessible Websites of Various State Governments/UTs Under Accessible India Campaign Launched3,174
accessibility, wcag
Sacrificing the Golden Calf of “Coding” (cod/btc)3,173
videos, career, programming
Why Fast Matters (css/btc)3,172
videos, performance, economics
How to Internationalize Your WordPress Website (sma)3,171
how-tos, wordpress, internationalization, localization
Building Secure JavaScript Applications3,170
javascript, security, xss, csrf, json-web-tokens, passwords
TYPO3 vs. Drupal: What Content Management System to Choose3,169
content-management, typo3, drupal, comparisons
Finding Dead CSS (css)3,168
css, performance, maintenance
View Source: Why It Still Matters and How to Quickly Compare It to a Rendered DOM3,167
how-tos, view-source, dom, tooling, seo
How to Optimize CSS and JS for Faster Sites3,166
how-tos, css, javascript, performance, minification, optimization
“Stop Using CSS Selectors for Non-CSS” (chr/css)3,165
css, html, javascript, jquery, selectors
In Defense of Utility-First CSS (sar)3,164
css, presentational-html, naming, bem, maintainability, scalability
Laws of UX (jon)3,163
websites, user-experience, principles
SYN Packet Handling in the Wild3,162
tcp, protocols, performance, network
Universal Principles of User Experience Design (sma)3,161
user-experience, design, principles, typography
Unit Test Your JavaScript Using Mocha and Chai3,160
testing, javascript, tooling
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)3,159
accessibility, semantics, contrast, colors, labels, forms, typography, keyboard-navigation
You’ll Soon Be Able to Get Google AMP Quality Without That Pesky AMP URL3,158
google, amp, urls
An Introduction to Functional JavaScript3,157
introductions, javascript, programming
A Letter About Google AMP3,156
websites, amp, google, web
Google AMP Will Soon Show Publisher URLs on Supported Web Browsers (kyl)3,155
google, amp, urls, browsers
Making CSS Animations Feel More Natural (bra/css)3,154
css, animations, transforms, transitions
Visual Studio Code Can Do That? (bur/sma)3,153
vs-code, microsoft, code-editors
How to Learn Anything3,152
how-tos, learning
The First Principles of Product Management3,151
product-management, principles, communication, collaboration
Owning My Own Content (tka)3,150
blogging, content, writing, indieweb
W3C Study of Practices and Tooling for Web Data Standardisation (w3c)3,149
surveys, studies, research, standards, rdf, structured-data, tooling
Improving the Accessibility of 24 Ways (pau/css)3,148
accessibility, case-studies
What Is HTML 5? (mar/com)3,147
html
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)3,146
css, concepts, best-practices, principles, comparisons
ProgrammableWeb’s Most Interesting APIs in 2017: Payments, Banking, Blockchain, and Finance3,145
apis, economics, link-lists
W3C Releases HTML 5.2 as Official Recommendation (kba/inf)3,144
w3c, html, standards
What New Developers Should Really Focus On3,143
career, tips-and-tricks
Microsoft, Google, and Mozilla Team Up for Web Documentation (inf)3,142
mdn, microsoft, google, mozilla, web-platform, documentation
So You Want to Become an Accessibility Specialist (24a)3,141
accessibility, career
React’s Accessibility Code Linter (24a)3,140
react, linting, eslint, tooling, accessibility
What’s New in HTML5.2 (inf)3,139
html, standards
How JavaScript Rest Parameters Actually Work3,138
javascript, functions
The Future of Communication Is Already Here (for)3,137
webrtc, ai, multimedia, social-media
Native Form Validation: UI and CSS (ppk)3,136
forms, validation, css
Accessibility Testing Tools (chr/css)3,135
accessibility, testing, tooling
How the Death of Flash Helped Build the Future of the Web, and Why It Matters Now (for)3,134
flash, html, web-apps, web-platform
HTML 5.2 Is Done, HTML 5.3 Is Coming (w3c)3,133
html, standards, w3c
HTML 5.2 (ste+/w3c)3,132
standards, html
WAI–ARIA Authoring Practices 1.1 Note Helps Authors Make Content Accessible (w3c)3,131
accessibility, aria
ABEM—a More Useful Adaptation of BEM (css)3,130
css, bem, atomic-design, naming
WAI-Tools Project Launched (w3c)3,129
accessibility, tooling, testing, compliance
Writing Automated Tests for Accessibility (mar/24a)3,128
accessibility, testing, automation, keyboard-navigation, focus
How the Sausage Gets Made: The Hidden Work of Content (ali)3,127
content, processes
Further Working Mode Changes (ann)3,126
whatwg, apple, google, microsoft, mozilla, standards, community
Understanding CSS Layout and the Block Formatting Context (rac/sma)3,125
css, layout
Accessibility in Resizing Text (24a)3,124
accessibility, resizing
An Open Source Etiquette Guidebook (ken+/css)3,123
guides, foss, community, collaboration
A Developer’s Guide to Better Accessibility (a11+/24a)3,122
guides, accessibility, html, semantics, keyboard-navigation, naming, tooling
“await” vs. “return” vs. “return await” (jaf)3,121
javascript, asynchronicity
Everything You Ever Wanted to Know About Prototyping (but Were Afraid to Ask) (sma)3,120
prototyping, processes, design
Atomic Commits: Telling Stories With Git (may)3,119
version-control, git, commit-messages, processes
What Donald Rumsfeld Can Teach Us About Software Estimates3,118
project-management, agile, processes
The Evolution of User Experience Design (sma)3,117
user-experience, design
Animating Border (css)3,116
css, borders, animations, transitions, gradients, shadows
New in Chrome 63 (pet)3,115
release-notes, chrome, google, browsers
5 Common Misconceptions About Web Accessibility (24a)3,114
accessibility
The State of UX in 2018 (fab)3,113
user-experience, design, outlooks
Falsehoods Programmers Believe About Time (tim)3,112
programming, time, myths
CSS Line Spacing: How to Set Line Spacing3,111
how-tos, css, typography
The Front-End Checklist Is Just a Tool… Everything Depends on You (the/css)3,110
checklists, processes
AWS Cloud Databases Go Serverless and Multi-Master (bel/ven)3,109
aws, cloud-computing, databases, serverless, dynamodb
Performance of CSS Selectors Is Still Irrelevant (j9t)3,108
performance, css, selectors
An Introduction to Speculative Optimization in V83,107
introductions, v8, javascript-engines, javascript, optimization, speculation
Animating Layouts With the FLIP Technique (dav/css)3,106
animations, techniques, javascript, libraries
Designing for a Browserless Web (sma)3,105
design, progressive-web-apps, web-apps, native
On the Growing Popularity of Atomic CSS (oll/css)3,104
atomic-css, presentational-html, css
Progressive Web Apps: A Crash Course3,103
crash-courses, web-apps, progressive-web-apps, performance, lighthouse, google
Building Accessible Menu Systems (hey/sma)3,102
accessibility, navigation, html, aria
Optimizing CSS: Tweaking Animation Performance With DevTools3,101
css, animations, performance, optimization, dev-tools, browsers, firefox, mozilla
HTML Email and Accessibility (css)3,100
email, html, tables, accessibility
On Big Picture Thinking in Web Development (j9t)3,099
user-experience, performance, maintainability, consistency, accessibility, outlooks
A Comprehensive Guide to Web Design (sma)3,098
guides, design, content, information-architecture, navigation, content-strategy, scrolling, forms, accessibility
Faux Grid Tracks (mey/ali)3,097
css, layout, grids
The Cost of Developing and Adopting New CSS Features (mat)3,096
css, standards, browsers
How to Optimize SQL Queries for Faster Sites3,095
how-tos, sql, mysql, databases, performance, caching, optimization
Upgrade Your Project With CSS Selector and Custom Attributes3,094
css, selectors, testing, selenium
Bad Icons: How to Identify and Improve Them (nng)3,093
how-tos, icons, images, design, usability
CSS: The Reason Why Selectors Should Be Ordered, Too (j9t)3,092
css, selectors, sorting
How to Disable Links (ger/css)3,091
how-tos, links, javascript
Using CSS Grid: Supporting Browsers Without Grid (rac/sma)3,090
css, grids, layout, graceful-degradation, support, browsers
Content Security Policy: The Easy Way to Prevent Mixed Content (css)3,089
csp, examples, wordpress
All Major Browsers Now Support WebAssembly (cam/ble)3,088
webassembly, browsers, support
Static Site Generation With Grow: How to Set Up Syndication Feeds (j9t)3,087
how-tos, static-site-generation, syndication, rss, grow
Testing Standards (ann)3,086
standards, testing, interoperability, web-platform
The Future of the Browser (btc)3,085
videos, browsers, user-experience, outlooks
All You Need to Know About CSS-in-JS (tre)3,084
css, javascript, css-in-js
10 Simple Tips to Improve User Testing (sma)3,083
usability, user-experience, testing, tips-and-tricks
Creating Secure Password Resets With JSON Web Tokens (sma)3,082
security, passwords, json-web-tokens, nodejs
CSS Code Smells (fon/css)3,081
css, maintainability, technical-debt, naming
Planning for Accessibility (lau/ali)3,080
accessibility, project-management, processes, leadership
Ten Extras for Great API Documentation (ali)3,079
apis, documentation, developer-experience
Understanding the “Vary” Header (sma)3,078
http, http-headers, caching, performance
W3C: WebRTC 1.0 Is Now Feature Complete (sdt)3,077
w3c, webrtc, apis, standards
Can VS Code Do Emmet? (bur/css)3,076
vs-code, microsoft, code-editors
A Reasonable Approach for Getting Comfortable With Command Line (a11/css)3,075
command-line, tips-and-tricks
Defining the Grid With CSS3,074
css, grids, layout
Web Typography: Designing Tables to Be Read, Not Looked At (ric/ali)3,073
typography, readability, tables, responsive-design
Design Concepts—an Overview3,072
overviews, processes, design
Your First PHP Code3,071
php
Why TDD Isn’t Crap (hil)3,070
testing, quality, processes
Intersection Observers: The Beginning (ppk)3,069
javascript, apis
Is Your Website ADA-Compliant?3,068
accessibility, compliance, ada, legal
UX: What Can We Prototype? What Can’t We Prototype?3,067
user-experience, prototyping, information-architecture, navigation, layout
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)3,066
how-tos, css, principles, maintainability
Code Review Etiquette (css)3,065
code-reviews, quality, collaboration, communication, tips-and-tricks
Creating Vue.js Transitions and Animations (css)3,064
vuejs, transitions, animations
Reboot, Resets, and Reasoning (chr/css)3,063
css, resets, history, normalize-css, comparisons, terminology
5 Reasons Against Resets, Normalizers, Reboots (j9t)3,062
css, resets
A Look Back at the History of CSS (jay/css)3,061
history, css, browsers, doctype-switching, box-model, hacks, standards, css-zen-garden, semantics
Browser Makers Agree to Move Web Documentation to Mozilla’s Portal (cam/ble)3,060
browsers, web-platform, documentation, mdn, mozilla, microsoft, google, w3c
The Front-End Checklist (the)3,059
websites, checklists, html, css, javascript, images, accessibility, performance, seo
W3C to Work With MDN on Web Platform Documentation (don/w3c)3,058
w3c, mdn, documentation, web-platform
Learn a CSS Framework in 6 Minutes With Bulma3,057
css, frameworks, bulma
Writing Smarter Animation Code (css)3,056
animations, javascript, gsap
Everything Easy Is Hard Again (fch)3,055
complexity, processes, tooling, web-platform, career
FOIT vs. FOUT, a Side by Side Comparison (zac)3,054
fonts, user-experience, flash-of-x, comparisons
You Can Get Pretty Far in Making a Slider With Just HTML and CSS (chr/css)3,053
sliders, html, css
Exploring Data With Serverless and Vue: Automatically Update GitHub Files With Serverless Functions (sar/css)3,052
vuejs, serverless, functions, github
JavaScript Functions That Define and Rewrite Themselves3,051
javascript, functions
Gutenberg (chr/css)3,050
wordpress
Understandable-Simple vs. Minimal-Simple Code (j9t)3,049
simplicity, comparisons
Explainer: What Is the Semantic Web? (ren)3,048
terminology, semantic-web, metadata, rdf
Improve User Experience and Address Accessibility With Digital Quality Management (cms)3,047
accessibility, user-experience, tooling
Minimalistic Design With Large Impact: Functional Minimalism for Web Design (sma)3,046
design, minimalism
The Ultimate Guide for Building Awesome Joomla Websites3,045
guides, content-management, joomla
Using Webfonts (ali)3,044
fonts, css
On Enforcing Coding Guidelines (j9t)3,043
conventions, processes, engineering-management
Making Flat Design Usable3,042
videos, flat-design, design, usability
CSS Grid Gotchas and Stumbling Blocks (rac/sma)3,041
css, grids, flexbox, layout
CSS/CSS3 Flexbox Layout3,040
css, flexbox, layout
Considering Open Source Licenses (ali)3,039
foss, licensing
Getting Started With Redux3,038
introductions, redux, react, state-management
CSS “font-display”: The Future of Font Rendering on the Web3,037
css, fonts, typography
5 Things CSS Developers Wish They Knew Before They Started (css)3,036
css, learning, maintainability
The Web’s First (and Second) Browser (jay)3,035
browsers, line-mode, history, web
The Rise and Fall of Ext JS (hac)3,034
extjs, history
EFF Leaves the W3C Over DRM Decision (sco)3,033
eff, w3c, drm
Agile Is Not Easy for UX: (How to) Deal With It (nng)3,032
user-experience, agile, processes, collaboration
New WebKit Features in Safari 11 (jon/web)3,031
release-notes, safari, apple, browsers, webkit
W3C Publishes DRM as a Recommendation (inf)3,030
w3c, drm, eme, standards, content
A Guide to Testing React Components3,029
guides, react, components, testing
Introduction to WebRender—Browsers Today (nic/moz)3,028
introductions, gecko, browser-engines, browsers, comparisons
Release Notes for Safari Technology Preview 40 (jon/web)3,027
release-notes, safari, apple, browsers
Building Inclusive Toggle Buttons (hey/sma)3,026
accessibility, html, forms, buttons, toggles
The Ten Essentials for Good API Documentation (ali)3,025
fundamentals, documentation, apis, developer-experience
W3C Approves EME Digital Rights Standard—With Electronic Frontier Foundation Resigning3,024
w3c, drm, eme, standards, eff
Taking CSS Linting to the Next Level With Stylelint3,023
css, linting, stylelint
Encrypted Media Extensions (w3c)3,022
eme, standards, content, drm, encryption
Reflections on the EME Debate (w3c)3,021
eme, drm, legal, w3c
A Tiny Story About Systems Complexity3,020
web-platform, complexity
“The Notch” and CSS (chr/css)3,019
mobile, apple, metadata, css, hacks
The Cost of Frameworks, Illustrated (j9t)3,018
frameworks, economics
How to Move From M-Dot URLs to Responsive Site3,017
how-tos, mobile, redirecting
What’s New in React 16?3,016
react
CSS @-Rules, an Overview (j9t)3,015
overviews, css
Announcing CoffeeScript 23,014
release-notes, coffeescript
New Ontologies for OWL3,013
owl, standards, semantic-web
So You Want to Be a Senior Developer? (chr/css)3,012
career
The Known and Unknown Unknowns of Web Development3,011
link-lists, learning
Intro to Firebase and React (css)3,010
introductions, firebase, react
We Tested 3 WordPress Minify Plugins: Our Results (mac/the)3,009
wordpress, plugins, tooling, minification, html, css, javascript
Conducting the Technical Interview (bra/ali)3,008
engineering-management, hiring, interviewing
How to Leverage DNS Caching3,007
how-tos, dns, caching
A Guide to Setting Up “Let’s Encrypt” SSL on Shared Hosting3,006
guides, ssl, lets-encrypt, hosting
10 Common Software Architectural Patterns in a Nutshell (vij)3,005
architecture, software-design-patterns
Tips for Icon Usability3,004
videos, icons, images, usability, tips-and-tricks
How to Write Better Code: The 3 Levels of Code Consistency (j9t/css)3,003
consistency, quality
What We Should Teach Up-and-Coming Developers (j9t)3,002
training, quality, principles, ethics
Mozilla Standards Positions (moz)3,001
mozilla, standards, support
The State of the Web (fox)3,000
web, performance
Yes, That Web Project Should Be a PWA (aar/ali)2,999
web-apps, progressive-web-apps
Debunking 3 Common WordPress Myths2,998
wordpress, myths, content-management
What Kills and What Saves Content Management Systems (j9t)2,997
content-management, customization, tooling
The 7-Step Process of Angular Router Navigation2,996
angular, routing
Form Validation With Web Audio (css)2,995
forms, validation, multimedia
So You Need a CSS Utility Library? (chr/css)2,994
css, presentational-html, atomic-css, tachyons, tailwind, libraries
Improve Web Typography With CSS “font-size-adjust”2,993
typography, css, optimization
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)2,992
buttons, events, javascript, css
With Flash Ending, It’s Time to Uninstall It From Your Browser2,991
flash, html
Using Custom Properties to Modify Components (fon/css)2,990
components, custom-properties, css
CSS Architecture and the Three Pillars of Maintainable CSS2,989
css, architecture, maintainability, principles, solid
Integrating Animation Into a Design System (ali)2,988
design-systems, animations, documentation
Using the Paint Timing API (mal/css)2,987
apis, time, performance, painting, rendering, javascript
Best Practices for Combining JavaScript With HTML2,986
javascript, html, best-practices
The Nine Principles of Design Implementation (sma)2,985
design, principles, html, css
Using ES2017 Async Functions (css)2,984
ecmascript, javascript, asynchronicity, functions
Custom Elements v1—Reusable Web Components2,983
html, maintainability, web-components, shadow-dom, dom, examples
The Difference Between Explicit and Implicit Grids (mat/css)2,982
css, grids, layout
The Best Way to Implement a “Wrapper” in CSS (css)2,981
css
JavaScript Design Patterns: The Observer Pattern2,980
javascript, software-design-patterns
How to Work Out What to Charge Clients: The Honest Version (boa/sma)2,979
how-tos, economics, business-relations
What’s the Difference Between Sass and SCSS? (kit)2,978
sass
All About React Router 4 (bra/css)2,977
react, react-router, routing, examples