#jank-link

[ follow ]
#responsive-design
Typography
fromPiccalilli
1 day ago

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.
UX design
fromA List Apart
1 day ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
Deliverability
fromFast Company
5 hours ago

This app turns your email inbox into your personal assistant

Extra is a smart email client that uses AI to organize and prioritize emails visually, enhancing user experience and efficiency.
#ai
UX design
fromMedium
1 day ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
Web design
fromwww.businessinsider.com
1 day ago

I built the same website using Lovable and Wix AI. One took twice as long and told me to solve problems myself.

AI tools like Lovable and Wix Harmony simplify website creation, enabling users without technical skills to build websites effortlessly.
UX design
fromMedium
1 day ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
#markdown
Vue
fromRaymondcamden
4 days ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
Typography
fromCSS-Tricks
2 days ago

Enhancing Astro With a Markdown Component | CSS-Tricks

Using a Markdown Component simplifies markup and enhances typographic symbols in an Astro project.
Vue
fromRaymondcamden
4 days ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
Typography
fromCSS-Tricks
2 days ago

Enhancing Astro With a Markdown Component | CSS-Tricks

Using a Markdown Component simplifies markup and enhances typographic symbols in an Astro project.
Node JS
fromInfoWorld
1 day ago

Is your Node.js project really secure?

Dependency security workflows in JavaScript and Node.js lack actionability, leading to late awareness of risks and ineffective responses.
DevOps
fromInfoQ
1 day ago

How Observability and Telemetry Can Enhance the Practice of Software Engineering

Observability must adapt to modern serverless and event-driven architectures, utilizing OpenTelemetry for effective telemetry and improved system understanding.
#react
fromThisweekinreact
2 days ago
React

This Week In React #278: React Email, TSRX, ESLint plugin, Rspack RSC, TanStack, Hook Form | Vision Camera, Expo, Nano Icons, ExecuTorch, Argent, Audio API, CSS, RNSec | TypeScript Go, Node.js, Bun, Hono | This Week In React

fromThisweekinreact
2 days ago
React

This Week In React #278: React Email, TSRX, ESLint plugin, Rspack RSC, TanStack, Hook Form | Vision Camera, Expo, Nano Icons, ExecuTorch, Argent, Audio API, CSS, RNSec | TypeScript Go, Node.js, Bun, Hono | This Week In React

Information security
fromWIRED
2 days ago

Mozilla Used Anthropic's Mythos to Find and Fix 151 Bugs in Firefox

Mozilla's Firefox 150 includes protections for 271 vulnerabilities identified using AI tools, highlighting the significant impact of AI on cybersecurity.
Web frameworks
fromInfoQ
4 days ago

Pretext.js Bypasses DOM Layout Reflow, Enabling Advanced UX Patterns at 120 FPS

Pretext is a TypeScript library that enhances UI performance by measuring text without causing DOM reflows.
Software development
fromInfoWorld
2 days ago

Google's Gemma 4 shines on local systems - both big and small

Gemma 4's mixture of experts design enhances performance by allowing CPU weight allocation, improving token generation speed significantly.
fromEngadget
2 days ago

X finally adds custom timelines

Nikita Bier described the custom timelines feature as 'one of the biggest changes to X' and a 'huge undertaking' that required 'many months' of development.
Mobile UX
Marketing tech
fromFast Company
2 days ago

Adobe's new AI experiment can whip up a website custom designed for Gen Z

Adobe's Asset Amplify tool generates tailored marketing materials for specific audience segments, enhancing brand design with AI-driven personalization.
Ruby on Rails
fromRubyflow
3 days ago

How to Port Legacy Rails Applications to Propshaft

Propshaft replaces Sprockets as the default asset pipeline for Rails, offering improved features and migration options for legacy applications.
Graphic design
fromMedium
3 days ago

The art of subtraction in a world of infinite features

Subtraction in visual arts enhances clarity and focus by intentionally removing elements that distract from the main subject.
Mental health
fromSmashing Magazine
4 days ago

Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design - Smashing Magazine

Poor session timeouts create significant accessibility barriers for users with disabilities, impacting their online experiences and tasks.
#google
#javascript
Node JS
fromAllthingssmitty
4 days ago

Why I don't chain everything in JavaScript anymore - Matt Smith

Chaining methods in JavaScript can complicate readability and debugging, making step-by-step coding often clearer and easier to manage.
Vue
fromwww.jqueryscript.net
3 weeks ago

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.
Node JS
fromAlex MacArthur
3 weeks ago

Your options for preloading images with JavaScript

Preloading images in JavaScript can be achieved through various methods, with the best choice depending on specific circumstances.
Node JS
fromAllthingssmitty
4 days ago

