#frontend — Public Fediverse posts

#Development #Analyses
How Kimi K3 topped design leaderboards · “Kimi K3’s design secret may be in its thinking traces.” https://ilo.im/16erox

_____
#Kimi #OpenSource #AI #AiAgents #Design #ProductDesign #UiDesign #WebDesign #WebDev #Frontend

#Development #Analyses
How Kimi K3 topped design leaderboards · “Kimi K3’s design secret may be in its thinking traces.” https://ilo.im/16erox

_____
#Kimi #OpenSource #AI #AiAgents #Design #ProductDesign #UiDesign #WebDesign #WebDev #Frontend

#Development #Launches
AraOwl · Test your web platform skills with MDN-powered quizzes https://ilo.im/16euv8

_____
#Quizzes #MDN #WebPlatform #HTML #CSS #JavaScript #APIs #Accessibility #WebDev #Frontend

#Development #Launches
AraOwl · Test your web platform skills with MDN-powered quizzes https://ilo.im/16euv8

_____
#Quizzes #MDN #WebPlatform #HTML #CSS #JavaScript #APIs #Accessibility #WebDev #Frontend

#FrontEnd Study Hall Time again! Thursday we'll gather on Zoom (camera optional) to share links, screens, bugs, and questions about all things web-page related. https://events.indieweb.org/2026/07/front-end-study-hall-055-bX1IelfWWpxf An ongoing #IndieWeb event. Go make a web page!

#FrontEnd Study Hall Time again! Thursday we'll gather on Zoom (camera optional) to share links, screens, bugs, and questions about all things web-page related. https://events.indieweb.org/2026/07/front-end-study-hall-055-bX1IelfWWpxf An ongoing #IndieWeb event. Go make a web page!

#Development #Comparisons
Kimi K3 nears Claude on coding task · ”K3 belongs in the serious coding-agent comparison set now.” https://ilo.im/16er51

_____
#Coding #AI #AiAgents #Kimi #Claude #GPT #Python #WebDev #Frontend #Backend

#Development #Comparisons
Kimi K3 nears Claude on coding task · ”K3 belongs in the serious coding-agent comparison set now.” https://ilo.im/16er51

_____
#Coding #AI #AiAgents #Kimi #Claude #GPT #Python #WebDev #Frontend #Backend

#Development #Guides
Measuring component performance · How the Container Timing API goes beyond Element Timing https://ilo.im/16etqx

_____
#Components #LCP #ContainerTiming #Chrome #Browser #APIs #WebPerf #WebDev #Frontend #JavaScript

#Development #Guides
Measuring component performance · How the Container Timing API goes beyond Element Timing https://ilo.im/16etqx

_____
#Components #LCP #ContainerTiming #Chrome #Browser #APIs #WebPerf #WebDev #Frontend #JavaScript

Фиксатон VK: как мы за три дня обработали 1500 багов в 12 продуктах и довели 420 фиксов до прода

Привет, Хабр! Я Оля Шишенина, отвечаю за обучение и развитие сотрудников VK. Хочу рассказать про внутреннее мероприятие для инженеров, которое мы провели этой весной: Фиксатон VK — трёхдневный марафон по багфиксам, на котором разработчики чинили баги не только в своих командах, но и в смежных продуктах VK. Решения прошли многоэтапный фильтр от общего пула задач, через проверку кода, QA-ревью при подготовке к релизу. Победители фиксатона получили Nintendo, Playstation, а главному победителю по баллам в индивидуальном зачёте мы подарили Niva Legend — это отличная машина для того, кто любит фиксить и тюнинговать. Заглянуть внутрь

https://habr.com/ru/companies/vk/articles/1063322/

#багфикс #хакатон #багатон #фиксатон #исправление_багов #исправление_ошибок #mobile #backend #frontend #qa

Removing React.js from the codebase and adapting Htmx for UI interactivity

https://misago-project.org/t/removing-reactjs-from-the-codebase-and-adapting-htmx-for-ui-interactivity/1267/

Comments: https://news.ycombinator.com/item?id=49067301

#HackerNews #ReactJS #Htmx #UIinteractivity #codebase #migration #frontend #development

Removing React.js from the codebase and adapting Htmx for UI interactivity

https://misago-project.org/t/removing-reactjs-from-the-codebase-and-adapting-htmx-for-ui-interactivity/1267/

Comments: https://news.ycombinator.com/item?id=49067301

#HackerNews #ReactJS #Htmx #UIinteractivity #codebase #migration #frontend #development

Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode.

❇️ https://ko-fi.com/post/Ambient-video-glow-matching-video-X6E323Y3L0

❇️ https://www.patreon.com/anatudor/posts/ambient-video-164955518

#SVG #filter #svgFilter #code #coding #graphicEffect #glow #frontend #web #dev #webDev #webDevelopment

Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode.

