#frontend — Public Fediverse posts

Почему компании строят свои конструкторы баннеров: разбор паттерна, который никто не называет

Полтора года назад я работал в B2C-продукте с командой около 150 человек. Маркетинг хотел запускать промо на сайте: баннеры, акции, сезонные кампании. Простая задача, на которую у нас ушло два с половиной года и шесть разных решений. Эта статья про путь, который мы прошли. И про то, что я обнаружил, когда поговорил с другой командой внутри той же компании.

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

#growth #headless_cms #dev_experience #стартап #конструктор #nocode #frontend #продуктовый_дизайн #маркетинг #ab_тестирование

Почему компании строят свои конструкторы баннеров: разбор паттерна, который никто не называет

Полтора года назад я работал в B2C-продукте с командой около 150 человек. Маркетинг хотел запускать промо на сайте: баннеры, акции, сезонные кампании. Простая задача, на которую у нас ушло два с половиной года и шесть разных решений. Эта статья про путь, который мы прошли. И про то, что я обнаружил, когда поговорил с другой командой внутри той же компании.

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

#growth #headless_cms #dev_experience #стартап #конструктор #nocode #frontend #продуктовый_дизайн #маркетинг #ab_тестирование

Почему компании строят свои конструкторы баннеров: разбор паттерна, который никто не называет

Полтора года назад я работал в B2C-продукте с командой около 150 человек. Маркетинг хотел запускать промо на сайте: баннеры, акции, сезонные кампании. Простая задача, на которую у нас ушло два с половиной года и шесть разных решений. Эта статья про путь, который мы прошли. И про то, что я обнаружил, когда поговорил с другой командой внутри той же компании.

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

#growth #headless_cms #dev_experience #стартап #конструктор #nocode #frontend #продуктовый_дизайн #маркетинг #ab_тестирование

Почему компании строят свои конструкторы баннеров: разбор паттерна, который никто не называет

Полтора года назад я работал в B2C-продукте с командой около 150 человек. Маркетинг хотел запускать промо на сайте: баннеры, акции, сезонные кампании. Простая задача, на которую у нас ушло два с половиной года и шесть разных решений. Эта статья про путь, который мы прошли. И про то, что я обнаружил, когда поговорил с другой командой внутри той же компании.

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

#growth #headless_cms #dev_experience #стартап #конструктор #nocode #frontend #продуктовый_дизайн #маркетинг #ab_тестирование

🤖 WebMCP könnte verändern, wie AI-Agenten mit Webapps interagieren. Angular experimentiert bereits mit nativer Unterstützung für strukturierte AI-Tools direkt im Browser. Kein fragiles DOM-Scraping mehr. 👀 Zum Blogpost: 👉 angular-buch.com/blog/2026-05... #Angular #AI #WebMCP #Frontend

Angular-Buch → WebMCP: KI-Agen...

#Development #Introductions
CSS is filling the gaps with rules · Native gap styling for grid and flex layouts https://ilo.im/16d40m

_____
#Layouts #Animations #Decorations #CssGrid #CssFlexbox #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS

#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML

#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML

#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML

#Development #Approaches
Our CSS isn’t opinionated enough · What if styles relied on semantic HTML? https://ilo.im/16d3y3

_____
#CSS #Specificity #SemanticHTML #Accessibility #ARIA #Frameworks #TailwindCSS #WebDev #Frontend #HTML

#Development #Approaches
Preparing your codebase for AI coders · “If you can’t beat them, join them.” https://ilo.im/16d7lr

_____
#Programming #Coding #Playgrounds #AI #Agents #Guardrails #WebDev #Frontend #JavaScript #TypeScript

#Development #Approaches
Preparing your codebase for AI coders · “If you can’t beat them, join them.” https://ilo.im/16d7lr

_____
#Programming #Coding #Playgrounds #AI #Agents #Guardrails #WebDev #Frontend #JavaScript #TypeScript

#Development #Approaches
Preparing your codebase for AI coders · “If you can’t beat them, join them.” https://ilo.im/16d7lr

_____
#Programming #Coding #Playgrounds #AI #Agents #Guardrails #WebDev #Frontend #JavaScript #TypeScript

#Development #Approaches
Preparing your codebase for AI coders · “If you can’t beat them, join them.” https://ilo.im/16d7lr

_____
#Programming #Coding #Playgrounds #AI #Agents #Guardrails #WebDev #Frontend #JavaScript #TypeScript

#Design #Approaches
Component examples as data · What’s possible for designers and machines alike https://ilo.im/16d8vc

