Frontend Dogma

“2023” Archive (5)

Entry (Sources) and Other Related TopicsDate#
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)1751
, ,
A Few Interesting Ways to Use CSS Shadows for More Than Depth (rps/sma)1750
, ,
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)1749
, ,
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)1748
,
Release Notes for Safari Technology Preview 177 (jon/web)1747
, , ,
No One Actually Wants Simplicity (spo)1746
,
A Guide to Migrating From Webpack to Vite (jch/sit)1745
, , ,
Debugging Speculation Rules (tun/dev)1744
, ,
A Quick Introduction to CSS “@ scope” (bra/bra)1743
, , ,
View Transitions Break Incremental Rendering (eee)1742
, ,
WebGlossary.info (j9t)1741
, , , ,
The Ideal Viewport Doesn’t Exist (lea+/set)1740
, ,
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 2024 (byt)1739
, ,
Two Important New Roles for UX Designers in the Era of AI (uxm)1738
, , ,
Can We Truly “Create” Value? (ian/uxd)1737
,
Writing Component Specs (eis)1736
, ,
Bézier Curves (ekw+)1735
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)1734
, ,
Please Size Your Inline SVGs (aar)1733
,
Patterns for Reactivity With Modern Vanilla JavaScript (1ma/fro)1732
,
Migrating From Color Styles to Local Variables in Figma (uxd)1731
, ,
Changes Over the Last 25 Years of UX Research (ano/uxm)1730
, ,
How to Make an Impact as a Developer Advocate (bla)1729
, , ,
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know (alg)1728
, ,
“We’re All Just Temporarily Abled” (jim)1727
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)1726
, , ,
10 Essential VS Code Tips and Tricks for Greater Productivity (cod)1725
, , , ,
Getting Started With SCSS—the CSS Preprocessor With Superpowers1724
, ,
Combining “:placeholder-shown” and “:has” (cri)1723
, ,
Let’s Build a Website Using XML (ede)1722
,
Why htmx Does Not Have a Build Step (goo/htm)1721
,
Styling Links and Buttons (aar)1720
, , ,
React JSX (sta)1719
,
Being “Polite” Does Not Ensure Access (dre)1718
,
React Props: A Visual Guide1717
, ,
A Beginner’s Guide to Using Pico CSS (dav/muo)1716
,
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)1715
, , , , , ,
Scroll Shadows With “animation-timeline” (dav)1714
, ,
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works1713
, ,
Identifying, Fixing, and Preventing Cannibalization (jon/moz)1712
Adding a “Share to Mastodon” Link to Any Web Site (cod)1711
, , , ,
XUL and HTML (tim/moz)1710
, ,
Tabs Are Objectively Better Than Spaces (cfe)1709
, ,
The New CSS Math: “round()” (dan)1708
,
A Deep Dive Into CSS “color-mix()” (kev)1707
, , ,
How to Use the CSS “gap” Property (ral/sit)1706
, ,
“aria-haspopup” and Screen Readers (mat)1705
, , ,
Why Do Users Prefer Certain Design? Insights From the Landscape Theory (cre)1704
CSS-Only Syntax Highlighting… With a Single Element and Gradients (gra)1703
, ,
Getting Started in a New Codebase (abb)1702
, ,
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)1701
, ,
Four New CSS Features for Smooth Entry and Exit Animations (una+/dev)1700
, , , , ,
A Better “setTimeout()” in JavaScript (ami)1699
Towards HTTPS by Default (jde/dev)1698
, , , , ,
BEM Methodology Is Not About CSS (vit)1697
, ,
Thinking on Ways to Solve Adaptive Typography (arg/dev)1696
, , ,
An Intro to the “dialog” Element (cfe)1695
, , ,
A Beginner’s Guide to SvelteKit (kue/sit)1694
,
How Layout Position Impacts Three Big Web Performance Levers (sia/sho)1693
,
A Guide to Optimizing JavaScript Files (bib/sit)1692
, , , , ,
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)1691
, , , ,
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1690
, , ,
CSS Selectors: A Visual Guide (fff)1689
, ,
WebAssembly: Byte-Code of the Future (jos)1688
How to Test Mobile Apps on a Real Device Cloud (sit)1687
, ,
Useable (rlb)1686
,
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)1685
, , ,
Why Inclusive Language Matters in Coding (elv/uxd)1684
, , ,
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)1683
, ,
An “alt” Decision Tree Using Only “:has()” (aar)1682
, ,
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications1681
, , ,
Testing Your Animation Refresh Rate With CSS Crimes? (lun)1680
, ,
Write About What You Learn—It Pushes You to Understand Topics Better (add)1679
, , ,
Sophisticated, Highly-Targeted Attacks Continue to Plague npm (phy)1678
,
Debugging Rules: Understand the System (raj)1677
dependency-time-machine (pil)1676
, , , ,
Supercharge Your HTML With WebC (dav)1675
, ,
The Spectrum of Openness (hix)1674
, ,
Nostalgia in UX Design (mar)1673
, ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (hum/sma)1672
, , , ,
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)1671
, ,
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)1670
, , , ,
Create Direction-Aware Effects Using Modern CSS (kev)1669
, ,
Deprecating the “unload” Event (dre+/dev)1668
, , , ,
Google Tag Manager Performance: 9 Tips for Faster Site Speed (sin)1667
, , ,
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)1666
, ,
WCAG 3.0: Further on Up the Road (ons/tpg)1665
, ,
It’s Time to End Damaging Website Design Practices That May Harm Your Users (ico)1664
, , , ,
Node.js’s Config Hell Problem (and/den)1663
, , , ,
A Beginner’s Guide to CSS Grid Layout (ral/sit)1662
, , ,
Defining Test Cases and Priorities (lei/dev)1661
An Introduction to the esbuild Bundler (cra/sit)1660
, ,
Progressively Enhanced HTML Accordion (aar)1659
, , ,
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)1658
, , ,
An Intro to State-Based UI With JavaScript (cfe)1657
, ,
8 Common Heading Questions (pop)1656
, ,
Definition of Done vs. Acceptance Criteria: What’s the Difference? (jas/res)1655
, , ,
200 Web-Based, Must-Try Web Design and Development Tools (j9t)1654
,
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster (goo)1653
, , ,
UX Is Not Dead, It’s Just Misunderstood (nat/uxm)1652
What Does It Mean for Web Browsers to Have a Baseline (mar/the)1651
, ,
My Experience Modernizing Packages to ESM (ace)1650
, ,
Lean UX and Agile: Study Guide (aka/nng)1649
, , , , ,
User-Adaptive Interfaces With “AccentColor” (oll)1648
,
An Introduction to htmx, the HTML-Focused Dynamic UI Library (jch/sit)1647
,
Micro Benevolences (est/ope)1646
, , ,
What Happens When You Select “count(*)” in MySQL (ami)1645
,
Alt Text Hall of Fame (ste/alt)1644
, , ,
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)1643
, ,
Migrating My Blog From Gatsby to Astro (sap)1642
, ,
A Guide to Single-Page Application Performance (ray)1641
, , , ,
You Don’t Need a Mentor: Embracing the Power of Community (bek/sau)1640
, ,
The Risks of Micro-Frontends (inf/com)1639
,
JSX Without React (chr)1638
,
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1637
, , , ,
Top 7 Things That Kill Developer Productivity (sur)1636
, , , , ,
How to Improve Performance of Your Database by Indexing Large Tables (amh)1635
, , ,
Some Tactics for Writing in Public (b0r)1634
, ,
Beautify Your Git Log With a Single Command (pra)1633
,
Responsive Images: DIY Implementation in 6 Steps (mas)1632
, ,
Optimizing Speed on ebay.com (add)1631
, , ,
Scrolljacking 101 (nng)1630
,
A Compilation of Outstanding Testing Articles (With JavaScript) (gol/nod)1629
, ,
Assistive Technology Shouldn’t Be a Mystery Box (cod)1628
, , , , ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (hum/sma)1627
, , , ,
The Next Generation of Web Layouts (zel)1626
, ,
How Google Measures Developer Productivity (abi)1625
, , , ,
Insertion Sort: A Deep Dive (kir)1624
, ,
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)1623
, ,
Route-Based Code Splitting With React (cma)1622
, ,
Things You Forgot (or Never Knew) Because of React (col)1621
, ,
The Easy Intro to the APCA Contrast Method (myn)1620
, , , ,
Finding My Blogging Path: Lessons From My Journey (dan)1619
, , , ,
Implementing Design Tokens: Colors (kar)1618
,
Contextual Form Errors and ARIA (mar)1617
, , ,
How Does Reflowing Content Affect People With Screen Magnification? (tpg)1616
, , ,
An Overview of CSS Sizing Units (web/sit)1615
, ,
New DOJ Web Accessibility Regulation Is a Disaster (con)1614
,
Prepare to Spy on a Method Added Dynamically (bah)1613
, , , ,
A Blog Post With Every HTML Element (pat)1612
,
How We Optimized Performance to Serve a Global Audience (lap/sma)1611
, ,
How to Use the CSS Grid “repeat()” Function (ral/sit)1610
, , , ,
No Exit—Every Feed Is a Traffic Jam (mus/uxd)1609
, ,
Why Isn’t “z-index” Working? (una+/dev)1608
, ,
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)1607
, ,
I’m Betting on HTML1606
,
CSS and Accessibility: Inclusion Through User Choice (car/sma)1605
, , ,
Evading JavaScript Anti-Debugging Techniques (voi/nul)1604
,
Mixing Colors to Create Variants in CSS (ami)1603
,
Understanding React Server Components (tem/ver)1602
,
Midori Browser Will Change Its Engine to Gecko (gru)1601
, ,
What’s New in Svelte: August 2023 (dre/sve)1600
, ,
Splitting the Web (plo)1599
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)1598
, ,
PHP Isn’t That Bad, So Why the Hate? (pur)1597
, ,
What Happens When Developers Are Liable for Accessibility? (acc)1596
,
The Virtual Keyboard API (sha)1595
New to the Web Platform in July (rac/dev)1594
, , , , , , , ,
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)1593
, , ,
Contrast Checker Bookmarklet (web)1592
, , ,
How to Earn High-Authority Links That Drive Rankings (kel/moz)1591
, ,
Front End Practice: Top 25+ JavaScript Code Best Practices for Development1590
,
Randomness in CSS Using Trigonometry (kul)1589
,
Accessibility Represents Maturity (tem)1588
,
Start by Writing Messy Code (see)1587
,
Why I No Longer Believe in Content Design (nic/uxd)1586
, ,
Tuesday, August 8, 2023 Security Releases (raf/nod)1585
, ,
Resume and Pause Animations in CSS (ami)1584
,
A Future of Themes With CSS Container Style Queries (chr)1583
, ,
Should New Developers Use AI Coding Tools? (cat)1582
, , , ,
Run JavaScript/WASM in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey1581
, , ,
Do We Need WCAG 3 (Now)? (yat)1580
, ,
Mastering Git Shortcuts: A Guide to Git Aliases (pra)1579
, , ,
How “position: absolute” Works in CSS Grid (zor/css)1578
, , ,
How to Define an Array of Colors With CSS (css/sma)1577
, , ,
Design Systems Management From Bottom–Up (lih/uxp)1576
,
Toggles Suck! (joe/axe)1575
, , ,
If Web Components Are So Great, Why Am I Not Using Them? (dav)1574
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1573
, , ,
The Future of Design Systems Is Semantic (car/fig)1572
, ,
The Web Development Glossary 3K (j9t/fro)1571
, , , , ,
Adapting Typography to User Preferences With CSS (arg/dev)1570
, ,
Speeding Up V8 Heap Snapshots (jda/v8j)1569
, , , ,
Complete Guide to Human-Computer Interaction (HCI) (uxt)1568
,
How to Make Your Captions and Audio Descriptions WCAG-Compliant (3pl)1567
, , , , ,
What Is Platform Engineering (and What Is It Not)? (the)1566
Release Notes for Safari Technology Preview 175 (jon/web)1565
, , ,
The Joy of Simplicity in Web Development (cfe)1564
,
Tailwind, and the Death of Web Craftsmanship1563
, ,
Is Jamstack Officially Finished? (rem)1562
, ,
Be an Active Ally for Those Living With Disabilities (wom)1561
,
Help Design the Inaugural “State of HTML” Survey (lea)1560
,
How I Name and Arrange My Color Variables in Figma (gdw)1559
, ,
CrBug Release Indicator (bra/bra)1558
, ,
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)1557
, , , ,
How to Use CSS “aspect-ratio” (ral/sit)1556
,
Testing a Component’s Accessibility (gds)1555
, , ,
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)1554
,
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)1553
,
Web Accessibility in High-Risk Segments (kar)1552
, ,
Vision for W3C (cdu/w3c)1551
, , , ,
Combining Data With Multiple Fetch Requests (ste)1550
, ,
Solving the Accessibility Palette Riddle (chr/uxd)1549
, ,
Blockquotes in Screen Readers (aar)1548
, , , ,
What to Do When Your Developers Don’t Collaborate (dur/scr)1547
,
Microservices vs. Micro Frontends: What’s the Difference? (pav)1546
, ,
The Rise of Minimalism in Web Design: Less Is More (bow/nou)1545
,
Fetching Data From an HTTP API With Python (sil/sit)1544
, ,
Promises Training (hin)1543
, , ,
Application State Management With Angular Signals (eug)1542
, ,
6 Ways ChatGPT Can Improve Your SEO (zac/moz)1541
, , ,
Understanding the WCAG 3 Working Draft Update (rlb)1540
,
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)1539
, ,
The Problem With Auto-Generated Alternative Texts for Images (dni)1538
, ,
Getting Started With Pico CSS (kok/log)1537
,
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1536
, ,
The New “X” Button Doesn’t Close the Website1535
, ,
SVG Gradients: Solving Curved Challenges (bro)1534
, ,
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)1533
,
WebKit Features in Safari 16.6 (jen/web)1532
, , , ,
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)1531
, ,
10 Simple CSS and JavaScript Micro-Interactions for Buttons (osc/sit)1530
, , ,
Eleventy SMACSS (jus)1529
, ,
Using Imagery in Visual Design (rac/nng)1528
, ,
Effective Code Reviews (add)1527
, , ,
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons1526
, , ,
Good Code Is— (j9t)1525
,
CSP Testing Using Cypress (bah)1524
, ,
Accessible Animated GIF Alternatives (tyl/clo)1523
, , , ,
How SEOs and UX Designers Can Work Better Together (hel/moz)1522
, , ,
Enable Hover Conditionally in CSS (ami)1521
The Art of Looking Back: A Critical Reflection for Individual Contributors (sir/sma)1520
, ,
Why Learning to Program Is Easier Now, but Also Way Harder Than Before (sah)1519
, , ,
Installing Multiple Versions of Node.js Using nvm (myx+/sit)1518
,
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)1517
, , ,
From Mid to Senior: Time Management and Prioritization (ino)1516
, ,
A Guide to Perfecting Pull Requests (kar)1515
, , ,
Web Content Accessibility Guidelines (WCAG) 2.2 (ala+/w3c)1514
, , ,
How to Use CSS “object-fit” and “object-position” (ral/sit)1513
, ,
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why (its/eds)1512
, ,
Design Systems: Avoiding Common Pitfalls (vig)1511
DX in the Frontend Developer Ecosystem (ste/ref)1510
,
CSS Cascade Layers (je9+/odd)1509
, ,
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)1508
, , , , , ,
Ember JS Essentials: A Beginner’s Guide (sta)1507
, ,
User Input Sanitization and Validation: Securing Your App (joi)1506
, , ,
Visually Hidden Links With 0 Dimensions (mat)1505
, , , ,
What Is the Bento UI Trend, and How Can You Get Started? (web)1504
,
How Platform Teams Get Stuff Done (ph1/mfo)1503
, ,
Encoding: A Brief History and Its Role in Cybersecurity (cal/cri)1502
, , ,