Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“videos” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)322
performance, web-vitals
What’s New in Web (dev)321
browsers, support, web-platform
I’m Done With React320
react
CSS Logical Properties: A Good Use Case (wes)319
css, logical-properties
7 Practical CSS Typography Tips and Tricks (zor/css)318
css, typography, tips-and-tricks
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)317
css, transitions, tips-and-tricks
Animating the Impossible (btc)316
animations, transitions
Typography for Everyone (tob/btc)315
fonts, typography
Modern CSS Layout Is Awesome! (mic/btc)314
css, layout
Transition To and From “display: none” With Upcoming CSS Capabilities (una)313
css, transitions
This Website Is Under Construction, a Love Letter to the Personal Website (btc)312
web, web-platform
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)311
introductions, performance, dev-tools, browsers, google, chrome
You Are What You Measure310
metrics
Consume Web Streams From OpenAI Using Vanilla JavaScript309
data-fetching, streaming, ai, openai, javascript
What’s New in DevTools: Debugging, Testing, and CSS (Chrome 110–112) (jec/dev)308
dev-tools, browsers, google, chrome, debugging, testing, css, release-notes
Angular Is Back With a Vengeance (fir)307
angular
Shifting Left, or: Making Accessibility Easier by Doing It Earlier (hdv)306
slides, accessibility, processes
Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience305
accessibility, design-systems, dei, user-experience
Frontend Developer Tries Tailwind for the First Time (zor/css)304
tailwind, css
10 CSS Animation Tips and Tricks (kev)303
css, animations, tips-and-tricks
7 Tips for Getting Started With Vue.js302
vuejs, tips-and-tricks
Modern Web Development: Centering Divs in New Exciting Wrong Ways With AI (cod)301
ai, centering
What Are Source Maps? (jec/dev)300
debugging, javascript, source-maps
Usability 101 (nng)299
usability
The IL1 Typography Test (nng)298
typography, legibility, user-experience, testing
State of Node.js 2023 (jas+/thi)297
nodejs
Annotating Designs for Accessibility (int)296
accessibility, design
5 Tips for New Prototypers (nng)295
prototyping, tips-and-tricks
Hijacking Screenreaders With CSS (ben/deq)294
accessibility, screen-readers, css
Introduction to Offline First Web Applications293
offline, web-apps
Optimising Large Contentful Paint (css/btc)292
performance, web-vitals, optimization
Toolkit Tuesday: Using YouTube for Captions and Transcripts (kno)291
accessibility, captions, youtube
Unlocking SVG’s Superpowers (btc)290
svg, images
Declarative Design (ada/btc)289
design
You Have the Users You Have (nng)288
usability, user-experience
3 Common Antipersonas in UX (nng)287
user-experience, personas
In-Depth Guide to CSS Logical Properties (zor/css)286
guides, css, logical-properties
Prepare for Chrome’s User Agent [String] Reduction (dev)285
browsers, google, chrome, feature-detection
The State of Node.js Core (cji/thi)284
nodejs
Not Everyone Uses a Computer in the Same Way That You Do (hdv)283
accessibility
5 Super Useful CSS Properties That Don’t Get Enough Attention (kev)282
css
SSL Certificates Explained281
certificates, ssl, protocols, security
Scaling Accessibility Through Design Systems (ste+)280
design-systems, accessibility, scalability
ChatGPT Can Write Good CSS? (zor/css)279
ai, chatgpt, css
Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (bka+/iga)278
web-platform, browsers, economics
React.js: The Documentary277
react, history
Nest.js Crash Course—Introduction and Setup276
crash-courses, introductions, nestjs
How to Write Semantic CSS (kev)275
how-tos, css, semantics
Qodana Code Quality Platform—Overview274
overviews, jetbrains, qodana, quality, ci-cd
Don’t Use Return Types, Unless… (mat)273
typescript
Should You Start a Web Development YouTube Channel in 2023? (zor/css)272
career, youtube
Intro to Wasp—Fullstack App271
introductions, wasp, express, react
User Style Sheets270
user-styles, css
Generics: The Most Intimidating TypeScript Feature (mat)269
typescript, generics
Infinite Scrolling: When to Use It, When to Avoid It (nng)268
scrolling, usability
Design Systems in Practice267
design-systems
ICANN and the 7 Keys to the Internet266
podcasts, web, domains, history
Understanding Design Tokens, From UX Tool to Production265
design-tokens
Performance Culture Through the Looking-Glass264
performance, culture
How to [Set Up] Prettier263
how-tos, prettier
The Intended Consequence of Inaccessible Digital Ads (joe/web)262
accessibility, monetization
Quick Start for Evaluating and Testing Web Accessibility (jar/web)261
accessibility, testing
Accessibility Convincing (lfl/web)260
accessibility, ethics, legal
How to Find and Fix the Top 3 Accessibility Issues (deq)259
how-tos, accessibility, auditing
State of A11Y (thi)258
accessibility
The Future of Design Tokens (jin+)257
design-tokens, outlooks
Five Myths About Digital Accessibility256
accessibility, myths
Accessibility: The Land That “Time to Interactive” Forgot (tin)255
accessibility, performance
“mask-image” Lets You Do Some Really Cool Stuff (kev)254
css, masking
Proximity: Gestalt Principle for User Interface Design (nng)253
design, principles
Stop Fighting With CSS Positioning (kev)252
css, positioning, layout
Making Accessibility Simpler in Higher Education and Beyond251
accessibility
Forging Links (mat/9el)250
css, collaboration
Why Japan’s Internet Is Weirdly Designed249
design
Preparing for WCAG 2.2 (int)248
accessibility, wcag
Accessibility and Inclusive Design Systems (bra)247
accessibility, design-systems, dei
What Happened to Text Inputs? (hey)246
html, forms
Multidimensional Design Systems (fig)245
design-systems
An Introduction to the Design Tokens File Format (fig)244
introductions, design-tokens
The Easiest Way to Get Started With CSS Grid (zor/css)243
css, grids, layout
Easily Switch Between Different Node Versions Using nvm (zor/css)242
nodejs, nvm
What’s New in WCAG 2.2241
accessibility, wcag, standards
Designing for People Who Use a Mouse (web)240
accessibility
Accessfuturism: Digital Accessibility in 2032 (web)239
accessibility, outlooks
Early Learnings for Early Hints at Shopify (sia)238
case-studies, shopify, performance, hints
The Superpowers of Design Tokens237
design-tokens
Caring About the World Wide Web (ada)236
accessibility, dei, web
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer)235
accessibility
A Deep Dive Into Accessible Notifications234
accessibility, notifications, deep-dives
Next Steps for the W3C Web Accessibility Initiative233
accessibility, w3c
Everything You Need to Know About Material Design 3232
material-design, google, comparisons
Web Accessibility: ARIA 101 (thi)231
accessibility, aria
Design Principles for the Web (ada)230
design, principles
CSS Is Awesome229
css
State of CSS Frameworks (thi)228
css, frameworks
Digital Accessibility—Ask Me Anything (tpg)227
accessibility
Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css)226
guides, css, fonts
Data-Oriented Django (ada)225
django, algorithms
Next.js Crash Course224
crash-courses, nextjs
Design for Them Not for You (nng)223
design, usability
Augmenting Node.js With WebAssembly (nea)222
nodejs, webassembly
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More221
javascript, runtimes, v8
The Border Property You Never Knew You Needed (kev)220
css
Prioritizing Technical Debt With Hotspots219
technical-debt, visualization, prioritization
Debugging CSS, No Extensions Required (kev)218
css, debugging, browsers, browser-extensions
Use “npm query” and jq to Dig Into Your Dependencies217
npm, dependencies, auditing
Why UX? (nng)216
user-experience
Intersectionality, Accessibility, and Inclusion (int)215
accessibility, dei
“:has()” Opens Up New Possibilities With CSS (kev)214
css, selectors
Audience-Based Website Navigation (nng)213
usability, navigation
The Indisputable Truth About Accessibility212
accessibility
A Designer’s Guide to Documenting Accessibility (ste)211
design, accessibility, documentation
Creative Section Breaks Using CSS “clip-path” (zor/css)210
css, masking, clipping
The Web Is Good Now (chr/cas)209
web
Container Queries Are Going to Change How We Make Layouts (kev)208
css, container-queries, layout
When Design Systems Lie (css)207
design-systems
Designing for People With Cognitive Disabilities and Everyone Else206
accessibility, design
I Never Thought This Would Be Possible With CSS (kev)205
css, selectors
Intrinsic CSS With Container Queries and Units (mia)204
intrinsic-design, css, container-queries, units
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)203
css, scope, complexity
How Is This Possible With CSS Only?! (kev)202
css, custom-properties, selectors, animations
Prepare for WCAG 2.2 and Beyond201
wcag, accessibility, standards
React Query vs. SWR200
react, data-fetching, comparisons
Introduction to Screen Readers (Desktop Edition) (bru)199
introductions, accessibility, screen-readers, desktop
Check Heading Accessibility Using the WAVE Tool (pop)198
accessibility, headings, assistive-tech, tooling, testing
If You’re Not Checking, You’re Guessing (nng)197
user-experience
Automation and Accessibility—What You Need to Know196
accessibility, automation
Creative CSS Layout (mic/css)195
css, creativity, layout
Polyhierarchy in Information Architecture (nng)194
information-architecture
IE: RIP or BRB? (bru)193
browsers, microsoft, internet-explorer, history
Underengineer Your Websites (aar/ben)192
interviews, accessibility
3 Simple Ways to Center an Element Using CSS (zor/css)191
css, centering
Understanding CSS “:has()” (mey/iga)190
css, selectors
Introduction to SvelteKit (thi)189
introductions, sveltekit
Escaping the sRGB Prison (svg/css)188
colors
Create Complex Transitions With Individual CSS Transform Properties (zor/css)187
css, transitions
Konqueror: The Forgotten Browser That Conquered the Market (dis)186
history, konqueror, browsers
The CSS Cascade, a Deep Dive (bra/css)185
css, cascade, deep-dives
CSS Variable Secrets (lea/css)184
css, custom-properties
Managing Specificity With CSS Cascade Layers (zor/css)183
css, selectors, cascade
5 Useful CSS Properties That Get No Love (kev)182
css
Introducing Keyboard Navigation (bru)181
accessibility, introductions
What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs?180
accessibility, writing, information-design
Svelte Origins: A JavaScript Documentary179
javascript, svelte
Be the Browser’s Mentor, Not Its Micromanager (bel)178
css
Future Features of JS (jsn)177
javascript
In and Out of Style (ada/css)176
css
3 Useful CSS Hacks (kev)175
css
How to Remove 99% of JavaScript From Main Thread (wea)174
how-tos, javascript, performance
Simple CSS Solutions (kev)173
css
Design Principles for the Web (ada/wea)172
software-design, principles, web
Design System Maturity (ben)171
design-systems
State of the Vuenion 2022 (eva)170
vuejs
More Light! (bas/btc)169
outlooks, sustainability
Dealing With Hover on Mobile (kev)168
css, media-queries, mobile
Use “@ supports” At-Rule for Feature Detection in CSS (zor/css)167
css, feature-detection, support
Web Accessibility Is Broken—It’s Time to Fix It (yat)166
accessibility
Master the “:nth-child()” Pseudo-Class (zor/css)165
css, selectors
When, Why, and How to Multithread in Flutter164
flutter, dart, multithreading
Debugging Accessibility With Chrome DevTools (dev)163
dev-tools, accessibility, debugging, browsers, google, chrome
Bringing Page Transitions to the Web (jaf/dev)162
css, transitions
Scaling CSS Layout Beyond Pixels (5t3/btc)161
css, scaling, layout, responsive-design
Lost in Translation (mat/btc)160
design, accessibility, html, css
Practical Use Cases for “:has()” Pseudo-Class (zor/css)159
css, selectors
Nail Your Website Redesign in 2022—Tips and Tricks158
redesigning, tips-and-tricks
A Practical Guide to Aspect Ratio in CSS (zor/css)157
guides, css, aspect-ratio
Is Measuring Speed a Useful Metric for Design Systems? (amy+)156
performance, metrics, design-systems
TypeScript Tips and Tricks (vsc)155
typescript, tips-and-tricks
Intro to CSS Parent Selector—“:has()” (zor/css)154
introductions, css, selectors
MIME Types153
mime-types, servers, apache
How to Create Animated Anchor Links Using CSS (zor/css)152
how-tos, links, css, animations
A Simple Way to Create a Slideshow Using Pure CSS (zor/css)151
css, scrolling
Top 3 Informational Interview Questions in UX (nng)150
interviewing, career, user-experience
Secret Mechanisms of CSS (jos/9el)149
css
You ≠ User (nng)148
usability, user-experience
Building a Headless Design System (fig)147
design-systems, headless
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability146
html, accessibility, performance
The Future of the Web and Accessibility (tim/deq)145
web, accessibility
Don’t Believe the Type! (deq)144
accessibility, typography, readability, fonts
Where TypeScript Excels (the)143
typescript
Digging Into CSS Media Queries (kil)142
css, media-queries
The Basics—Generics in PHP141
fundamentals, php, generics
Container Queries, the Next Step Towards a Truly Modular CSS140
css, container-queries
CSS—Understanding the Cascade (bra/9el)139
css, cascade
How Does “!important” Actually Work? (una)138
css, cascade
Prisma in 100 Seconds (fir)137
introductions, prisma
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack136
introductions, tutorials, esbuild, bundling, webpack, comparisons
Making IT Accessible for All!135
accessibility
CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (una)134
overviews, css, cascade
UnoCSS—an All-in-One Atomic CSS Engine133
unocss
The 6 Most Important CSS Concepts for Beginners (kev)132
css
Imperative vs. Declarative Programming131
programming, comparisons
Practical Ethics for the Modern Web Designer130
ethics
The Fundamentals of CSS Layout (dev)129
fundamentals, css, layout
CSS Layout From the Inside Out (rac)128
css, layout
Access to Tech, Tech to Live (btc)127
accessibility
Semantics and How to Get Them Right (hdv/btc)126
html, semantics, accessibility
Get Your “Head” Straight (css/btc)125
html, performance
Everything You Ever Wanted to Know About the Accessibility Tree124
accessibility
RenderingNG: The Next-Generation Rendering Architecture for Chrome (chr/dev)123
browsers, google, chrome, browser-engines, chromium, rendering
The State of the Web (ada)122
web
Yes, Node.js Is Part of the Web Platform (jas/nea)121
nodejs, web-platform
HTML With Superpowers (dav)120
html, components
Have Single-Page Apps Ruined the Web? (ric)119
single-page-apps, web
“initial” Doesn’t Do What You Think It Does (kev)118
css
Laravel Blade Internals—PHP as a Templating Language (lia)117
php, laravel, template-engines
13 Advanced (but Useful) Git Techniques and Shortcuts (fir)116
git
Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business115
tutorials, ghost, blogging, monetization
Milligram CSS114
milligram, frameworks, html, css, landing-pages
Debugging JavaScript and Front-End113
javascript, debugging
Container Queries and the Future of CSS (mia)112
css, container-queries
Building a Responsive Layout With CSS Grid and Container Queries (5t3)111
css, grids, layout, responsive-design, container-queries
Accessible Web Forms110
accessibility, forms
Designing Adaptive Components, Beyond Responsive Breakpoints (ste)109
components, responsive-design
What Are Source Maps in JavaScript?108
javascript, source-maps
UX in Scrum107
user-experience, scrum, agile, processes
Popup Problems (nng)106
pop-ups, modals, usability
Easier Input on Mobile Devices105
mobile, usability
Why Choose TYPO3 CMS for Your Website104
typo3, content-management
Information Scent103
links, usability, information-scent
Abandoning Best Practices in UX102
user-experience, usability, best-practices
Drawing the Invisible: React Explained in Five Visual Metaphors101
react
10 Modern Layouts in 1 Line of CSS (una/dev)100
css, layout
Learn GSAP in 23 Minutes99
gsap
Getting Started With HTML Using Glitch.com (jon)98
introductions, glitch, html
Design Principles 10197
introductions, design, principles
Designing Intrinsic Layouts (jen)96
css, layout, design, intrinsic-design
Manipulating Arrays and Objects in JavaScript95
javascript, arrays, objects
Invisible Design Systems (jin)94
design-systems
The Biggest Mistake in Writing for the Web93
mistakes, writing, content, user-experience
Everything You Should Know About SSH and SSH Key Exchange92
protocols, ssh
Performance Tips: Minifying HTML, CSS, and JS91
performance, html, css, javascript, minification, tips-and-tricks
Vue.js: The Documentary90
vuejs, history
Marking Required Fields in Online Forms89
forms, usability
Getting Started With Materialize—Materialize CSS From Scratch88
introductions, materialize, material-design
Dynamic Typography With Variable Fonts (btc)87
typography, fonts, variable-fonts
JavaScript Loops Made Easy (cod)86
javascript, loops
CSS at the Intersection (btc)85
css
Conversational Semantics (aar/btc)84
html, semantics, voice, conversational-design
The Layers of the Web (ada/btc)83
web, history
Footers Are Underrated82
navigation, usability
Why MVP Is the Antithesis of Good UX81
user-experience, design, product-management
The Scoville Scale of Web Font Loading Opinions (zac/btc)80
fonts, performance
Take Back Your Web (tan/btc)79
web, social-media, indieweb
Coda 278
coda, code-editors
Parcel.js Quick Introduction—Zero Configuration Bundler77
introductions, parcel, bundling
How a Screen Reader User Surfs the Web (tin+/sma)76
screen-readers, accessibility, browsing, user-experience
Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB75
aws, dynamodb, databases, software-design-patterns, deep-dives
I, Human (tin/btc)74
accessibility, ai
Extreme Typography on the Web (djr/btc)73
typography
CSS-in-JS: FTW || WTF? (bru)72
css-in-js, css, javascript
Checkboxes vs. Switches in Forms71
forms, usability
10 Things I Regret About Node.js (tin/jsc)70
nodejs
The Dangers of Being a Web Developer (j9t/btc)69
career
Don’t Use My Grid System or Any Others (mia/btc)68
css, layout, grids
ARIA Serious? (yat/btc)67
accessibility, aria
5-Second Usability Test66
usability, testing
Building an Element in Polymer 2: Install Tools and Initialize Project (dev)65
polymer, installing
Why Fast Matters (css/btc)64
performance, economics
Sacrificing the Golden Calf of “Coding” (cod/btc)63
career, programming
The Future of the Browser (btc)62
browsers, user-experience, outlooks
Making Flat Design Usable61
flat-design, design, usability
Tips for Icon Usability60
icons, images, usability, tips-and-tricks
What We Talk About When We Talk About Web Performance (btc)59
performance
Design Systems: Real Talk (jin/btc)58
design-systems, lessons
Foundation Framework Crash Course57
crash-courses, foundation
Writing Less Damned Code (hey/btc)56
simplicity
Typography Is Code (fra/btc)55
typography
The Joy of Optimizing (una/btc)54
images, performance, optimization
Refactoring CSS Without Losing Your Mind (css/btc)53
css, technical-debt, maintenance, refactoring
How-To: Static Site With Grow.io and Netlify52
how-tos, grow, netlify
Typography on the Web Is Like Other Typography Only More Interesting (kup/btc)51
typography
Designing Meaningful Animation (vlh/btc)50
design, animations, css
Advice From a Young Designer to Younger Designers (lil/btc)49
career, design
You Should Use [Insert Library/Framework], It’s the Bestestest! (aer/rem)48
frameworks
Design + Performance (zem/btc)47
design, performance, user-experience
Style Guide Best Practices (bra/btc)46
design, documentation, style-guides, best-practices
Modern Progressive Enhancement (jaf/btc)45
javascript, progressive-enhancement
Architecting Scalable CSS (css/btc)44
css, architecture, scalability, naming
Cheat Your Way With UX (btc)43
design, user-experience
Animating the User Experience (btc)42
user-experience, css, animations
The Web’s Future Is Offline (joh/btc)41
offline, outlooks
Breaking the Barriers—Moving Browsers and the Web Forward (cod/btc)40
web, web-platform, browsers
Type Is Visible Language (esp/btc)39
typography, fonts
SVG Lessons I Learned the Hard Way (sar/btc)38
svg, images, lessons
SVG Is for Everybody (chr/btc)37
svg, images
Delivering Responsibly (sco/btc)36
performance, usability, accessibility, sustainability
CSS Is a Mess (jus/btc)35
css, maintainability
Atomic Design (bra/btc)34
design, atomic-design
A Brief History of Web Design (dav/btc)33
design, history
GROWS—an Anti-Fragile, Practical, and Evolutionary Approach (pra)32
processes, agile, prioritization
Modern Web Development With Perl31
perl
What the Heck Is the Event Loop Anyway? (jsc)30
javascript, event-loop, events
Developer’s Toolbox: GitHub29
version-control, git, github
Peachpuffs and Lemonchiffons (jsc)28
colors
Create Responsive Tables With Foundation27
responsive-design, tables, html, foundation
Learning Node.js: The “npm link”26
nodejs, npm
Bootstrap vs. Foundation25
frameworks, bootstrap, foundation, comparisons
React: Rethinking Best Practices (jsc)24
react, best-practices
There Is No Mobile Web (ada)23
mobile, web
Node JS (tin/jsc)22
javascript, nodejs
Intro to Compass/Sass (chr/css)21
introductions, compass, sass
How to Use Firebug to Modify Your WordPress Site’s CSS20
how-tos, firebug, wordpress, css
The Primitives of the HTML5 Foundation (pau)19
html
Simple Made Easy (ric)18
software-design, architecture, principles, complexity, simplicity
HTML5, CSS3, and DOM Performance (pau/goo)17
html, css, dom, performance
Introduction to Node.js With Ryan Dahl (tin)16
introductions, nodejs
CSS Workflow (jin)15
css, processes
Using Google Chrome Frame (sli/dev)14
google, chrome-frame, browsers, microsoft, internet-explorer, plugins
Tantek Çelik on Microformats and the Webz (tan+)13
interviews, microformats, html
Tim Berners-Lee on Government Data (tim+)12
interviews, policies, web
Bruce Lawson—What Devs Want From HTML5 (bru+)11
interviews, html, community
Lightbox 2: Simple JavaScript Image Gallery10
javascript, images, lightbox
The Next Web of Open, Linked Data (tim/ted)9
web, structured-data, history, outlooks
Hixie on Editing HTML5 (lac)8
interviews, html, processes
Best Practices for Subversion (SVN)7
svn, best-practices
HTML 5: Features You Want Desperately but Still Can’t Use (goo)6
html
Interview With Matt Cutts5
interviews, google, spam, search
jQuery4
jquery
Beginning Analytics: Interpreting and Acting on Your Data3
google, analytics
Matt Cutts Discusses the “alt” Attribute2
html, images, alt-text, accessibility, search, google
Matt Cutts Discusses Snippets1
seo, search, google