_____
#Components #Data #AI #Figma #DesignSystems #ProductDesign #UiDesign #WebDesign #WebDev #Frontend

Syntactic sugar 🍬

https://mastodon.social/@intenttoship.[email protected]/116644459282631508

#CSS #frontend #code #coding #webDev #web #dev #webDevelopment

Syntactic sugar 🍬

https://mastodon.social/@intenttoship.[email protected]/116644459282631508

#CSS #frontend #code #coding #webDev #web #dev #webDevelopment

Syntactic sugar 🍬

https://mastodon.social/@intenttoship.[email protected]/116644459282631508

#CSS #frontend #code #coding #webDev #web #dev #webDevelopment

Syntactic sugar 🍬

https://mastodon.social/@intenttoship.[email protected]/116644459282631508

#CSS #frontend #code #coding #webDev #web #dev #webDevelopment

Syntactic sugar 🍬

https://mastodon.social/@intenttoship.[email protected]/116644459282631508

#CSS #frontend #code #coding #webDev #web #dev #webDevelopment

#Development #Techniques
Using AI to write better code more slowly · “Try this other, slower style of ‘vibe coding.’” https://ilo.im/16d7sk

_____
#Programming #Coding #Debugging #CodeReviews #Workflows #WebDev #Frontend #Backend

#Development #Techniques
Using AI to write better code more slowly · “Try this other, slower style of ‘vibe coding.’” https://ilo.im/16d7sk

_____
#Programming #Coding #Debugging #CodeReviews #Workflows #WebDev #Frontend #Backend

#Development #Techniques
Using AI to write better code more slowly · “Try this other, slower style of ‘vibe coding.’” https://ilo.im/16d7sk

_____
#Programming #Coding #Debugging #CodeReviews #Workflows #WebDev #Frontend #Backend

#Development #Techniques
Using AI to write better code more slowly · “Try this other, slower style of ‘vibe coding.’” https://ilo.im/16d7sk

_____
#Programming #Coding #Debugging #CodeReviews #Workflows #WebDev #Frontend #Backend

#Development #Findings
Email Accessibility Report 2026 · “The email ecosystem remains in a state of systemic failure.” https://ilo.im/16d8df

_____
#Email #Accessibility #Contrast #AltText #Links #Content #WebDev #Frontend #HTML #CSS

#Development #Findings
Email Accessibility Report 2026 · “The email ecosystem remains in a state of systemic failure.” https://ilo.im/16d8df

_____
#Email #Accessibility #Contrast #AltText #Links #Content #WebDev #Frontend #HTML #CSS

#Development #Findings
Email Accessibility Report 2026 · “The email ecosystem remains in a state of systemic failure.” https://ilo.im/16d8df

_____
#Email #Accessibility #Contrast #AltText #Links #Content #WebDev #Frontend #HTML #CSS

#Development #Findings
Email Accessibility Report 2026 · “The email ecosystem remains in a state of systemic failure.” https://ilo.im/16d8df

_____
#Email #Accessibility #Contrast #AltText #Links #Content #WebDev #Frontend #HTML #CSS

#Design #Analyses
You are no longer the user · ”The substrate is the new field of design.” https://ilo.im/16d73j

_____
#Users #AI #Agents #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend #Backend

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

True? False?

Come find out tomorrow night, when I’ll be giving a talk on alt-text accessibility. I call it “Alt Text is the Ocean You Thought Was a Pond.” Hosted by our one and only @pdxa11yux.

https://pdxa11yux.org/events/2026/05/27/alt-text-is-the-ocean-you-thought-was-a-pond.html

Bonus: it’s in a library. Libraries are rad. My talk might be, too.

#Accessibility #A11y #Portland #PDX #Presentation #Talk #Meetup #UX #Design #FrontEnd

True? False?

Come find out tomorrow night, when I’ll be giving a talk on alt-text accessibility. I call it “Alt Text is the Ocean You Thought Was a Pond.” Hosted by our one and only @pdxa11yux.

https://pdxa11yux.org/events/2026/05/27/alt-text-is-the-ocean-you-thought-was-a-pond.html

Bonus: it’s in a library. Libraries are rad. My talk might be, too.

#Accessibility #A11y #Portland #PDX #Presentation #Talk #Meetup #UX #Design #FrontEnd

True? False?

Come find out tomorrow night, when I’ll be giving a talk on alt-text accessibility. I call it “Alt Text is the Ocean You Thought Was a Pond.” Hosted by our one and only @pdxa11yux.