Why I don't chain everything in JavaScript anymore - Matt Smith

Chaining methods in JavaScript can complicate readability and debugging, making step-by-step coding often clearer and easier to manage.
Vue
fromwww.jqueryscript.net
3 weeks ago

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.
Node JS
fromAlex MacArthur
3 weeks ago

Your options for preloading images with JavaScript

Preloading images in JavaScript can be achieved through various methods, with the best choice depending on specific circumstances.
fromInfoQ
4 days ago

Engineering Stable, Secure and Scalable Platforms: A Conversation with Matthew Liste

I was always a tinkerer, I guess. I grew up in the age where computers were not ubiquitous or common. An experience as a kid was instrumental in how my career happened.
DevOps
UX design
fromMedium
17 hours ago

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.
#css
Web development
fromMedium
3 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromCsswizardry
3 weeks ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
Typography
fromPiccalilli
2 months ago

An in-depth guide to customising lists with CSS

Lists should be styled and spaced like regular text, with appropriate indentation, bullet/number styles, positioning, and extra space for multi-digit numbering.
Web development
fromMedium
3 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
JavaScript
fromRubyflow
2 weeks ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Web development
fromWebKit
1 week ago

Name-only @container queries: A solution to the naming wars

Name-only @container queries simplify styling by improving scoping without increasing specificity, addressing conflicts in CSS for elements with similar names.
Web development
fromCsswizardry
3 weeks ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
Angular
fromGitHub
2 weeks ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
Web design
fromMedium
2 days ago

Using Design Systems in Claude Design: How Good Is It?

Claude Design is more effective with design systems imported from GitHub than from Figma.
Node JS
fromDEV Community
5 days ago

I got tired of wiring the same caching stack every project, so I built LayerCache

LayerCache simplifies caching by stacking multiple layers and handling cache misses efficiently.
Web design
fromThe Verge
2 days ago

The next evolution of The Verge's homepage is here

The Verge's homepage redesign aims to enhance reader engagement by balancing top stories and thematic collections.
React
fromMDN Web Docs
2 weeks ago

Under the hood of MDN's new frontend | MDN Blog

MDN's frontend was overhauled to simplify design and improve code structure, addressing technical debt from the previous React app.
UX design
fromMedium
1 day ago

Working in the open

Working in open source enhances design skills through collaboration, user empowerment, and continuous learning.
#web-development
fromSpeckyboy Design Magazine
2 months ago
Web development

Tips for Streamlining Your Web Development Workflow - Speckyboy

Web development workflows must adapt to project needs and use integrated tools and frameworks to improve productivity and manage complexity.
Web design
fromSpeckyboy Design Magazine
5 days ago

How AI Could Change Collaboration for Web Designers & Developers - Speckyboy

Connecting with web professionals enhances learning and productivity, while AI is transforming workflows and relationships in the industry.
UX design
fromSmashing Magazine
2 days ago

The UX Designer's Nightmare: When "Production-Ready" Becomes A Design Deliverable - Smashing Magazine

The role of UX designers is evolving to include technical skills due to AI integration, impacting user experience and design responsibilities.
Marketing
from3blmedia
1 month ago

What We Learned From Talking to Hundreds of Web Designers a

Freelancers and agencies seek market-wide data to inform their business decisions and strategies.
UX design
fromMedium
6 days ago

Haptics: how to build a consistent cross-platform solution and align code with Figma

Implementing consistent haptics across iOS, Android, and mobile web enhances user experience through tactile feedback.
Web development
fromCSS-Tricks
1 week ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Python
fromTalkpython
4 weeks ago

Zensical - a modern static site generator

Zensical is a new static site generator by Martin Donath, designed to address limitations of MKDocs with a Rust core and faster builds.
Web design
fromKDnuggets
3 weeks ago

7 Essential AI Website Builders: From Prompt to Production - KDnuggets

Artificial intelligence website builders simplify website creation, offering free plans and tailored solutions for various needs.
Web frameworks
fromLogRocket Blog
2 months ago

A dev's guide to Tailwind CSS in 2026 - LogRocket Blog

Tailwind CSS remains highly popular, but AI-driven code generation sharply reduced documentation traffic and Tailwind Labs' revenue, prompting major layoffs and strategic reassessment.
UX design
fromAdamsilver.io
1 month ago

Why designing in code makes you a better designer

The web has inherent properties like fluidity and vertical stacking; designing with these properties rather than against them creates better, more functional digital experiences.
fromCSS-Tricks
1 month ago

An Exploit ... in CSS?! | CSS-Tricks