❇️ https://ko-fi.com/post/Ambient-video-glow-matching-video-X6E323Y3L0

❇️ https://www.patreon.com/anatudor/posts/ambient-video-164955518

#SVG #filter #svgFilter #code #coding #graphicEffect #glow #frontend #web #dev #webDev #webDevelopment

#Development #Visualizations
200ms in the life of an HTTP request · Scroll down and the clock advances https://ilo.im/16elev

_____
#HTTP #DNS #TLS #TCP #Nodejs #Network #Database #Server #WebDev #Frontend #Backend

#Development #Visualizations
200ms in the life of an HTTP request · Scroll down and the clock advances https://ilo.im/16elev

_____
#HTTP #DNS #TLS #TCP #Nodejs #Network #Database #Server #WebDev #Frontend #Backend

#Development #Examples
CSS infinity use cases · Some elegant solutions and a lot of joy https://ilo.im/16etfc

_____
#CssCalc #CssClamp #Borders #Animations #Transitions #ViewTransitions #Browsers #WebDev #Frontend #CSS

#Development #Examples
CSS infinity use cases · Some elegant solutions and a lot of joy https://ilo.im/16etfc

_____
#CssCalc #CssClamp #Borders #Animations #Transitions #ViewTransitions #Browsers #WebDev #Frontend #CSS

Фронтенд никогда не умрёт

Каждые пять лет я слышу одно и то же: фронтенд больше не нужен, ему остался последний год. Сначала говорили про визуальные конструкторы - Wix, Tilda, все дела. Потом, когда ИИ выстрелил, начали хоронить разработчиков под флагом «AI напишет тебе кнопку за секунду». А сейчас новая мода - фулстекеры. Приходят такие ребята и говорят: «Да зачем нам отдельный фронт, я сам и бэк, и фронт на коленке соберу, проект сэкономит, все будут счастливы». Давай просто выдохнем и разберемся, что на самом деле происходит, без паники и хайпа.

https://habr.com/ru/articles/1063144/

#fullstack #frontend #backend

quicktipp #120: How to use a third party web component. "For the rest of us" edition.

There's a long read here:

https://dev.to/treehouse/how-to-use-third-party-web-components-for-the-rest-of-us-36ff

#javascript #node #html #webdev #web #webcomponents #vanillaweb #vite #npm #node #frontend #js

quicktipp #120: How to use a third party web component. "For the rest of us" edition.

There's a long read here:

https://dev.to/treehouse/how-to-use-third-party-web-components-for-the-rest-of-us-36ff

#javascript #node #html #webdev #web #webcomponents #vanillaweb #vite #npm #node #frontend #js

#Development #Launches
Jelly UI · Dependency-free web components that feel alive https://ilo.im/16eoko

_____
#Theming #Navigation #Forms #Overlays #Components #WebComponents #Accessibility #WebDev #Frontend #HTML

#Development #Launches
Jelly UI · Dependency-free web components that feel alive https://ilo.im/16eoko

_____
#Theming #Navigation #Forms #Overlays #Components #WebComponents #Accessibility #WebDev #Frontend #HTML

🎨 #Impeccable is a design language for #AI coding agents: 1 skill, 23 commands, live browser iteration and 46 deterministic detector rules for AI-generated frontend design #opensource #frontend
🧵👇

🎨 #Impeccable is a design language for #AI coding agents: 1 skill, 23 commands, live browser iteration and 46 deterministic detector rules for AI-generated frontend design #opensource #frontend
🧵👇

🎯 #TasteSkill is a set of portable #AgentSkills that give #AI coding agents design taste: stronger layout, typography, motion and spacing instead of boilerplate-looking UIs #opensource #frontend
🧵👇

🎯 #TasteSkill is a set of portable #AgentSkills that give #AI coding agents design taste: stronger layout, typography, motion and spacing instead of boilerplate-looking UIs #opensource #frontend
🧵👇

#Design #Launches
Cuelume · Interaction sounds that make interfaces feel alive https://ilo.im/16em2b

_____
#OpenSource #Sound #WebAudio #Browser #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Launches
Cuelume · Interaction sounds that make interfaces feel alive https://ilo.im/16em2b

_____
#OpenSource #Sound #WebAudio #Browser #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Launches
UI SFX · Interface sound effects in twelve sonic feels https://ilo.im/16es3l

_____
#OpenSource #Sound #Effects #Library #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Launches
UI SFX · Interface sound effects in twelve sonic feels https://ilo.im/16es3l

_____
#OpenSource #Sound #Effects #Library #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Events
HTML Day 2026 · Let’s celebrate and write HTML around the world! https://ilo.im/16dl9g

_____
#HtmlDay #Events #Community #WebDev #Frontend #HTML

