🚀 Worth a look #MEDIAPRONET → Starbucks Calorie Calculator |

Use a Starbucks calorie calculator to track drink calories, customize orders, and healthier options.

#Others #WordPress #Vuejs

https://mediapronet.com/listing/starbuckscalorie-calc

✨ New on the directory #CodeTrendy → tryon.ink

Use an AI tattoo generator to create custom tattoo designs, preview them on your body, and plan font

#ContentCreation #Design #React #Vuejs

https://codetrendy.com/listing/tryon

RE: https://fosstodon.org/@rauschma/116693909245609071

First the @nuxt team got bought by vercel, now the @vite team by cloudflare ...
Time will tell how that shapes the future but more #vuejs ecosystem usage is always nice 😁

🚀 Worth a look #MEDIAPRONET → SitePatent

Turn your website into a discovery signal

#BacklinkTools #Payments #LifetimeDeal #DofollowBacklink #Nextjs #Vuejs #ChatGPTOpenAI

https://mediapronet.com/listing/sitepatent

Building a full web form using Vue and Web Awesome

Previously, we learned how to build dropdowns, radio button groups, buttons, and combo boxes. I figure the next step is to put it all together and build a full web form. In today’s demo, we are going to build a “feedback” form where someone provides their name, contact information, and what they think of you. It doesn’t actually send it anywhere, but it shows the result, and it is easy enough to add something to record the results.

The last time around, we created https://grand-block-gar.codepen.app using the data files in https://github.com/steinbring/data/tree/main/v1/locations/us_states_municipalities_zctas to let the user select a state (using a list of suggestions), select a municipality (using a list of suggestions that are based upon the selected state), and select a zip code / postal code (using a list of suggestions that are based upon the selected municipality). In that demo, state management and form data are handled in App.vue, and the options for states, municipalities, and zip codes/postal codes use computed properties. ComboBox is imported from ComboBox.vue, accepts the properties “label”, “placeholder”, “disabled”, “options”, and “modelValue”, emits a new value for “modelValue” when the value of the web awesome combobox changes, and it only creates <wa-combobox> inside the component.

So, what are we doing this time? In this week’s demo, we are doing the same thing (the Web Awesome components are in Vue child components and the data and computed properties are in parent components), except the form itself is in a child of App.vue.

The form asks for your name, your opinion, your contact information, and your preferred contact method. If you select that you want to be contacted by phone, it uses the radio group element to ask about when you would like to be called.

To use the form “in anger”, you would want to add an API call to an endpoint that could send an email and/or save the submission to a database record. Since the web component is added to the Vue component, and the form elements’ Vue components are as generic as possible, swapping out Web Awesome for something like Bootstrap or Bulma is pretty easy.

Example: https://optimal-brook-eft.codepen.app

Frontend Status: свежий дайджест фронтенда и AI — 04.06.2026

Привет! Это 17 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Страница отрисована, а интерфейс всё ещё «оживает»: отложенная гидратация в TanStack Start на карусели Jack Herrington и подкаст с Андерсом Хейлсбергом — от Turbo Pascal до того, как ИИ меняет ремесло, когда код пишут не построчно — чтобы понять, где теряется скорость и куда движется разработка. 🤖 Половина кода уже с ИИ, а доверия меньше: опрос State of AI 2026 (54% сгенерированного кода), Яндекс и тысячи конфликтов при мерже Chromium, перцептрон 1959 года и «чтение мыслей» модели Anthropic — чтобы смотреть на внедрение ИИ цифрами и без иллюзий. 🛡️ Пустили агента в репозиторий — а что он может сломать: разбор Positive Technologies и история, когда ИИ «находит» CVE, который уже был в обучающих данных — чтобы не открывать доступ вслепую. 💫 Анимация замирает вместе с React: управление бесконечными CSS-циклами без прыжков и сравнение CSS, Motion и GSAP на главном потоке — чтобы интерфейс оставался плавным без лишнего JavaScript. ⚡ Нужна коллаборация как в Figma и Miro: Hocuspocus от Tiptap на Y.js и CRDT без гонок правок — WebSocket, офлайн и Redis — чтобы собрать совместное редактирование в своём редакторе без тяжёлого бэкенда. ⚡ Поиск раздувают до эмбеддингов и LLM: Fuse.js ~6 КБ с нечётким поиском, кириллицей и Web Workers в 7.4.0 — чтобы находить по списку в браузере без сервера и векторной базы. ⚡ TypeScript кажется очевидным, пока не упёрлись в типы: 15 коротких приёмов от Matt Smith — satisfies , проверка «все варианты учтены», строгий режим — чтобы писать безопаснее и без лишних аннотаций. ⚛️ React-шаблон на 35 000 звёзд без хаоса в репозитории: разбор Bulletproof React на Habr и MUI X 9.3 — чтобы взять проверенную архитектуру и не собирать стек с нуля. 🔥 Ember 7.0 без сюрпризов при мажоре: в основном сняли устаревшее, путь через 6.12 и Vite по умолчанию — чтобы обновиться без лотереи. 🅰️ Angular 22 меняет правила игры: OnPush по умолчанию, signal forms и инструменты для агентов в API — чтобы заложить новый проект на актуальных примитивах, а не по инерции. 𝐒 Svelte: $state.eager и pending больше не рвут зависимости, батчи идут связным списком — чтобы асинхронный UI вёл себя предсказуемо после обновления. 📦 Solid 2 в бета-версии, звонки WebRTC в production и шрифтовые иски на 15,3 млн ₽: асинхронность как примитив, грабли CallKit и SFU, PHP-парсер для проверки сайта — чтобы не удивляться ни релизу, ни иску. 🌎 Браузер снова забирает вёрстку у хаков: column-rule и row-rule в зазорах grid/flex и HTML внутри canvas за флагом — чтобы меньше DOM-обходов и проще UI поверх 3D. 🌐 Стандарты без костылей: сравнение объектов по значению (Composites в TC39) и элемент <install> для PWA без своего JavaScript — чтобы меньше полагаться на ссылки и самописные кнопки установки. 🛠️ Агенты под контролем: statewright с фазами и лимитами, свой Claude Code за вечер на DeepSeek и экспериментальный агент доступности GitHub н

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

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

WebDev poll:

My current go-to front-end framework/s for building web applications is/are?

Please consider boosting for a larger sample.

#poll #programming #webdev #frameworks #angular #vuejs #react #frontend

After a month of daily use, my favorite local AI coding model is still **Qwen3.6-27B**.

Setup:
🐧 openSUSE Tumbleweed
🖥️ Ryzen 9 9950X3D
🎮 RX 9070 XT 16GB
💾 64GB RAM
🤖 LM Studio + Claude Code CLI
🛠️ skills.sh / skill.fish

For Linux, Python, Bash, JavaScript, Vue.js, and Nuxt.js work, it has given me the best overall experience of the local models I've tested.

#AI #LocalAI #Qwen #LMStudio #ClaudeCode #Linux #openSUSE #Python #VueJS #NuxtJS

📦 Just launched #MEDIAPRONET → clariBI.com

Finally see your whole business in one place. Connect all your tools, ask questions in plain English

#Analytics #Django #Vuejs #ClaudeAnthropic

https://mediapronet.com/listing/claribi

Retour sur la MadVue 2026 ! 🇪🇸

Louis Gourain, Lead Dev Frontend était présent et fait son retour dans une série de 2 articles. Au programme du 1er : Temps réel, URLs typées, formulaires et toolchain

Découvrez l'article👇
https://buff.ly/CHw6FR2

#VueJS #WebDev #MadVue2026