home.social

#css3 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #css3, aggregated by home.social.

fetched live
  1. «Why I don't recommend Tailwind CSS»

    Tailwind CSS is hugely popular among web developers; but it's a tool I wouldn't recommend in every context.

    https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

    #Web #HTML5 #CSS3 #TailwindCSS

  2. «Why I don't recommend Tailwind CSS»

    Tailwind CSS is hugely popular among web developers; but it's a tool I wouldn't recommend in every context.

    https://en.andros.dev/blog/af3ee191/why-i-dont-recommend-tailwind-css/

    #Web #HTML5 #CSS3 #TailwindCSS

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

    Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming снова стал серьёзной платформой: Jack Herrington собирает 17 библиотек в одном приложении, а Software Engineering Daily с Эриком Дабилбором из Poki разбирает WebAssembly и WebGL/WebGPU на практике — чтобы увидеть, как устроены и стек, и дистрибуция современных веб-игр. 🤖 Старые приёмы промптинга режут точность reasoning-моделей, а закрытая вкладка не останавливает счёт — токены и GPU крутятся впустую — чтобы перестроить работу с ИИ и не платить за отменённую работу. 🛡️ Next.js с дефолтными настройками уязвим к RCE через Server Actions — даже если «серверных функций у нас нет» — чтобы не жить с иллюзией безопасности. 🎨 Центрирование всё ещё ломает голову, а каскадные анимации плодят сотни :nth-child — честный разбор центрирования и новые sibling-index() / sibling-count() — чтобы понимать, почему код работает, а не подбирать методом тыка. ⚡ Зелёные async-тесты врут, PDF застревает в iframe, геометрия — в sin/cos, DI падает на проде — PDFSlick, Geometric.js, InferDI и разбор ловушек Jest — чтобы ловить ошибки до деплоя, а не в три часа ночи. ⚛️ React-зоопарк, неделя конфигов и ручная мемоизация: карта Robin Wieruch на 2026-й, Rockpack из коробки, TanStack AI без вендорного замка, visx 4.0, RSC в TanStack Start и React Compiler — чтобы собирать стек без споров и вычистить лишний шум из кодбейза. 👁️ TanStack Table почти убил типы и автокомплит во Vue — честный разбор на Habr — чтобы брать библиотеку только под ту боль, которую не решить за час на чистом Vue. 🌎 Chrome подставляет тяжёлые блоки по ходу стрима, Firefox говорит с железом через Web Serial, canvas наконец принимает DOM — чтобы меньше костылей в вёрстке и проще UI поверх графики. 🦮 aria-label на div — ложная доступность, которую скринридер проглатывает — чтобы не тратить время на иллюзию a11y. 📦 Код пишут агенты, а ценность — в суждении: cpojer, автор Jest, о том, что осталось важно инженеру — чтобы направлять систему, а не печатать быстрее. ⚡ Node молча жрёт память, если стримы игнорируют backpressure — чтобы баг не всплыл только на по-настоящему большом датасете.

    habr.com/ru/articles/1047986/

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

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

    Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming снова стал серьёзной платформой: Jack Herrington собирает 17 библиотек в одном приложении, а Software Engineering Daily с Эриком Дабилбором из Poki разбирает WebAssembly и WebGL/WebGPU на практике — чтобы увидеть, как устроены и стек, и дистрибуция современных веб-игр. 🤖 Старые приёмы промптинга режут точность reasoning-моделей, а закрытая вкладка не останавливает счёт — токены и GPU крутятся впустую — чтобы перестроить работу с ИИ и не платить за отменённую работу. 🛡️ Next.js с дефолтными настройками уязвим к RCE через Server Actions — даже если «серверных функций у нас нет» — чтобы не жить с иллюзией безопасности. 🎨 Центрирование всё ещё ломает голову, а каскадные анимации плодят сотни :nth-child — честный разбор центрирования и новые sibling-index() / sibling-count() — чтобы понимать, почему код работает, а не подбирать методом тыка. ⚡ Зелёные async-тесты врут, PDF застревает в iframe, геометрия — в sin/cos, DI падает на проде — PDFSlick, Geometric.js, InferDI и разбор ловушек Jest — чтобы ловить ошибки до деплоя, а не в три часа ночи. ⚛️ React-зоопарк, неделя конфигов и ручная мемоизация: карта Robin Wieruch на 2026-й, Rockpack из коробки, TanStack AI без вендорного замка, visx 4.0, RSC в TanStack Start и React Compiler — чтобы собирать стек без споров и вычистить лишний шум из кодбейза. 👁️ TanStack Table почти убил типы и автокомплит во Vue — честный разбор на Habr — чтобы брать библиотеку только под ту боль, которую не решить за час на чистом Vue. 🌎 Chrome подставляет тяжёлые блоки по ходу стрима, Firefox говорит с железом через Web Serial, canvas наконец принимает DOM — чтобы меньше костылей в вёрстке и проще UI поверх графики. 🦮 aria-label на div — ложная доступность, которую скринридер проглатывает — чтобы не тратить время на иллюзию a11y. 📦 Код пишут агенты, а ценность — в суждении: cpojer, автор Jest, о том, что осталось важно инженеру — чтобы направлять систему, а не печатать быстрее. ⚡ Node молча жрёт память, если стримы игнорируют backpressure — чтобы баг не всплыл только на по-настоящему большом датасете.

    habr.com/ru/articles/1047982/

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

  5. Construction WordPress theme visualmodo.com/theme/construct a business theme designed specifically for construction, building companies and those that offer building services. The theme comes pre-packed with a drag and drop page builder (Visual Composer) to ensure you can easily design your website just how you like it. 👷‍♂️🚧🏗️👷‍
    #building #developer #webdesign #HTML5 #CSS3 #templates #plugins #theme #WordPress #construction

  6. Construction WordPress theme visualmodo.com/theme/construct a business theme designed specifically for construction, building companies and those that offer building services. The theme comes pre-packed with a drag and drop page builder (Visual Composer) to ensure you can easily design your website just how you like it. 👷‍♂️🚧🏗️👷‍
    #building #developer #webdesign #HTML5 #CSS3 #templates #plugins #theme #WordPress #construction

  7. 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 н

    habr.com/ru/articles/1043510/

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

  8. Frontend Status: свежий дайджест фронтенда и AI — 04.06.2026 Привет! Это 17 выпуск Frontend Status — дайджеста по фронтенд-разраб...

    #javascript #typescript #css #react #angular #vue.js #css3 #браузеры #node.js

    Origin | Interest | Match
  9. Frontend Status: свежий дайджест фронтенда и AI — 25.05.2026

    Привет! Это 16 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Если Next.js кажется слишком «магическим»: интервью с создателем TanStack — про client-first, type inference и честный выбор стека без маркетингового тумана. 🤖 Когда ИИ уже в проде, а контроля нет: от джунов без Copilot до паттерна «архитектор + разработчик», ревью агентских PR, «В поисках Мемо» (одна таблица в ClickHouse вместо Qdrant и Chroma) и on-premise на 4× RTX 4090 с водянкой — чтобы внедрять AI дисциплинированно. 🛡️ Один пропуск в npm — и секреты в CI утекают: атака на 84 пакета @tanstack , чеклист безопасности React (XSS, HttpOnly, CSP, Zod) и инициатива Mozilla WAICT — чтобы не узнавать об инциденте из новостей. 🎨 CSS и анимации без лишнего JS: safe-area-inset на реальных устройствах, забытые HTML/CSS-фичи, scrollytelling на scroll-state queries и портфолио на GSAP + шейдерах — чтобы интерфейс выглядел дороже, а код оставался прозрачным. ⚡ JavaScript и Node.js 26 без сюрпризов при миграции: orval из OpenAPI, когда цепочки .filter().map() вредят читаемости, Temporal и ломающие изменения в релизе от 5 мая — чтобы меньше гадать и быстрее обновлять рантайм. ⚛️ React-стек 2026 без ставки вслепую: патчи Next.js, local-first как data architecture, карта 60+ библиотек, Ant Design 6.4 и whisper.rn on-device — чтобы выбрать инструменты осознанно, а не по инерции. 🅰️ Angular и инфраструктура вокруг него: Taiga UI MCP для агентов. 📦 GitHub в России, интерактивная карта HistoryPrint на 13 000 событий, критика FSD, Safari TP 243, дизайн-система в DESIGN.md без дизайнера и сводка апдейтов Deno, Vite, Next.js, Vue и Tailwind — …и многое другое.

    habr.com/ru/articles/1039126/

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

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

    Привет! Это 15-й выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 MoscowJS 70 про инженерную культуру в действии: доклады и круглый стол показывают, как командам быстрее синхронизироваться и принимать сильные технические решения. ⚛️ React Server Components и кеширование страниц: разбираем partial page caching, чтобы ускорять загрузку и снижать стоимость рендеринга без потери актуальности контента. 🤖 AI из «вау-демо» переходит в дисциплину: разбираем рабочие промпт-пайплайны и практики Claude Code, которые дают предсказуемый результат, а не случайный успех. 🛡️ Безопасность больше не факультатив: кейс критической уязвимости в GitHub и массовый багхант в Firefox напоминают, как быстро один пропуск превращается в инцидент. 🎨 CSS и анимации взрослеют: от scroll-driven подходов до нативной случайности и новых API, которые делают интерфейсы богаче без тяжёлого JS. ⚡ JavaScript и React на новом витке: ES2025/ES2026, типизированные контракты, React Compiler, TanStack Form и useHotkeys как база для масштабируемой фронтенд-разработки. 🌐 Стандарты и платформа двигаются вперёд: Baseline, Long Animation Frames, CBOR-LD и апдейты WebGPU меняют практику производительности и межплатформенной разработки. …и многое другое.

    habr.com/ru/articles/1032276/

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

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

    Привет! Это четырнадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Vue на развилке роста: разбираем State of Vue 2026, чтобы понять, куда вложить время сегодня и не чинить стек завтра. 🤖 AI без иллюзий, но с результатом: от генеративных UI и reasoning-RAG до правил, которые уменьшают «переписывание ради переписывания» в код-ассистентах. 🛡️ Безопасность как конкурентное преимущество: сверяем npm-практики по OWASP, кейс Context.ai и экономику фейковых звезд, чтобы не привезти риск в прод. 🎨 Новый CSS вместо старых костылей: sizes="auto" и HTML в <canvas> показывают, как делать богаче интерфейсы и проще поддержку. ⚡ JS/TS и фреймворки под давлением масштаба: читаемость кода, ускорение Angular и обновления React/Vue как ориентиры для технических решений. 🧪 Инструменты, которые сокращают путь до релиза: автогенерация E2E, Excel через WebAssembly и процедурный звук для живого интерфейса. …и многое другое.

    habr.com/ru/articles/1028734/

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

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

    Привет! Это 13-й выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Для тех, кто хочет делать игровые интерфейсы быстрее: видео про 2D-игры с AI и Phaser, где генеративные инструменты работают как напарник, а не как «чёрный ящик». 🤖 В AI-разделе — разбор того, что уже можно брать в прод: micro-ml на Rust/WASM, кейс крупной техкомпании с роем из 50+ агентов, Flint Alpha и практическая интеграция Claude с видео. 🛡️ По безопасности фокус на снижении рисков: прикладной XSS, бесплатная оценка уязвимостей кода от GitHub и дорожная карта крупной техкомпании по постквантовой криптографии. 🎨 CSS-блок про баланс визуала и доступности: почему box-shadow не заменяет outline в forced-colors и как сохранить корректный фокус. ⚛️ React-секция для тех, у кого интерфейсный слой растёт в сложности: управление модалками без хаоса, UI без брейкпоинтов и состояние компонентов через radio state machine. ⚡ В JS/TS — практичный набор без перегруза: Pretext для текста, k-means для палитр, модульная архитектура, Intl API и Web Audio API в Node/Bun. 🅰️ Angular-раздел посвящён Signal Forms в v21 и тому, как перейти к типизированным формам без ручных подписок. 🌐 В стандартах и дизайне — что уже можно внедрять сейчас: CSS Image Animation, Baseline за март, Liquid UI и UX-подходы для legacy-систем. …и многое другое.

    habr.com/ru/articles/1025036/

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

  13. There was a brief era where we wrote

    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), to(#c6d3f7));

    rather than

    background: linear-gradient(left, #fff, #fff 50%, #c6d3f7);

    and to this day I still want to know how WebKit landed on such verbose syntax. Was it to be easier to parse? Easier to teach? CSS is known for being a terse syntax, so the old syntax feels so out of place.

    #css #css3 #html5

  14. There was a brief era where we wrote

    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), to(#c6d3f7));

    rather than

    background: linear-gradient(left, #fff, #fff 50%, #c6d3f7);

    and to this day I still want to know how WebKit landed on such verbose syntax. Was it to be easier to parse? Easier to teach? CSS is known for being a terse syntax, so the old syntax feels so out of place.

    #css #css3 #html5

  15. Rare WordPress theme is all about building unique, creative and professional websites through industry-leading options network without having to touch a line of code visualmodo.com/theme/rare-word Our amazingly flexible network of options is paired with an easy to use interface that allows anyone from beginner to advanced build beautiful, responsive websites 📱💻🖥️
    #webdesign #HTML5 #CSS3 #template #plugins #themes #WordPress #ecommerce

  16. Rare WordPress theme is all about building unique, creative and professional websites through industry-leading options network without having to touch a line of code visualmodo.com/theme/rare-word Our amazingly flexible network of options is paired with an easy to use interface that allows anyone from beginner to advanced build beautiful, responsive websites 📱💻🖥️
    #webdesign #HTML5 #CSS3 #template #plugins #themes #WordPress #ecommerce

  17. Gym WordPress Theme - Choose a WordPress theme that works! build any gym site design without code knowledge - Gym & Fitness WordPress theme - clean, modern, responsive, minimalist, sportive multi-purpose and strong visualmodo.com/theme/gym-wordp
    Build your responsive website with a Visualmodo page builder! ⛹️‍♀️🏊‍♂️🚴‍♂️🏆🏋️‍♀️
    #webdesign #HTML5 #CSS3 #templates #plugins #themes #wordpress #ecommerce #responsive #website #gym #fitness #health #athletic #crossfit

  18. Gym WordPress Theme - Choose a WordPress theme that works! build any gym site design without code knowledge - Gym & Fitness WordPress theme - clean, modern, responsive, minimalist, sportive multi-purpose and strong visualmodo.com/theme/gym-wordp
    Build your responsive website with a Visualmodo page builder! ⛹️‍♀️🏊‍♂️🚴‍♂️🏆🏋️‍♀️
    #webdesign #HTML5 #CSS3 #templates #plugins #themes #wordpress #ecommerce #responsive #website #gym #fitness #health #athletic #crossfit

  19. What is the best resource you have found for learning CSS3, especially as regards creating responsive sites? Book or online.

    #CSS #CSS2 #CSS3 #responsive #responsivedesign

  20. Build any landing-page site design without coding - Stream WordPress one-page theme - All you need to build an exceptional one-page website style easily with anchors without coding and with a drag & drop live page builder visualmodo.com/theme/stream-wo Build your own one-page/landing-page that converts and grow your brand! ⚓️📱💻🖥️
    #webdesign #HTML5 #CSS3 #template #plugins #theme #wordpress #onepage #pagebuilder #landingpage #bootstrap #anchor #navigation

  21. Build any landing-page site design without coding - Stream WordPress one-page theme - All you need to build an exceptional one-page website style easily with anchors without coding and with a drag & drop live page builder visualmodo.com/theme/stream-wo Build your own one-page/landing-page that converts and grow your brand! ⚓️📱💻🖥️
    #webdesign #HTML5 #CSS3 #template #plugins #theme #wordpress #onepage #pagebuilder #landingpage #bootstrap #anchor #navigation