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. Hide

Frontend Dogma

“2010s” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Focus Trapping for Accessibility (A11Y)3505
accessibility, focus, keyboard-navigation, javascript
AWS Security Guide: 7 Best Practices to Avoid Security Risks (wom)3504
guides, security, aws, best-practices
useHooks (gra)3503
websites, react, hooks
Non-Noxious Nomenclature3502
naming
Headless WordPress: The Ups and Downs of Creating a Decoupled WordPress (sma)3501
wordpress, headless
Build a Single-Page App With Go and Vue3500
single-page-apps, vuejs, go
You’re Using “em” Wrong (log)3499
html, semantics, markdown
Dead-Code Elimination3498
optimization, tooling
Demystifying JavaScript Testing (ken/css)3497
javascript, testing
Using WordPress as a Headless CMS3496
wordpress, headless, content-management
Splicing HTML’s DNA With CSS Attribute Selectors (sma)3495
html, attributes, css, selectors
Firefox 63—Tricks and Treats (moz)3494
release-notes, firefox, mozilla, browsers
Extending Built-In Elements3493
web-components, shadow-dom, dom, javascript
CSS-in-JS: FTW || WTF? (bru)3492
videos, css-in-js, css, javascript
Component-Based JavaScript Architecture (sea)3491
javascript, components, architecture
Building a Non-Blog Site With WordPress3490
wordpress
Why Do You Use Frameworks? (chr/css)3489
frameworks, community
Writing for Designers (ali)3488
design, writing, processes
How to Import a Sass File Into Every Vue Component in an App (sar/css)3487
how-tos, vuejs, components, sass
Introducing GitHub Actions (sar/css)3486
introductions, github-actions, github, automation
Develop WordPress Themes Faster With Gulp (cra)3485
wordpress, theming, gulp
How to Configure Lighthouse for Balanced Quality Websites (j9t)3484
how-tos, performance, google, lighthouse, configuration, quality
A Guide to Caching in WordPress3483
guides, wordpress, performance, caching, plugins
Valid CSS Content (chr/css)3482
css, html, validation
The Beginner’s Guide to WordPress SEO3481
guides, wordpress, seo
Taming “this” in JavaScript With [the] Bind Operator (sma)3480
javascript, operators
The Psychology of Design (jon/ali)3479
design, user-experience, principles
CSS Debugging and Optimization: Minification With CSSO (web)3478
css, debugging, optimization, minification, tooling
Use Cases for Flexbox (rac/sma)3477
flexbox, css, layout
Apply a Filter to a Background Image (chr/css)3476
images, backgrounds, filters, css
Privacy by Design: How to Sell Privacy and Make Change (rea/sma)3475
how-tos, privacy, legal
Nested Links (chr/css)3474
html, links
Representing Web Developers in the W3C (rac/sma)3473
w3c, community
A Minimal JavaScript Setup (css)3472
javascript, conventions, naming, scope, performance, maintainability, examples
A Short Guide to Minimal Web Development (j9t)3471
guides, minimalism, learning, training
Don’t Use Empty or Low Content for Your Design System Grid Examples (chr/css)3470
design-systems, intrinsic-design, grids, css, layout
Building a PWA Using Angular 6 (sma)3469
angular, progressive-web-apps, web-apps
CSS Fonts 3 Is a W3C Recommendation (svg/w3c)3468
css, fonts, standards
Responsive Images (wil/ali)3467
html, css, images, responsive-design
WebAuthn, FIDO2 Infuse Browsers, Platforms With Strong Authentication (dar)3466
w3c, fido, authentication, webauthn, security, browsers
Flexbox: How Big Is That Flexible Box? (rac/sma)3465
flexbox, css, layout
JSON Considered Harmful (sur)3464
json
What’s the Difference Between “./dogs.html” and “/dogs.html”? (chr/css)3463
urls, comparisons
CSS Filter Utility Classes (lia)3462
css, filters, presentational-html
The Importance of Manual Accessibility Testing (eri/sma)3461
accessibility, testing, screen-readers, assistive-tech, link-lists
Updating a CSS Variable With JavaScript (chr/css)3460
css, custom-properties, javascript
The “Developer Experience” Bait-and-Switch (sli)3459
developer-experience, javascript
W3C: XML Is Everywhere (sdt)3458
w3c, xml, sgml
UX Debt: How to Identify, Prioritize, and Resolve (nng)3457
how-tos, user-experience, design-debt, prioritization
The End of View Source?3456
view-source, learning
How to Get Started With CSS Animation (web)3455
how-tos, css, animations
The Cascade and Other Essential Unessentials (tka)3454
fundamentals, css, cascade
CSS Architecture: Block Element Modifier (BEM) and Atomic CSS (web)3453
css, architecture, naming, bem, atomic-css
Notes to Myself on Software Engineering3452
career, principles, apis
“Killing the URL” (chr/css)3451
urls, browsers
Chrome’s Noscript Intervention (tka)3450
chrome, google, browsers, javascript, performance, mobile
Removing jQuery From GitHub.com Frontend3449
github, jquery, javascript, processes, refactoring, case-studies
Flutter: Google’s Take on Cross Platform (css)3448
flutter, dart, google, comparisons
Node vs. Firebase vs. Laravel vs. Rails3447
nodejs, firebase, laravel, ruby-on-rails, comparisons
Take a New Look at CSS Shapes (rac/sma)3446
css, shapes
Detecting New Posts With Jekyll and Netlify (nza)3445
jekyll, netlify, json, javascript
New in Chrome 69 (pet)3444
release-notes, chrome, google, browsers
How to Use Gulp.js to Automate Your CSS Tasks (cra)3443
how-tos, gulp, postcss, css, automation
Links List for Print Styles (aar)3442
print, css, javascript
Three Input Element Properties That I Discovered While Reading MDN (ste)3441
forms, javascript, css
A Tour of JavaScript Timers on the Web (nol)3440
javascript
Why We Switched to GitLab3439
migrating, gitlab
Web Development and the GDPR (j9t)3438
embed-code, legal, gdpr, privacy
Conversational Semantics (aar/ali)3437
html, semantics, voice, conversational-design
The Platform for Privacy Preferences 1.0 (P3P1.0) Specification (w3c)3436
p3p, privacy, standards
An Intro to Web Site Testing With Cypress (rad/css)3435
introductions, testing, cypress
Best Practices for Mobile Form Design (sma)3434
design, forms, mobile, best-practices
20 Tips for Optimizing CSS Performance (cra)3433
css, performance, optimization, tips-and-tricks
CSS Logical Properties and Values Level 1 (fan/w3c)3432
standards, css, logical-properties
Three Ways to Grow Your Traffic and Capture Audience3431
marketing, social-media, seo, traffic, optimization
The Benefits of Using CSS Grid for Web Form Layout (cra)3430
css, grids, forms, layout
“::before” vs “:before” (chr/css)3429
css, selectors, comparisons, support
CSS Logical Properties (chr/css)3428
css, logical-properties
Carousels on Mobile Devices (nng)3427
mobile, carousels, usability
Designing for Micro-Moments (sma)3426
design, interaction-design, mobile
37 Theses on CSS and Web Development (j9t)3425
css, optimization, best-practices, processes
Practical CSS Scroll Snapping (css)3424
css, scrolling
Scroll Bouncing on Your Websites (sma)3423
scrolling, css
The Web in 2045 (bre)3422
web, javascript, outlooks
The Complete Anatomy of the Gutenberg WordPress Editor (sma)3421
wordpress
The Possibilities of the “color-adjust” Property (eri/css)3420
css, colors, print, accessibility
Variable Fonts: What They Are, and How to Use Them3419
how-tos, fonts, variable-fonts, performance
Everything You Need to Know About Alignment in Flexbox (rac/sma)3418
flexbox, css, layout, alignment
The Thing About Nuxt (ano)3417
nuxt, conventions
Browser Painting and Considerations for Web Performance (css)3416
browsers, browser-engines, painting, rendering, performance
Icon Fonts vs. SVGs—Which One Should You Use in 2018?3415
fonts, icon-fonts, svg, images
Slow Websites (geo/css)3414
performance, performance-budgets
Component Reusability in React and Vue3413
react, vuejs, components, maintainability
New Syntax for JS “Function Stuff” (tab)3412
javascript, functions, operators
The History of CSS Resets3411
css, resets, history
Prefers Reduced Motion Media Query (chr)3410
css, media-queries, reduced-motion, accessibility
What Happens When You Create a Flexbox Flex Container? (rac/sma)3409
css, flexbox, layout
On Switching Code Editors (chr/css)3408
code-editors, coda, sublime-text, vs-code, microsoft, webstorm, jetbrains, link-lists, community
The Cost of JavaScript in 2018 (add)3407
javascript, performance, code-splitting, lazy-loading, performance-budgets, bundling
In Your Face, Passwords: Big Three Browsers All Adopt Authentication API3406
security, authentication, webauthn, apis, edge, microsoft, chrome, google, firefox, mozilla, browsers
What Do You Need to Know When Converting a Flash Game Into HTML5? (sma)3405
migrating, flash, html
Doing More With Less, an Introduction to a CSS Pre-Processor3404
introductions, css, preprocessors, less
Documentation Unit Tests (sim)3403
documentation, testing
The World Wide Success That Is XML (bar/w3c)3402
xml, xsl, xquery, history
Solved With CSS! Logical Styling Based on the Number of Given Elements (una/css)3401
css, selectors
WordPress Notifications Made Easy (sma)3400
wordpress, plugins, notifications
HTTP/2: The Difference Between HTTP/1.1, Benefits, and How to Use It3399
protocols, http, comparisons, performance
How to Use Feature Flags in Continuous Integration3398
how-tos, feature-management, ci-cd, netlify
Did You Know That Style and Script Tags Can Be Set to “display: block”? (fon/css)3397
html, css
Converting Images to WebP (mal/sma)3396
conversion, images, webp, sketch, photoshop, adobe, cloudinary
Lerna: A Tale of Renaming npm Packages3395
dependencies, refactoring, npm, lerna
View Source (chr/css)3394
dev-tools, view-source, browsers
8 Good Reasons to Become a Software Developer (fla)3393
programming, career
Checkboxes vs. Switches in Forms3392
videos, forms, usability
Weird Things Variable Fonts Can Do (chr/css)3391
variable-fonts, fonts
Webmentions: Enabling Better Communication on the Internet (ali)3390
webmentions, standards
Automate Your Workflow With Node (css)3389
nodejs, automation
Linkbuilding: The Citizen’s Field Guide (myr+/sma)3388
guides, seo, links
Exploring CSS Property Definitions (tid/w3c)3387
w3c, tooling, css
Emojis as Icons (chr/css)3386
emoji, icons, techniques, css
Hyperlinking Beyond the Web (ati/css)3385
links, urls, command-line, tooling, electron, terminology
Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea)3384
seo, alt-text, images, accessibility, naming, microcontent, comparisons
Better Collaboration by Bringing Designers Into the Code Review Process (sma)3383
design, collaboration, code-reviews, processes
Delivering WordPress in 7 KB (css)3382
wordpress, themes, performance
Pattern Library First: An Approach for Managing CSS (rac/sma)3381
css, processes, tooling
Different Views on “view-source” (cod)3380
view-source, learning
Host Your Static Site on GitLab Pages?3379
hosting, gitlab
CSS Grid in IE: Faking an Auto-Placement Grid With Gaps (css)3378
css, grids, layout, internet-explorer, microsoft, browsers
AMP, a Strategy (j9t)3377
google, amp, strategies
Prototyping in the Browser (fon/css)3376
prototyping, browsers
What Is Redux: A Designer’s Guide (sma)3375
guides, design, redux, state-management
ES6 Didn’t Introduce Default Parameters (Attention to Detail)3374
ecmascript, javascript, functions
CSS Grid in IE: CSS Grid and the New Autoprefixer (css)3373
css, grids, layout, internet-explorer, microsoft, browsers, tooling, autoprefixer
HTTP/2: Background, Performance Benefits, and Implementations3372
protocols, http, performance
Clearfix: A Lesson in Web Development Evolution (jay/css)3371
css, floats, history
Release Notes for Safari Technology Preview 60 (jon/web)3370
release-notes, safari, apple, browsers
What Is the Epic Browser (and What Makes It Different)? (com)3369
browsers, epic
Improving Performance Perception: On-Demand Image Resizing (swa)3368
performance, optimization, images, resizing, html
Accessibility Support (mfa)3367
websites, accessibility, support, screen-readers, jaws, microsoft, nvda, google, voiceover, apple
How to Setup Tailwind With PurgeCSS and PostCSS (fla)3366
how-tos, tailwind, purgecss, postcss
Against Privacy Defeatism: Why Browsers Can Still Stop Fingerprinting (ran/pri)3365
privacy, browsers, fingerprinting, safari, apple
HTTPS Is Easy (tro)3364
websites, http, security
The Craft of CSS (j9t)3363
css, craft
Tips for Writing Better Performing PHP Code3362
php, performance, tips-and-tricks
Introduction to Feature Policy3361
introductions, http-headers, http
Server-Side Optimization With nginx and “pm=static”3360
servers, nginx, tooling, optimization
How I Dropped 250 KB of Dead CSS Weight With PurgeCSS (sar)3359
css, performance, purgecss
Marketing as a Front End Web Developer?3358
marketing
Balancing Time (sar/css)3357
career, prioritization, productivity, project-management
Using Google’s Flutter for Truly Cross-Platform Mobile Development (sma)3356
mobile, flutter, dart, google, native, comparisons
WordPress Security as a Process (sma)3355
wordpress, security, processes
What Is SVG Good For? (chr/css)3354
svg, images, examples
The Four Big Ways Jetpack Helps With Image Performance (css)3353
wordpress, plugins, images, performance
BEM for Beginners: Why You Need BEM (sma)3352
bem, css, selectors
Here’s the Thing About “Unused CSS” Tools (chr/css)3351
css, quality, performance, tooling
7 Performance Tips for Jank-Free JavaScript Animations3350
performance, javascript, animations, tips-and-tricks
More Unicode Patterns (css)3349
unicode, backgrounds
The Problem With Patterns (ali)3348
design, design-patterns, processes, user-experience, collaboration
Creating a Bar Graph With CSS Grid (pre/css)3347
css, grids, layout, visualization
Making Your Website Faster and Safer With Cloudflare3346
performance, caching, security, cloudflare
“Do Not Track” and the GDPR (inc/w3c)3345
do-not-track, gdpr, privacy, legal
DRY HTML or DRY CSS?3344
maintainability, principles, html, css, bem, oocss, atomic-css
Build a Style Guide Straight From Sass (ben/css)3343
style-guides, css, sass, documentation, automation, tooling
Everything You Need to Know About the Plan to Kill Internet Passwords (dav/giz)3342
passwords, authentication, webauthn, chrome, google, firefox, mozilla, browsers
10 Things I Regret About Node.js (tin/jsc)3341
videos, nodejs
Debugging JavaScript Projects With VS Code and Chrome Debugger3340
javascript, debugging, vs-code, microsoft, code-editors, chrome, google, browsers, dev-tools
A Beginner’s Guide to Babel3339
guides, babel, transpiling, javascript
Web Content Accessibility Guidelines (WCAG) 2.1 (ala+/w3c)3338
accessibility, guidelines, wcag, standards
A Reference Guide for Typography in Mobile Web Design (sma)3337
guides, typography, terminology, mobile
The State of Changing Gradients With CSS Transitions and Animations (ana/css)3336
css, gradients, transitions, animations
Validating Dependencies in the Project With npm-check and depcheck3335
dependencies, security, maintenance, auditing, tooling, npm
Forms, Auth, and Serverless Functions on Gatsby and Netlify (css)3334
netlify, gatsby, forms, authentication, serverless, functionality
Google Wants to Kill Passwords With the Chrome 67 Update3333
chrome, google, browsers, passwords, webauthn, authentication
What Does the “h” Stand for in Vue’s Render Method? (sar/css)3332
vuejs
Using ES Modules in the Browser Today3331
javascript, esm
How Do You Know Your Website Is a Success? (sma)3330
product-management, strategies, metrics, user-experience, content, microcontent, navigation, performance, testing
Managing Architecture Decision Records With ADR-Tools3329
architecture, documentation, tooling
The History of WordPress3328
wordpress, history
Whatever Happened to the Semantic Web?3327
semantic-web, xml, rdf, metadata, history
Text Spacing Bookmarklet (ste)3326
code-pens, bookmarklets, typography, accessibility, wcag
JavaScript Algorithms and Data Structures3325
javascript, algorithms, data-structures, overviews, link-lists
Authenticating Firebase and Angular With Auth03324
authentication, firebase, angular, auth0
15 Bootstrap Tools and Playgrounds3323
bootstrap, tooling, link-lists
What the Heck Does “Script Error” Mean?3322
javascript, errors
The Slow Death of Internet Explorer and the Future of Progressive Enhancement (oll/ali)3321
browsers, microsoft, internet-explorer, progressive-enhancement
10 Tricks and Techniques to Make the Most Out of Sketch3320
sketch, tips-and-tricks, techniques
A Strategy Guide to CSS Custom Properties (sma)3319
guides, strategies, css, custom-properties
ARIA Serious? (yat/btc)3318
videos, accessibility, aria
Don’t Use My Grid System or Any Others (mia/btc)3317
videos, css, layout, grids
Page Transitions for Everyone (css)3316
design, user-experience, animations, transitions, performance, caching
Responsive Tables, Revisited (lea)3315
tables, css, responsive-design
The Dangers of Being a Web Developer (j9t/btc)3314
videos, career
Turn Sublime Text 3 Into a JavaScript IDE (css)3313
sublime-text, code-editors, plugins, javascript
Firefox 60 Lands: It’s World’s First Browser to Give You Password-Free Logins, Says Mozilla (zdn)3312
firefox, mozilla, browsers, webauthn
Things Designers Should Know About SEO in 2018 (myr/sma)3311
design, seo
Overriding Default Button Styles (chr/css)3310
css, buttons, normalize-css
CSS-in-JS (bri)3309
css-in-js, css, javascript, components
New CSS Features That Are Changing Web Design (zel/sma)3308
css, grids, layout
The Beginner’s Guide to Meteor (fla)3307
guides, meteor
CSS Environment Variables (chr/css)3306
css, environments, variables
Inspecting Animations in DevTools (fon/css)3305
css, animations, dev-tools, browsers, chrome, google, firefox, mozilla
How to Automate a Design3304
how-tos, design, automation
Priority Guides: A Content-First Alternative to Wireframes (ali)3303
design, prototyping, content
Introduction to Material Design3302
introductions, material-design, google, mobile, examples
10 Essential Sublime Text Plugins for JavaScript Developers3301
sublime-text, code-editors, plugins, javascript, link-lists
Setting Up an ES6 Project Using Babel and Webpack3300
javascript, babel, webpack
rfc.fyi (mno)3299
websites, web-platform
Understanding React “setState” (css)3298
react
An Introduction to Drupal for React Developers (sia)3297
introductions, drupal, react
RIP Passwords! A New Standard for Web Authentication Is Here3296
w3c, fido, standards, authentication, webauthn
Native-Like Animations for Page Transitions on the Web (sar/css)3295
design, animations, transitions, vuejs, nuxt, css
5-Second Usability Test3294
videos, usability, testing
JavaScript Design Patterns: The Singleton3293
javascript, software-design-patterns
What Are Higher-Order Components in React? (css)3292
react, components
TSDoc: A TypeScript Source Code Documentation Format (inf)3291
typescript, documentation
Introduction to the Fetch API3290
introductions, data-fetching, apis, javascript
Understanding ES6 Modules (cra)3289
javascript, modules, commonjs, esm
Best Practices With CSS Grid Layout (rac/sma)3288
css, grids, layout, best-practices
New CSS Features Are Enhancing Everything You Know About Web Design (geo/css)3287
css, responsive-design, intrinsic-design
CSS Optimization Basics (j9t)3286
books, css, optimization, fundamentals
FIDO and W3C Launch Password-Free Browser3285
fido, w3c, standards, apis, webauthn, authentication
Application Publishing Gets the WebAssembly Treatment (the)3284
web-apps, containerization, webassembly
Go Testing Style Guide (arp)3283
guides, go, testing, style-guides
Going Offline (ada/ali)3282
web, offline, servers, web-workers
What Are the Differences Between PhpStorm and WebStorm? Which IDE Is Right for You?3281
phpstorm, webstorm, jetbrains, code-editors, comparisons
Designing for Accessibility and Inclusion (sma)3280
design, accessibility, dei, animations, colors, typography, images, multimedia, keyboard-navigation, layout, readability
Art Directing for the Web With CSS Grid Template Areas (mal/sma)3279
design, art-direction, css, grids, layout
Methods, Computed, and Watchers in Vue.js (sar/css)3278
vuejs
A Quick Way to Remember the Difference Between “justify-content” and “align-Items” (fon/css)3277
css, flexbox, layout
A Practical Guide to Angular Directives3276
guides, angular
MongoDB Evolved3275
mongodb, release-notes, history
Why Would You Do That in CSS? (chr/css)3274
css, animations
Introducing Last Painted Hero (spe)3273
introductions, performance
Mozilla Announces Firefox Reality, a Dedicated Browser for VR and AR Headsets (jan/var)3272
mozilla, browsers, xr
Developing an Experience Map, A to Z3271
user-experience, visualization, research
Glitch Opens Up: Welcome!3270
glitch
How to Check if Sites Use WebRTC3269
how-tos, webrtc, feature-detection, privacy
What Worries Me About AI3268
ai, social-media
React Code Style Guide (css)3267
react, style-guides, props, formatting
nginx—Server Software With Event-Driven Architecture3266
nginx, servers, architecture, apache, events
Python Developers Survey 2017 Results (jet)3265
surveys, python
Angular 2 Components and Providers: Classes, Factories, and Values3264
angular
Creating a UX Strategy (sma)3263
user-experience, design, strategies
Approaches to Deprecating Code in JavaScript (css)3262
javascript, maintenance, deprecation
Good Ol’ Margin Collapsing (chr/css)3261
css, margins, community
Using Ethics in Web Design (mor/sma)3260
design, user-experience, ethics, checklists
Copyright Law Basics for UK Software Developers (sma)3259
fundamentals, legal, licensing
How Fast Is AMP Really? (tka)3258
amp, google, performance, metrics
Trickle Down Accessibility (ted)3257
slides, accessibility
PostCSS: Shiny CSS Preprocessor Written in JavaScript?3256
css, postcss, preprocessors, postprocessors
Conversational Design (ali)3255
design, interaction-design, conversational-design
Could This Be Easier?3254
simplicity
Moving From Flash to HTML, CSS, and JavaScript (sma)3253
flash, html, css, javascript, actionscript, refactoring
Celebrating the Anniversary of the Web (koa/w3c)3252
web, anniversaries, w3c
10 Advanced Joomla Tips to Become a Pro3251
joomla, tips-and-tricks
Some Things About “alt” Text (chr/css)3250
accessibility, alt-text, images, html
My New Favorite CSS Framework—Tachyons3249
tachyons
What Houdini Means for Animating Transforms (ana/css)3248
css, houdini, animations, transforms
CSS Techniques and Effects for Knockout Text (pre/css)3247
css, techniques, effects
We Write CSS Like We Did in the 90s, and Yes, It’s Silly (j9t/ali)3246
css, craft, quality, conventions, sorting
Three Techniques for Performant Custom Font Usage (oll/css)3245
fonts, performance, techniques, flash-of-x
Web Fonts Working Group Announces WOFF 2.0 File Format3244
w3c, fonts, woff, standards
The Principle of Commitment and Behavioral Consistency (tbf/nng)3243
principles, user-experience
WordPress Comment Spam (chr/css)3242
wordpress, blogging, spam, plugins
Your Interactive Makes Me Sick (web)3241
accessibility, scrolling, examples, user-experience
Using Sass to Control Scope With BEM Naming (bel/css)3240
scope, javascript, css, sass, bem, naming
What Happens to Us Does Not Happen to Most of You (sig)3239
community, dei
Third Party CSS Is Not Safe (jaf)3238
html, css, embed-code, security
How GDPR Will Change the Way You Develop (sma)3237
legal, gdpr, privacy, processes
The Inception of ESLint (nza)3236
eslint, history
My Return to Productivity—the 3 Keys to Being Productive3235
productivity, processes
What Is an HTML5 App and Do I Want One?3234
html, mobile, native, web-apps
AMP News (chr/css)3233
amp, google, performance, community
Complexity (chr/css)3232
complexity, web-platform, career
Understanding Web Fonts and Getting the Most Out of Them (thi/css)3231
fonts, ttf, woff, css, typography, variable-fonts
Styling Empty Cells With Generated Content and CSS Grid Layout (rac/sma)3230
css, generated-content, grids, layout, examples
Safari 10.03229
release-notes, safari, apple, browsers
Release Notes for Safari Technology Preview 50 (jon/web)3228
release-notes, safari, apple, browsers
Introduction to Variable Fonts on the Web (dav+)3227
introductions, variable-fonts, fonts, css
Building an Element in Polymer 2: Install Tools and Initialize Project3226
videos, polymer, installing
Animating Bootstrap Carousels With GSAP’s Animation Library3225
bootstrap, carousels, animations, gsap
CSS Basics: Using Multiple Backgrounds (chr/css)3224
fundamentals, css, backgrounds
HTML, CSS, and Dependency Direction (j9t)3223
html, css, dependencies, maintainability, best-practices
The Two Faces of AMP (tka)3222
amp, google, search, open-web
HTML-First at Wiley (tzv)3221
html, rdf, content-management
Accessibility: Review of 2017 and Outlook for 2018 (w3c)3220
accessibility, retrospectives, outlooks, wcag, aria, testing, link-lists
Replacing jQuery With Vue.js: No Build Step Necessary (sar/sma)3219
jquery, vuejs, migrating
CSS Basics: The Syntax That Matters and the Syntax That Doesn’t (chr/css)3218
fundamentals, css, formatting, terminology
Introducing Eleventy, a New Static Site Generator (zac)3217
static-site-generation, eleventy
A Comprehensive Guide to User Experience Design (sma)3216
guides, user-experience, design
Using Default Parameters in ES6 (lou/css)3215
ecmascript, javascript, functions
A Short History of WaSP and Why Web Standards Matter (jay/css)3214
history, wasp, community, standards, web-platform
Attackers Can Steal Sensitive Data by Abusing CSS—CSS Exfil Vulnerability3213
css, security, csp
How Declaration Repetition Developed Over Time, a Statistically Insignificant Sample (j9t)3212
css, maintainability, metrics, history
Front-End Frameworks: Custom vs. Ready-to-Use Solutions3211
frameworks, comparisons, customization
Removing Accelerated Mobile Pages (AMP) (the)3210
amp, google, javascript, css
Fast-Forwarding Media Support on the Web (tid/w3c)3209
multimedia, html
The Authority Principle (tbf/nng)3208
user-experience, principles
Selectors Level 4 (fan+/w3c)3207
css, selectors, standards
Why I Love Bootstrap, and Why You Should Too3206
bootstrap
Debugging JavaScript With a Real Debugger You Did Not Know You Already Have (dus/sma)3205
debugging, javascript
What’s New in ECMAScript 2018 (paw)3204
ecmascript, standards
ranmdn—Random MDN Documentation (rob)3203
websites, mdn
Tools for Thinking and Tools for Systems (fon/css)3202
design, tooling, sketch, figma, photoshop, adobe
How to Style a Form With Tailwind CSS (nic/css)3201
how-tos, forms, tailwind
The Compact Guide to Web Maintainability: 200 Tips and Resources (j9t)3200
guides, maintainability, tips-and-tricks, link-lists
ActivityPub (cwe+/w3c)3199
standards, protocols, network
Creating Vue.js Component Instances Programmatically (css)3198
vuejs, components
Work-Life Balance: Tips From the Community (ons/sma)3197
career, community, tips-and-tricks
Website Performance—Does Your Hosting Plan Matter?3196
performance, hosting
Sacrificing the Golden Calf of “Coding” (cod/btc)3195
videos, career, programming
Why Fast Matters (css/btc)3194
videos, performance, economics
100 Accessible Websites of Various State Governments/UTs Under Accessible India Campaign Launched3193
accessibility, wcag
How to Internationalize Your WordPress Website (sma)3192
how-tos, wordpress, internationalization, localization
Building Secure JavaScript Applications3191
javascript, security, xss, csrf, json-web-tokens, passwords
TYPO3 vs. Drupal: What Content Management System to Choose3190
content-management, typo3, drupal, comparisons
Finding Dead CSS (css)3189
css, performance, maintenance
View Source: Why It Still Matters and How to Quickly Compare It to a Rendered DOM3188
how-tos, view-source, dom, tooling, seo
How to Optimize CSS and JS for Faster Sites3187
how-tos, css, javascript, performance, minification, optimization
“Stop Using CSS Selectors for Non-CSS” (chr/css)3186
css, html, javascript, jquery, selectors
In Defense of Utility-First CSS (sar)3185
css, presentational-html, naming, bem, maintainability, scalability
Laws of UX (jon)3184
websites, user-experience, principles
SYN Packet Handling in the Wild3183
tcp, protocols, performance, network
Universal Principles of User Experience Design (sma)3182
user-experience, design, principles, typography
Unit Test Your JavaScript Using Mocha and Chai3181
testing, javascript, tooling
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)3180
accessibility, semantics, contrast, colors, labels, forms, typography, keyboard-navigation
You’ll Soon Be Able to Get Google AMP Quality Without That Pesky AMP URL3179
google, amp, urls
An Introduction to Functional JavaScript3178
introductions, javascript, programming
Making CSS Animations Feel More Natural (bra/css)3177
css, animations, transforms, transitions
Visual Studio Code Can Do That? (bur/sma)3176
vs-code, microsoft, code-editors
A Letter About Google AMP3175
websites, amp, google, web
Google AMP Will Soon Show Publisher URLs on Supported Web Browsers (kyl)3174
google, amp, urls, browsers
How to Learn Anything3173
how-tos, learning
The First Principles of Product Management3172
product-management, principles, communication, collaboration
Owning My Own Content (tka)3171
blogging, content, writing, indieweb
W3C Study of Practices and Tooling for Web Data Standardisation (w3c)3170
surveys, studies, research, standards, rdf, structured-data, tooling
Improving the Accessibility of 24 Ways (pau/css)3169
accessibility, case-studies
What Is HTML 5? (mar/com)3168
html
The Two Extremes of Writing CSS, and What We Can Learn From Them (j9t)3167
css, concepts, best-practices, principles, comparisons
W3C Releases HTML 5.2 as Official Recommendation (kba/inf)3166
w3c, html, standards
ProgrammableWeb’s Most Interesting APIs in 2017: Payments, Banking, Blockchain, and Finance3165
apis, economics, link-lists
What New Developers Should Really Focus On3164
career, tips-and-tricks
Microsoft, Google, and Mozilla Team Up for Web Documentation (inf)3163
mdn, microsoft, google, mozilla, web-platform, documentation
So You Want to Become an Accessibility Specialist (24a)3162
accessibility, career
React’s Accessibility Code Linter (24a)3161
react, linting, eslint, tooling, accessibility
What’s New in HTML5.2 (inf)3160
html, standards
How JavaScript Rest Parameters Actually Work3159
javascript, functions
The Future of Communication Is Already Here (for)3158
webrtc, ai, multimedia, social-media
Native Form Validation: UI and CSS (ppk)3157
forms, validation, css
Accessibility Testing Tools (chr/css)3156
accessibility, testing, tooling
How the Death of Flash Helped Build the Future of the Web, and Why It Matters Now (for)3155
flash, html, web-apps, web-platform
HTML 5.2 Is Done, HTML 5.3 Is Coming (w3c)3154
html, standards, w3c
WAI–ARIA Authoring Practices 1.1 Note Helps Authors Make Content Accessible (w3c)3153
accessibility, aria
HTML 5.2 (ste+/w3c)3152
standards, html
ABEM—a More Useful Adaptation of BEM (css)3151
css, bem, atomic-design, naming
Writing Automated Tests for Accessibility (mar/24a)3150
accessibility, testing, automation, keyboard-navigation, focus
WAI-Tools Project Launched (w3c)3149
accessibility, tooling, testing, compliance
How the Sausage Gets Made: The Hidden Work of Content (ali)3148
content, processes
Understanding CSS Layout and the Block Formatting Context (rac/sma)3147
css, layout
Further Working Mode Changes (ann)3146
whatwg, apple, google, microsoft, mozilla, standards, community
Accessibility in Resizing Text (24a)3145
accessibility, resizing
An Open Source Etiquette Guidebook (ken+/css)3144
guides, foss, community, collaboration
A Developer’s Guide to Better Accessibility (a11+/24a)3143
guides, accessibility, html, semantics, keyboard-navigation, naming, tooling
“await” vs. “return” vs. “return await” (jaf)3142
javascript, asynchronicity
Everything You Ever Wanted to Know About Prototyping (but Were Afraid to Ask) (sma)3141
prototyping, processes, design
Atomic Commits: Telling Stories With Git (may)3140
version-control, git, commit-messages, processes
What Donald Rumsfeld Can Teach Us About Software Estimates3139
project-management, agile, processes
The Evolution of User Experience Design (sma)3138
user-experience, design
Animating Border (css)3137
css, borders, animations, transitions, gradients, shadows
New in Chrome 63 (pet)3136
release-notes, chrome, google, browsers
5 Common Misconceptions About Web Accessibility (24a)3135
accessibility
The State of UX in 2018 (fab)3134
user-experience, design, outlooks
Falsehoods Programmers Believe About Time (tim)3133
programming, time, myths
CSS Line Spacing: How to Set Line Spacing3132
how-tos, css, typography
The Front-End Checklist Is Just a Tool… Everything Depends on You (the/css)3131
checklists, processes
AWS Cloud Databases Go Serverless and Multi-Master (bel/ven)3130
aws, cloud-computing, databases, serverless, dynamodb
Performance of CSS Selectors Is Still Irrelevant (j9t)3129
performance, css, selectors
An Introduction to Speculative Optimization in V83128
introductions, v8, javascript-engines, javascript, optimization, speculation
Animating Layouts With the FLIP Technique (dav/css)3127
animations, techniques, javascript, libraries
Designing for a Browserless Web (sma)3126
design, progressive-web-apps, web-apps, native
On the Growing Popularity of Atomic CSS (oll/css)3125
atomic-css, presentational-html, css
Progressive Web Apps: A Crash Course3124
crash-courses, web-apps, progressive-web-apps, performance, lighthouse, google
Building Accessible Menu Systems (hey/sma)3123
accessibility, navigation, html, aria
Optimizing CSS: Tweaking Animation Performance With DevTools3122
css, animations, performance, optimization, dev-tools, browsers, firefox, mozilla
HTML Email and Accessibility (css)3121
email, html, tables, accessibility
On Big Picture Thinking in Web Development (j9t)3120
user-experience, performance, maintainability, consistency, accessibility, outlooks
Faux Grid Tracks (mey/ali)3119
css, layout, grids
A Comprehensive Guide to Web Design (sma)3118
guides, design, content, information-architecture, navigation, content-strategy, scrolling, forms, accessibility
The Cost of Developing and Adopting New CSS Features (mat)3117
css, standards, browsers
How to Optimize SQL Queries for Faster Sites3116
how-tos, sql, mysql, databases, performance, caching, optimization
Upgrade Your Project With CSS Selector and Custom Attributes3115
css, selectors, testing, selenium
Bad Icons: How to Identify and Improve Them (nng)3114
how-tos, icons, images, design, usability
CSS: The Reason Why Selectors Should Be Ordered, Too (j9t)3113
css, selectors, sorting
How to Disable Links (ger/css)3112
how-tos, links, javascript
Using CSS Grid: Supporting Browsers Without Grid (rac/sma)3111
css, grids, layout, graceful-degradation, support, browsers
Content Security Policy: The Easy Way to Prevent Mixed Content (css)3110
csp, examples, wordpress
All Major Browsers Now Support WebAssembly (cam/ble)3109
webassembly, browsers, support
Static Site Generation With Grow: How to Set Up Syndication Feeds (j9t)3108
how-tos, static-site-generation, syndication, rss, grow
Testing Standards (ann)3107
standards, testing, interoperability, web-platform
The Future of the Browser (btc)3106
videos, browsers, user-experience, outlooks
All You Need to Know About CSS-in-JS (tre)3105
css, javascript, css-in-js
CSS Code Smells (fon/css)3104
css, maintainability, technical-debt, naming
Planning for Accessibility (lau/ali)3103
accessibility, project-management, processes, leadership
10 Simple Tips to Improve User Testing (sma)3102
usability, user-experience, testing, tips-and-tricks
Creating Secure Password Resets With JSON Web Tokens (sma)3101
security, passwords, json-web-tokens, nodejs
Ten Extras for Great API Documentation (ali)3100
apis, documentation, developer-experience
Understanding the “Vary” Header (sma)3099
http, http-headers, caching, performance
W3C: WebRTC 1.0 Is Now Feature Complete (sdt)3098
w3c, webrtc, apis, standards
Can VS Code Do Emmet? (bur/css)3097
vs-code, microsoft, code-editors
A Reasonable Approach for Getting Comfortable With Command Line (a11/css)3096
command-line, tips-and-tricks
Web Typography: Designing Tables to Be Read, Not Looked At (ric/ali)3095
typography, readability, tables, responsive-design
Design Concepts—an Overview3094
overviews, processes, design
Your First PHP Code3093
php
Defining the Grid With CSS3092
css, grids, layout
Why TDD Isn’t Crap (hil)3091
testing, quality, processes
Intersection Observers: The Beginning (ppk)3090
javascript, apis
Is Your Website ADA-Compliant?3089
accessibility, compliance, ada, legal
UX: What Can We Prototype? What Can’t We Prototype?3088
user-experience, prototyping, information-architecture, navigation, layout
DRY CSS: How to Use Declarations Just Once, Effectively (j9t)3087
how-tos, css, principles, maintainability
Code Review Etiquette (css)3086
code-reviews, quality, collaboration, communication, tips-and-tricks
Creating Vue.js Transitions and Animations (css)3085
vuejs, transitions, animations
Reboot, Resets, and Reasoning (chr/css)3084
css, resets, history, normalize-css, comparisons, terminology
5 Reasons Against Resets, Normalizers, Reboots (j9t)3083
css, resets
Browser Makers Agree to Move Web Documentation to Mozilla’s Portal (cam/ble)3082
browsers, web-platform, documentation, mdn, mozilla, microsoft, google, w3c
The Front-End Checklist (the)3081
websites, checklists, html, css, javascript, images, accessibility, performance, seo
W3C to Work With MDN on Web Platform Documentation (don/w3c)3080
w3c, mdn, documentation, web-platform
A Look Back at the History of CSS (jay/css)3079
history, css, browsers, doctypes, box-model, hacks, standards, css-zen-garden, semantics
HTML-validate3078
websites, tooling, html, conformance
Learn a CSS Framework in 6 Minutes With Bulma3077
css, frameworks, bulma
Writing Smarter Animation Code (css)3076
animations, javascript, gsap
Everything Easy Is Hard Again (fch)3075
complexity, processes, tooling, web-platform, career
FOIT vs. FOUT, a Side by Side Comparison (zac)3074
fonts, user-experience, flash-of-x, comparisons
You Can Get Pretty Far in Making a Slider With Just HTML and CSS (chr/css)3073
sliders, html, css
Exploring Data With Serverless and Vue: Automatically Update GitHub Files With Serverless Functions (sar/css)3072
vuejs, serverless, functions, github
JavaScript Functions That Define and Rewrite Themselves3071
javascript, functions
Gutenberg (chr/css)3070
wordpress
Understandable-Simple vs. Minimal-Simple Code (j9t)3069
simplicity, comparisons
Improve User Experience and Address Accessibility With Digital Quality Management (cms)3068
accessibility, user-experience, tooling
Minimalistic Design With Large Impact: Functional Minimalism for Web Design (sma)3067
design, minimalism
Explainer: What Is the Semantic Web? (ren)3066
terminology, semantic-web, metadata, rdf
The Ultimate Guide for Building Awesome Joomla Websites3065
guides, content-management, joomla
Using Webfonts (ali)3064
fonts, css
On Enforcing Coding Guidelines (j9t)3063
conventions, processes, engineering-management
Making Flat Design Usable3062
videos, flat-design, design, usability
CSS Grid Gotchas and Stumbling Blocks (rac/sma)3061
css, grids, flexbox, layout
CSS/CSS3 Flexbox Layout3060
css, flexbox, layout
Considering Open Source Licenses (ali)3059
foss, licensing
Getting Started With Redux3058
introductions, redux, react, state-management
CSS “font-display”: The Future of Font Rendering on the Web3057
css, fonts, typography
5 Things CSS Developers Wish They Knew Before They Started (css)3056
css, learning, maintainability
The Web’s First (and Second) Browser (jay)3055
browsers, line-mode, history, web
The Rise and Fall of Ext JS (hac)3054
extjs, history
Agile Is Not Easy for UX: (How to) Deal With It (nng)3053
user-experience, agile, processes, collaboration
EFF Leaves the W3C Over DRM Decision (sco)3052
eff, w3c, drm
New WebKit Features in Safari 11 (jon/web)3051
release-notes, safari, apple, browsers, webkit
W3C Publishes DRM as a Recommendation (inf)3050
w3c, drm, eme, standards, content
A Guide to Testing React Components3049
guides, react, components, testing
Introduction to WebRender—Browsers Today (nic/moz)3048
introductions, gecko, browser-engines, browsers, comparisons
Release Notes for Safari Technology Preview 40 (jon/web)3047
release-notes, safari, apple, browsers
Building Inclusive Toggle Buttons (hey/sma)3046
accessibility, html, forms, buttons, toggles
The Ten Essentials for Good API Documentation (ali)3045
fundamentals, documentation, apis, developer-experience
Taking CSS Linting to the Next Level With Stylelint3044
css, linting, stylelint
W3C Approves EME Digital Rights Standard—With Electronic Frontier Foundation Resigning3043
w3c, drm, eme, standards, eff
Encrypted Media Extensions (w3c)3042
eme, standards, content, drm, encryption
Reflections on the EME Debate (w3c)3041
eme, drm, legal, w3c
A Tiny Story About Systems Complexity3040
web-platform, complexity
“The Notch” and CSS (chr/css)3039
mobile, apple, metadata, css, hacks
The Cost of Frameworks, Illustrated (j9t)3038
frameworks, economics
How to Move From M-Dot URLs to Responsive Site3037
how-tos, mobile, redirecting
What’s New in React 16?3036
react
CSS @-Rules, an Overview (j9t)3035
overviews, css
Announcing CoffeeScript 23034
release-notes, coffeescript
So You Want to Be a Senior Developer? (chr/css)3033
career
The Known and Unknown Unknowns of Web Development3032
link-lists, learning
New Ontologies for OWL3031
owl, standards, semantic-web
Intro to Firebase and React (css)3030
introductions, firebase, react
We Tested 3 WordPress Minify Plugins: Our Results (mac/the)3029
wordpress, plugins, tooling, minification, html, css, javascript
Conducting the Technical Interview (bra/ali)3028
engineering-management, hiring, interviewing
How to Leverage DNS Caching3027
how-tos, dns, caching
A Guide to Setting Up “Let’s Encrypt” SSL on Shared Hosting3026
guides, ssl, lets-encrypt, hosting
10 Common Software Architectural Patterns in a Nutshell (vij)3025
architecture, software-design-patterns
Tips for Icon Usability3024
videos, icons, images, usability, tips-and-tricks
How to Write Better Code: The 3 Levels of Code Consistency (j9t/css)3023
consistency, quality
What We Should Teach Up-and-Coming Developers (j9t)3022
training, quality, principles, ethics
Mozilla Standards Positions (moz)3021
mozilla, standards, support
The State of the Web (fox)3020
web, performance
Yes, That Web Project Should Be a PWA (aar/ali)3019
web-apps, progressive-web-apps
Debunking 3 Common WordPress Myths3018
wordpress, myths, content-management
What Kills and What Saves Content Management Systems (j9t)3017
content-management, customization, tooling
The 7-Step Process of Angular Router Navigation3016
angular, routing
Form Validation With Web Audio (css)3015
forms, validation, multimedia
So You Need a CSS Utility Library? (chr/css)3014
css, presentational-html, atomic-css, tachyons, tailwind, libraries
Improve Web Typography With CSS “font-size-adjust”3013
typography, css, optimization
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)3012
buttons, events, javascript, css
With Flash Ending, It’s Time to Uninstall It From Your Browser3011
flash, html
Using Custom Properties to Modify Components (fon/css)3010
components, custom-properties, css
CSS Architecture and the Three Pillars of Maintainable CSS3009
css, architecture, maintainability, principles, solid
Integrating Animation Into a Design System (ali)3008
design-systems, animations, documentation
Using the Paint Timing API (mal/css)3007
apis, time, performance, painting, rendering, javascript
The Nine Principles of Design Implementation (sma)3006
design, principles, html, css