#Development #Events
HTML Day 2026 · Let’s celebrate and write HTML around the world! https://ilo.im/16dl9g

_____
#HtmlDay #Events #Community #WebDev #Frontend #HTML

#Design #Overviews
The favicon survived the web · “It never tried to become more than it was.” https://ilo.im/16es1v

_____
#Favicons #Bookmarks #Websites #WebDev #Frontend

#Design #Overviews
The favicon survived the web · “It never tried to become more than it was.” https://ilo.im/16es1v

_____
#Favicons #Bookmarks #Websites #WebDev #Frontend

#Design #Explorations
Colors your screen can’t show you · “You’ll feel crazy once you see it.” https://ilo.im/16dwpn

_____
#Perception #Colors #ColorSpaces #Screens #RealWorld #DigitalDesign #WebDesign #Development #WebDev #Frontend

#Design #Explorations
Colors your screen can’t show you · “You’ll feel crazy once you see it.” https://ilo.im/16dwpn

_____
#Perception #Colors #ColorSpaces #Screens #RealWorld #DigitalDesign #WebDesign #Development #WebDev #Frontend

#Development #Introductions
WebMCP in Chrome · An overview of what it is and why it matters https://ilo.im/16er5s

_____
#AgenticWeb #AI #AiAgents #MCP #WebMCP #Chrome #Browser #Websites #WebDev #Frontend #JavaScript

#Development #Introductions
WebMCP in Chrome · An overview of what it is and why it matters https://ilo.im/16er5s

_____
#AgenticWeb #AI #AiAgents #MCP #WebMCP #Chrome #Browser #Websites #WebDev #Frontend #JavaScript

#Development #Findings
Which AI actually reads your site? · Two months of LLM traffic, measured https://ilo.im/16ep6k

_____
#AI #AiAgents #HTML #Markdown #LlmsTxt #Website #Server #Logs #WebDev #Frontend #Backend

#Development #Findings
Which AI actually reads your site? · Two months of LLM traffic, measured https://ilo.im/16ep6k

_____
#AI #AiAgents #HTML #Markdown #LlmsTxt #Website #Server #Logs #WebDev #Frontend #Backend

Почему сайт невидим для роботов: проблемы вайб-кодинга

Вайб-кодинг уронил порог входа до плинтуса: Lovable, Bolt или v0 соберут лендинг за вечер. А потом сайт неделями болтается на дне выдачи, и даже ChatGPT про него не знает. Спрашиваешь у нейронки, почему SEO хромает, — она валит на «непродающие тексты». Причина обычно глубже: для поисковых роботов ваш сайт буквально пустая страница. Внутри: почему нейронки по умолчанию лепят SPA, как на JavaScript смотрят Google и Яндекс, почему GPTBot и ClaudeBot скачивают ваши скрипты, но никогда их не запускают, работает ли llms. txt и какая одна строчка в промпте все чинит.

https://habr.com/ru/articles/1062668/

#вайбкодинг #spa #ssr #frontend #react #next #seo

#Development #Approaches
I stopped destructuring everything · “I was optimizing for writing the code, not reading it.” https://ilo.im/16ehg7

_____
#Programming #Coding #Destructuring #Maintainability #JavaScript #React #WebDev #Frontend

#Development #Compilations
Progressive Web Apps (mostly) rock · Where PWAs shine and where they still fall short https://ilo.im/16er8z

_____
#NativeApps #WebApps #PWA #Android #iOS #Chrome #Safari #Browsers #WebDev #Frontend

#Design #Debates
Components are dead · Consistency moved from the component to the token https://ilo.im/16ers2

_____
#Consistency #Components #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Hey gang, I'm looking for a new full-time role for the first time since… I think 2012?

I've been building software for more than 20 years, I have deep experience with a variety of languages and platforms, and I've led multiple successful engineering teams.

I'm open to remote work, or in-person local to Pittsburgh, PA.

I appreciate any boosts you're willing to give.

#fedihire #web #ios #macos #swift #python #typescript #frontend #backend #fullstack #pittsburgh

#Development #Findings
New Core Web Vitals research · “Good” for Google may not be good enough for your site https://ilo.im/16eqer

_____
#Business #Metrics #Google #WebVitals #LCP #RUM #Website #WebPerf #WebDev #Frontend

Polish IT market for frontend non-ai jobs is currently poor. Maybe something beyond Poland? 👀

https://fedi.nemo.earth/@bartonemo/statuses/01KVQPRDYH3KZCF49HYQNTZQBP

Leave DM please 🥹

#gethired #fedihire #jobsearch #frontend #cv #lookingforwork

#Development #Analyses
The year of the loop · Loop engineering proved progress isn’t in the AI model https://ilo.im/16eohp

_____
#LoopEngineering #Engineering #Programming #Coding #AI #AiAgents #Governance #WebDev #Frontend #Backend