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