https://pdxa11yux.org/events/2026/05/27/alt-text-is-the-ocean-you-thought-was-a-pond.html

Bonus: it’s in a library. Libraries are rad. My talk might be, too.

#Accessibility #A11y #Portland #PDX #Presentation #Talk #Meetup #UX #Design #FrontEnd

True? False?

Come find out tomorrow night, when I’ll be giving a talk on alt-text accessibility. I call it “Alt Text is the Ocean You Thought Was a Pond.” Hosted by our one and only @pdxa11yux.

https://pdxa11yux.org/events/2026/05/27/alt-text-is-the-ocean-you-thought-was-a-pond.html

Bonus: it’s in a library. Libraries are rad. My talk might be, too.

#Accessibility #A11y #Portland #PDX #Presentation #Talk #Meetup #UX #Design #FrontEnd

True? False?

Come find out tomorrow night, when I’ll be giving a talk on alt-text accessibility. I call it “Alt Text is the Ocean You Thought Was a Pond.” Hosted by our one and only @pdxa11yux.

https://pdxa11yux.org/events/2026/05/27/alt-text-is-the-ocean-you-thought-was-a-pond.html

Bonus: it’s in a library. Libraries are rad. My talk might be, too.

#Accessibility #A11y #Portland #PDX #Presentation #Talk #Meetup #UX #Design #FrontEnd

Один фронтенд, чтоб править всеми, один фронтенд, чтоб всех найти: 1 точка входа, разные BI

Привет, Хабр! Меня зовут Игорь Красавин, и я работаю frontend-разработчиком в компании VK. Сегодня хочу рассказать вам, как мы объединяли несколько BI-систем (DataLens, Superset и Redash) под одним UI, как решали проблемы со SPA-навигацией, историей браузера и различными стеками, на какие грабли наступили, и что нам, в итоге, это дало. Материал будет полезен frontend-разработчикам, которые могут столкнуться со схожей задачей в рамках своих проектах. Объединяем BI под одним UI

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

#frontend #фронтенд #biсистемы #объединение #SPAнавигация #история_браузера

Один фронтенд, чтоб править всеми, один фронтенд, чтоб всех найти: 1 точка входа, разные BI

Привет, Хабр! Меня зовут Игорь Красавин, и я работаю frontend-разработчиком в компании VK. Сегодня хочу рассказать вам, как мы объединяли несколько BI-систем (DataLens, Superset и Redash) под одним UI, как решали проблемы со SPA-навигацией, историей браузера и различными стеками, на какие грабли наступили, и что нам, в итоге, это дало. Материал будет полезен frontend-разработчикам, которые могут столкнуться со схожей задачей в рамках своих проектах. Объединяем BI под одним UI

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

#frontend #фронтенд #biсистемы #объединение #SPAнавигация #история_браузера

Один фронтенд, чтоб править всеми, один фронтенд, чтоб всех найти: 1 точка входа, разные BI

Привет, Хабр! Меня зовут Игорь Красавин, и я работаю frontend-разработчиком в компании VK. Сегодня хочу рассказать вам, как мы объединяли несколько BI-систем (DataLens, Superset и Redash) под одним UI, как решали проблемы со SPA-навигацией, историей браузера и различными стеками, на какие грабли наступили, и что нам, в итоге, это дало. Материал будет полезен frontend-разработчикам, которые могут столкнуться со схожей задачей в рамках своих проектах. Объединяем BI под одним UI

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

#frontend #фронтенд #biсистемы #объединение #SPAнавигация #история_браузера

Один фронтенд, чтоб править всеми, один фронтенд, чтоб всех найти: 1 точка входа, разные BI

Привет, Хабр! Меня зовут Игорь Красавин, и я работаю frontend-разработчиком в компании VK. Сегодня хочу рассказать вам, как мы объединяли несколько BI-систем (DataLens, Superset и Redash) под одним UI, как решали проблемы со SPA-навигацией, историей браузера и различными стеками, на какие грабли наступили, и что нам, в итоге, это дало. Материал будет полезен frontend-разработчикам, которые могут столкнуться со схожей задачей в рамках своих проектах. Объединяем BI под одним UI

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

#frontend #фронтенд #biсистемы #объединение #SPAнавигация #история_браузера

#Development #Approaches
Framework-agnostic design systems · A practical approach to web components https://ilo.im/16d42s

_____
#DesignSystems #WebComponents #Elena #VitePress #WebDesign #WebDev #Frontend #HTML #CSS #JavaScript

#Business #Approaches
I’ve banned query strings · “I don’t like people adding tracking stuff to URLs.” https://ilo.im/16d7c6

