Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2010s” News Archive (2)

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