Advertisement Β· 728 Γ— 90

Posts by literat

Preview
Yegge's Developer-Agent Evolution Model An 8-stage model describing how developers evolve from skeptical AI-assisted coding to orchestrating fleets of autonomous agents.

Already on stage 6. Hands management fails on stage 7. Trying to get to stage 8 soon :D

justin.abrah.ms/blog/2026-01...

#ai #agents #conding #development

1 month ago 0 0 0 0
Preview
blob: URLs - URIs | MDN Blob (or object) URLs, URLs prefixed with the blob: scheme, enable integration of Blobs and MediaSources with other APIs that are only designed to be used with URLs, such as the <img> element. Blob UR...

TIL πŸ’‘ You can display an uploaded file (like the one from the input type="file") using blob URLs, even before submitting the form. No need for base64. Just a simple blob.

πŸ‘‰ developer.mozilla.org/en-US/docs/W...
πŸ‘‰ developer.mozilla.org/en-US/docs/W...

And yeah, it is 10 years old API πŸ€¦β€β™‚οΈ

#developers

1 month ago 0 0 0 0

Proud of Jan KryΕ‘pΓ­n for sharing this at Frontendisti.

1 month ago 0 0 0 0
Post image Post image Post image Post image

AI conversations are loud. β€œLet models build everything.”

In Spirit Design System we focus on practical AI:

πŸ‘‰ Figma β†’ production code
πŸ‘‰ outputs β†’ real components
πŸ‘‰ less repetitive work

Figma Code Connect + MCP + Agent Skills = faster frontend workflows

#AI #DesignSystem #Frontend

1 month ago 2 0 1 0
Preview
Safe navigation through upgrades in npm package minefield Learn essential security practices to protect your projects from npm supply chain attacks. Discover how to safely manage dependencies, prevent malicious code execution, and strengthen your development...

πŸ” npm supply chain attacks hit 180+ packages this year. Here's what works to protect your projects:

Quick wins:
βœ“ Disable postinstall scripts
βœ“ Use cooldown period
βœ“ Immutable lockfiles
βœ“ 2FA on npm

Full security guide with code examples πŸ‘‡
literat.dev/blog/2025-12...

#DevSec #JavaScript #npm

4 months ago 2 0 0 0
Post image Post image Post image

Gave a talk at Frontendisti meetup in Prague (CafΓ© Lajka) on recent npm supply chain attacks β€” how they work and how to defend against them.

You can check the slides here:
talk-npm-security-best-practice.netlify.app

#JavaScript #Security #npm #WebDev #SupplyChainSecurity

4 months ago 2 0 1 0
Preview
You Don't Need People choose popular projects, often not because it applies to their problems. - You Don't Need

#TIL The β€œYou Don’t Need” series is a great reminder of how far JavaScript has come.

Example: you don’t need Lodash anymore.
Modern JS has built-ins for most of it, and es-toolkit.dev gives you the rest - smaller, faster, typed, maintained.

πŸ“š github.com/you-dont-need

#JavaScript #WebDev #Frontend

5 months ago 1 0 0 0
Design Tokens specification reaches first stable version | Design Tokens Community Group

The Design Tokens spec just went stable πŸŽ‰

A huge step for design systems:
β€’ real theming support
β€’ modern color spaces (Display P3, OKLCH)
β€’ cross-tool + cross-platform format

Feels like the β€œCSS moment” for tokens.

πŸ‘‰ www.w3.org/community/de...

#DesignTokens #DesignSystems #WebDev #UXEngineering

5 months ago 1 0 0 0
Advertisement

πŸ‘‰ native support for closing dialogs with a click outside
πŸ‘‰ native tooltips using `popover="hint"`
πŸ‘‰ `jxl` (JPEG XL) image format
πŸ‘‰ <math> HTML tag
...and so many more goodies...

8 months ago 0 0 0 0
Preview
State of HTML 2025 Take the State of HTML survey

Hey, want to discover bright new HTML features in one place?

Just fill out the recently opened State of HTML 2025 survey. πŸ‘‰ survey.devographics.com/en-US/survey...

What have I discovered? 🧡

#html #web #development #survey

8 months ago 0 0 1 0

#eslint and #prettier users, beware! There has been a phishing attack on a few packages. πŸ‘‡

πŸ‘‰ socket.dev/blog/npm-phi...
πŸ‘‰ thehackernews.com/2025/07/malw...
πŸ‘‰ github.com/advisories/G...

#javascript #npm #developers #web

8 months ago 2 0 0 0

πŸ’‘ TIL: Using `tsc --traceResolution` is very handy to get information about why the heck TypeScript is raising an error about the file that should not be part of the library, but it is included during the type check πŸ˜…

#typescript #error #web #dev #todayilearn #til

9 months ago 2 0 0 0
VS Code Agent Mode Just Changed Everything
VS Code Agent Mode Just Changed Everything YouTube video by Visual Studio Code

www.youtube.com/watch?v=duty...

11 months ago 0 0 0 0
Preview
State of AI 2025 Take the State of AI survey

Interested in future results of the new State of AI in web development. In spite of using AI tooling for my day-to-day job, I think it will take a long journey to help me with all the obstacles during #design #development #deployment πŸ€”

So take the survey :-)

survey.devographics.com/en-US/survey...

1 year ago 0 0 0 0
Preview
Oracle justified its JavaScript trademark with Node.jsβ€”now it wants that ignored Oracle filed a motion to dismiss in response to Deno’s petition to cancel its β€œJavaScript” trademark. But instead of addressing the real issueβ€”that JavaScript is an open standard with multiple indepen...

Oracle justified its JavaScript trademark by claiming Node.js β€” now it wants that ignored
#FreeJavaScript

deno.com/blog/deno-v-...

1 year ago 311 122 16 9
Advertisement
Post image

This is SUCH a good video from CJ, and the most impressive part is that he made all these video graphics in the browser 🀯

www.youtube.com/watch?v=NBDn...

1 year ago 77 5 3 0
Preview
Mastering npm scripts: Best practices in sustainable naming and organizing of your scripts The chaotic organization of npm scripts can slow down project development considerably. I will present a system for efficient naming and organization of npm scripts. You will learn how to use naming c...

Dive into my latest article and take control of your npm scripts!

Master best practices:

πŸ› οΈ consistent naming
πŸ› οΈ organized namespaces
πŸ› οΈ tools like npm-run-all
πŸ› οΈ clear lifecycle hooks

#webdev #coding #bestpractice #npm #javascript

literat.dev/blog/2024-12...

1 year ago 1 0 0 0
Preview
void operator - JavaScript | MDN The void operator evaluates the given expression and then returns undefined.

my favourite and most underrated javascript feature is the void operator

new killer usecase: using it for react 19 refs to prevent returning a non-function

<div ref={current => void (instance = current)} />

(re: react.dev/blog/2024/12...)

developer.mozilla.org/en-US/docs/W...

1 year ago 64 3 10 4