_____
#URLs #Tracking #Privacy #Websites #IndieWeb #SmallWeb #Development #WebDev #Frontend #Backend

#Business #Approaches
I’ve banned query strings · “I don’t like people adding tracking stuff to URLs.” https://ilo.im/16d7c6

_____
#URLs #Tracking #Privacy #Websites #IndieWeb #SmallWeb #Development #WebDev #Frontend #Backend

#Business #Approaches
I’ve banned query strings · “I don’t like people adding tracking stuff to URLs.” https://ilo.im/16d7c6

_____
#URLs #Tracking #Privacy #Websites #IndieWeb #SmallWeb #Development #WebDev #Frontend #Backend

#Business #Approaches
I’ve banned query strings · “I don’t like people adding tracking stuff to URLs.” https://ilo.im/16d7c6

_____
#URLs #Tracking #Privacy #Websites #IndieWeb #SmallWeb #Development #WebDev #Frontend #Backend

#Development #Debates
Surveys will continue until diversity improves · “Some of us grow up, but the industry doesn’t.” https://ilo.im/16cynz

_____
#Business #Tech #Diversity #Men #Women #Surveys #DevOps #WebDev #Frontend #Backend

#Development #Debates
Surveys will continue until diversity improves · “Some of us grow up, but the industry doesn’t.” https://ilo.im/16cynz

_____
#Business #Tech #Diversity #Men #Women #Surveys #DevOps #WebDev #Frontend #Backend

#Development #Debates
Surveys will continue until diversity improves · “Some of us grow up, but the industry doesn’t.” https://ilo.im/16cynz

_____
#Business #Tech #Diversity #Men #Women #Surveys #DevOps #WebDev #Frontend #Backend

Context-driven Reusable Form Pattern: Масштабируемая архитектура для Create / Edit / Create-from-Source

Как перестать копировать формы и построить масштабируемую архитектуру В enterprise-приложениях формы множатся быстро: create, edit, import, create-from-lead, duplicate — и вот у вас уже шесть копий одной формы, а внутри условный ад из if (mode === …). О чём статья: Почему mode prop и giant form component не масштабируются; Как разделить форму на четыре слоя: presentation, orchestration, context, data source; Что такое capabilities и почему они лучше условной логики; Как адаптеры отвязывают форму от source entities; Куда прятать submit, валидацию и внешний store; Как тестировать такую архитектуру изолированно. Примеры на React + TypeScript, но подход применим к любому компонентному UI. Для начинающих и тех, кто уже устал от копипасты в enterprise.

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

#react #mobx #zustand #frontend #typescript #javascript #enterprise_architecture #формы_react #react_hook_form #redux

Context-driven Reusable Form Pattern: Масштабируемая архитектура для Create / Edit / Create-from-Source

Как перестать копировать формы и построить масштабируемую архитектуру В enterprise-приложениях формы множатся быстро: create, edit, import, create-from-lead, duplicate — и вот у вас уже шесть копий одной формы, а внутри условный ад из if (mode === …). О чём статья: Почему mode prop и giant form component не масштабируются; Как разделить форму на четыре слоя: presentation, orchestration, context, data source; Что такое capabilities и почему они лучше условной логики; Как адаптеры отвязывают форму от source entities; Куда прятать submit, валидацию и внешний store; Как тестировать такую архитектуру изолированно. Примеры на React + TypeScript, но подход применим к любому компонентному UI. Для начинающих и тех, кто уже устал от копипасты в enterprise.

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

#react #mobx #zustand #frontend #typescript #javascript #enterprise_architecture #формы_react #react_hook_form #redux

Context-driven Reusable Form Pattern: Масштабируемая архитектура для Create / Edit / Create-from-Source

Как перестать копировать формы и построить масштабируемую архитектуру В enterprise-приложениях формы множатся быстро: create, edit, import, create-from-lead, duplicate — и вот у вас уже шесть копий одной формы, а внутри условный ад из if (mode === …). О чём статья: Почему mode prop и giant form component не масштабируются; Как разделить форму на четыре слоя: presentation, orchestration, context, data source; Что такое capabilities и почему они лучше условной логики; Как адаптеры отвязывают форму от source entities; Куда прятать submit, валидацию и внешний store; Как тестировать такую архитектуру изолированно. Примеры на React + TypeScript, но подход применим к любому компонентному UI. Для начинающих и тех, кто уже устал от копипасты в enterprise.

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

#react #mobx #zustand #frontend #typescript #javascript #enterprise_architecture #формы_react #react_hook_form #redux