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
Posts by literat
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
Proud of Jan KryΕ‘pΓn for sharing this at Frontendisti.
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
π 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
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
#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
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
π 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...
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
#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
π‘ 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
www.youtube.com/watch?v=duty...
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...
Oracle justified its JavaScript trademark by claiming Node.js β now it wants that ignored
#FreeJavaScript
deno.com/blog/deno-v-...
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...
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...