Google credits security researcher Shaheen Fazim with reporting the exploit to Google. The dude's LinkedIn says he's a professional bug hunter, and I'd say he deserves the highest possible bug bounty for finding something that a government agency is saying "in CSS in Google Chrome before 145.0.7632.75 allowed a remote attacker to execute arbitrary code inside a sandbox via a crafted HTML page."
Information security
fromSitePoint Forums | Web Development & Design Community
1 month ago

Why My CSS Changes Don't Reflect Immediately? Common Reasons & Fixes

Browser cache - Sometimes the browser is still loading the old CSS file. A hard refresh (Ctrl + F5) usually fixes it. Wrong file linked - Double-check if your HTML is actually linked to the correct CSS file. Specificity issues - Another CSS rule might be overriding your changes.
Web development
fromInfoWorld
1 month ago

The right way to architect modern web applications

Modern web applications are no longer just "sites." They are long-lived, highly interactive systems that span multiple runtimes, global content delivery networks, edge caches, background workers, and increasingly complex data pipelines. They are expected to load instantly, remain responsive under poor network conditions, and degrade gracefully when something goes wrong.
Web frameworks
Web development
fromCSS-Tricks
1 month ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
#web-development-tools
Web development
fromwww.jqueryscript.net
1 month ago

Weekly Web Design & Development News: Collective #648

A curated weekly roundup of essential web development and design resources includes updated JavaScript/CSS libraries, AI tools, design assets, and emerging web technologies for 2026 projects.
Web development
fromwww.jqueryscript.net
1 month ago

Weekly Web Design & Development News: Collective #648

A curated weekly roundup of essential web development and design resources includes updated JavaScript/CSS libraries, AI tools, design assets, and emerging web technologies for 2026 projects.
fromCSS-Tricks
2 months ago

Potentially Coming to a Browser :near() You | CSS-Tricks

By how much? Well, that would depend on the value of the <length> argument provided. Thomas Walichiewicz, who proposed :near(), suggests that it works like this: button:near(3rem) { /* Pointer is within 3rem of the button */ } For those wondering, yes, we can use the Pythagorean theorem to measure the straight-line distance between two elements using JavaScript ("Euclidean distance" is the mathematical term), so I imagine that's what would be used behind the scenes here.
UX design
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
Web development
fromFrontendmasters
1 month ago

The Big Gotcha of Anchor Positioning

Anchor Positioning in CSS has significant limitations preventing elements from being positioned relative to others regardless of DOM placement, requiring careful consideration of element ordering and positioning values.
fromScottjehl
2 months ago

Standard HTML Video & Audio Lazy-loading is Coming! | Scott Jehl, Web Designer/Developer

As the HTTP Archive reminds us, video and audio files are some of the heaviest resources requested by web pages. This new standard will dramatically reduce page weight and ease resource overhead all through a simple declarative HTML attribute. Lazy audio and video works just like lazy-loading of image and iframe elements work today: just add loading=
Web development
fromFrontendmasters
2 months ago

Performance-Optimized Video Embeds with Zero JavaScript

Every embedded video comes with a real cost to page load performance. Each player loads extra resources, whether the user ever hits play or not, as Chris Coyier noted in his blog post on "YouTube Embeds are Bananas Heavy and it's Fixable". The approach of using in that article works well when the video appears further down on the page and loads outside of the initial viewport. If the video is directly in the initial viewport, it can still cause a cumulative layout shift (CLS).
Web development
Web development
fromInfoQ
2 months ago

HTML Invoker Commands Achieve Baseline Support Across All Major Browsers

HTML Invoker Commands API enables declarative button controls (commandfor and command) for popovers and dialogs, reducing reliance on JavaScript and improving initial interactivity.
fromSitePoint Forums | Web Development & Design Community
2 months ago

What's the most impactful first step to improve website speed when starting from scratch?

When building or optimizing a website from scratch, performance can easily be overlooked until problems start showing up-slow load times, poor user experience, and lower search rankings. There are many ways to improve website speed, such as image optimization, code minification, caching, choosing better hosting, or using a CDN. For developers and site owners starting fresh, it's often unclear which step delivers the biggest impact
Web development
Web development
fromjQuery Script
2 months ago

Simplest Ajax Loader With jQuery And CSS3 - jmspinner

jmspinner displays a CSS3-powered loading indicator for AJAX-loaded content, with easy initialization, customizable styling, size options, and removal.
fromAlways Twisted
2 months ago

Introducing ReliCSS: A Tool for Front-End Archaeology

As a contracting front-end developer and Design Systems consultant, I don't always get to work on new things. Sometimes I work within codebases. Sometimes alongside them. Sometimes these codebases are years and years old. When you dive into these projects, you're not just reading code, you're excavating years of decisions, technological limitations, and creative workarounds from days gone by. Over the last decade, I've called this Front-End Archaeology.
Web development
[ Load more ]