#Development #Explorations
Implementing WebMCP · “It gives power back to website owners.” https://ilo.im/16baww
_____
#AI #Content #Website #WebMCP #MCP #Chrome #Browser #WebDev #Frontend #JavaScript
#Frontend
Hi everyone 👋
I’m Josh, a web developer based in the UK. I mainly work with modern frontend tools and love building fast, clean websites.
Recently I’ve been working with Astro, SCSS and building a small SaaS analytics project. Also been relearning the power of CSS and how we might not really need as much JS as you might think.
I’ll mostly post about web dev and things I'm learning and my volunteer work with codebar Brighton
Always happy to connect with other devs!
I don't know who needs to hear this (I do though, and it's evidently tthe vast majority of people designing for the web), but please for the love of god, when using pre-formatted blocks (`<pre>`) without wrapping (so virtually every time), either think about whether your body container is making the best use of the available horizontal space, or just do something like this:
https://css-tricks.com/considerations-styling-pre-tag/#aa-perhaps-make-it-auto-expanding
This has annoyed me for years. I have custom stylesheets that make `<pre>` and `<code>` blocks in the wild more bearable, at least some of the time, but it would be nice to believe that more of the people who design and/or publish for the web actually cared about the user experience enough to do something about it on their end.
✨ New post
“SVG favicons that respect theme preference”
https://pawelgrzybek.com/svg-favicons-that-respect-theme-preference/
«Vite 8.0 — Rust-basierter Bundler Rolldown ist der neue Standard:
An die Stelle von esbuild und Rollup tritt der neue Bundler Rolldown. Mit Rust-Basis ermöglicht dieser deutlich schnellere Builds.»
In anderen Worten, Rust als Programmiersprache wird/ist Populär wenn auch "nur" im Hintergrund. Das macht einiges schneller bei der Kompelierung vom Code.
#vite #rust #javascript #rolldown #rollup #esbuild #rustlang #webdev #frontend #js #dev #neu #typescript #ts
#Development #Approaches
My favorite way to write code in 2026 · Test-driven development using Playwright https://ilo.im/16b947
_____
#Programming #Testing #Coding #WebComponents #Playwright #WebDev #Frontend #JavaScript #HTML #JavaScript
#TodayILearned that passing the event object of a form control to an async function might not work as expected :)
Friday Links #36: JavaScript, AI Tools, and Ecosystem Updates https://jsdevspace.substack.com/p/friday-links-36-javascript-ai-tools #javascript #typescript #frontend #webdev #ai
12 years ago I wrote about the built-in Sass colour functions that were available.
Today we can achieve the same with native CSS using color-mix() and relative colour syntax.
Un-Sass'ing My CSS: Colour Functions Without Sass
https://www.alwaystwisted.com/articles/UnSassing-my-CSS-colour-functions
No more shipping websites with slow images! 🔥
🔍 **image-auditor** — A TUI for detecting image performance issues
⚡ Finds missing lazy loading, wrong formats, layout shifts & oversized images
💯 Helps with SEO, Core Web Vitals & Lighthouse scores
🦀 Written in Rust & built with @ratatui_rs
⭐ GitHub: https://github.com/0franco/image-auditor
#rustlang #ratatui #tui #webdev #performance #seo #devtools #frontend #terminal
RxJS в Angular: 5 операторов, которые превращают хаос данных в симфонию
Стоит начать с боли всех разработчиков Angular: когда начинаешь свой проект, всё чисто и красиво. Но когда проект уже идёт, появляются подписки на подписки, данные из разных запросов нужно объединить, а пользователь начинает нажимать кнопки слишком быстро. И здесь приходит на помощь RxJS RxJS часто пугает своей сложностью. Прикол в том, что вам не нужно знать все 100+ операторов. Достаточно освоить базовую пятёрку, которая покроет 80%. И после того, как освоишь их, код становится намного читабельнее и быстрее.
https://habr.com/ru/companies/ruvds/articles/1008646/
#angular #frontend #frontend_разработка #webразработка #webпрограммирование #Rxjs #rxjs_operato #ruvds_статьи
#Development #Techniques
Building dynamic toggletips · A prime example for anchored container queries https://ilo.im/16bc8d
_____
#ModernCSS #AnchorPositioning #ContainerQueries #Toggletips #Popover #ProgressiveEnhancement #WebDev #Frontend #CSS
#Development #Explainers
The CodePen Compiler · The CodePen 2.0 editor has a whole new brain https://ilo.im/16bcg0
_____
#CodePen #CodeEditor #Compiler #Builder #Website #WebDev #Frontend #HTML #CSS #JavaScript
It is 2026 and I’m ready to adopt a single SVG file for the favicon. The cool thing is that you can make your favicon respect user theme preferences. It has been blogged about many times before.
by @argyleink:
https://web.dev/articles/building/an-adaptive-favicon
by @tomayac:
https://blog.tomayac.com/2019/09/21/prefers-color-scheme-in-svg-favicons-for-dark-mode-icons/
…but. This is still not working in Safari. Safari ignores user preference overrides inside the SVG styles. Is there an open issue for this on @jensimmons, or do you want me to make one?
Как я интегрировал GigaChat API в свой проект: опыт создания AI-ассистента с голосовым управлением
Всем привет! Сегодня я хочу поделиться опытом создания веб-приложения на основе GigaChat API от Сбера. В проекте я использовал не только текстовый диалог с нейросетью, но и добавил голосовой ввод (распознавание речи) и озвучку ответов с помощью SaluteSpeech. Получился полноценный голосовой AI-ассистент. В этой статье я расскажу о технических деталях: как получить доступ к API, как организовать обмен сообщениями, кэшировать токены, обрабатывать ошибки и сделать удобный интерфейс.
I love indeterminate throbbers that could be a very determinate loading bar. #ui #uidesign #frontend #baddevelopernocookie
#Development #Pitfalls
The HTML ‘geolocation’ element is odd · “The element in its current state is not very useful.” https://ilo.im/16bbcz
_____
#HTML #Geolocation #Chrome #Browser #JavaScript #Dependency #WebDev #Frontend
Prochaine évolution des possibilités des "corner-shapes" qui complèteront les border-radius >
https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/ #css #frontend #ui
75 проектов в IntelliJ IDEA: как я перестал тонуть в Recent Projects и написал свой плагин
Всем привет. Я уже около 10 лет занимаюсь разработкой и около 5 лет полностью перешел на продукты JetBrains, и за все это время у меня накопилось около 150 проектов как рабочих, так и своих личных, я их конечно же красиво разложил по папочкам на диске, поставил теги на папки в маке и добавил быстрый доступ. Я работаю с несколькими клиентами, активных проектов в работе около 25 штук, стандартные средства и функционал IntelliJ IDEA(Recent projects) с таким количеством прекрасно справляется, быстро ввел название сервиса в поиск и так же быстро открыл. Идеальная жизнь закончилась когда ко мне пришел клиент с еще 25 микросервисами в разных репозиториях и беклогом с багами в 300+ задач(white-label решение), я вздохнул и начал работать с 50 активными проектами и обнаружил что "Recent projects" в IDEA умеет хранить только 30 последних открытых проектов, и если ты открываешь 31 проект, увы первый пропадает как из поиска, так и из списка. Через пару месяцев этот же клиент отправил меня на помощь одному из своих заказчиков, где те же 25 микросервисов, но со своими фичами, функционалом и так далее. По итогу к декабрю у меня образовалось 75 рабочих проектов и с десяток личных, и работать с этим комфортно я не представлялось возможным. Я начал искать какие то готовые решения на просторах магазина JetBrains - нашел три мертвых плагина с плоским функционалом и по факту тем же подходом как в "Recent projects". Решение — свой плагин со всем функционалом что я хочу, без ограничений IDEA...
https://habr.com/ru/articles/1009602/
#jetbrains #java #projects #productivity #frontend #backend #idea #plugin #devops #devtools
Client Info
Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst