For the frontend people, I found a repository which has sample codes that do plenty of things without using Javascript, called, conveniently, "You don't need Javascript", worth taking a look:

https://github.com/you-dont-need/You-Dont-Need-JavaScript

#FrontEnd #Development #JavaScript #CSS

📰 Tailwind CSS v4 Deep Dive: Why the Oxide Engine Changes Everything in 2026

Stop fighting your build times. Tailwind CSS v4's Oxide engine delivers 100x faster builds. Learn how to migrate and master the new CSS-first paradigm today.

#css #frontend #design #news

🌍 Also in: 🇪🇸 🇫🇷 🇩🇪 🇧🇷 🇮🇹

🔗 https://dataformathub.com/blog/tailwind-css-v4-deep-dive-why-the-oxide-engine-changes-everything-in-2026-k1x?utm_source=mastodon&utm_medium=social&utm_campaign=blog

Пропадающая граница в sticky-таблице: баг CSS-рендеринга, найденный в React-проекте

Всем привет, на связи снова я — Дмитрий, React-разработчик. Сегодня хочу рассказать об интересном баге, который был замечен в большой и сложной таблице. Проблема заключается в том, что в таблице на React с колонками, у которых есть свойство position: sticky , иногда пропадала граница между соседними ячейками по вертикали. Причём проявлялась она не всегда и носит случайный характер. Забавно, что изменение масштаба страницы (Ctrl + колесико мыши) мгновенно возвращает исчезнувший бордер. При этом в CSS все прописано и никуда не исчезает — это чисто визуальный баг рендера.

https://habr.com/ru/companies/gnivc/articles/991636/

#sticky #css #html #react #баги #браузер #фронтенд #фронтендразработка #frontend #frontendразработка

"The website with the biggest CSS of all shipped a whopping 131 MB!"

more insights (and nightmare full) in The CSS Selection from @projectwallace

https://www.projectwallace.com/the-css-selection/2026

#FrontEnd #CSS #WebDev #WebDesign

Because someone hearted this old @codepen demo done with 2 radio buttons + their labels in a group and it made me notice the title still said "smooth transition Chromium only" - it's been working cross-browser since the summer of 2024! 🥳🎉🎇

https://codepen.io/thebabydino/pen/BadeGMp

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

#Design #Guidelines
Better loading and progress UX · Guidelines for designing the waiting experience https://ilo.im/16adth

_____
#Loading #Indicators #Perception #ProductDesign #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Tibo (@thsottiaux)

중간-턴 스티어링(mid-turn steering), 모델 업데이트, 프롬프트 이해력 향상 및 프론트엔드 기능 개선의 결합으로 해당 모델의 사용성이 크게 개선되었고, 더 재미있고 생산적으로 활용할 수 있다는 평가입니다.

https://x.com/thsottiaux/status/2019474760913285441

#midturnsteering #promptunderstanding #modelupdates #frontend

https://www.smashingmagazine.com/2026/02/css-scope-alternative-naming-conventions/

Franchement, si le CSS peut enfin gérer le scope sans que je doive écrire du morse, je signe direct. BEM, ça va cinq minutes.

https://chierchia.fr/2026/02/css-scope-alternative-naming-conventions

#CSS #DevLife #Frontend

#Business #Findings
AI Overviews reduce clicks by 58% · “Google Search is becoming zero-click.” https://ilo.im/16adqx

_____
#Google #SearchEngine #AnswerEngine #AiOverviews #AI #SEO #ZeroClick #Development #WebDev #Frontend

#Development #Guides
How to improve your HTML game · Why writing style, validation, and spec matter https://ilo.im/16aewr

_____
#HTML #Specification #Validators #WebDev #Frontend

Back to top button on web page

How to create a back to top button with smooth scrolling on a web page ,
Using ( html - Javascript - css ) , the button appears when scrolling down and disappears when scrolling up .

Tutorial Link :
https://www.aez-tech.site/back-to-top-button-html-css/

#webdevelopment #css #html #FrontEnd #javascript
#programming #technology #creativity #developer #developers #coding #webdesign #code #webdev #web #php #development #js #software #softwaredevelopment #dev #design #ui #tech #techno

I am re-writing Zentrox' frontend for the second time, this time in Rust :rust_ferris: using Dioxus!
I built this small login screen using Dioxus components and Tailwind. I think it is amazing that you can write full-stack applications in one compiled language.

Dioxus: https://dioxuslabs.com
Zentrox [WIP]: https://github.com/wervice/Zentrox

#rust #dioxus #frontend #fullstack #programming

Want portfolio projects hiring managers recognize? Build #JavaScript DOM work that shows state, clean events, accessibility, and real UI states (loading, empty, error). Our guide shares 7 build ideas, from a product finder to a form wizard and a mini SPA.
Read it: https://codelabsacademy.com/en/blog/7-javascript-dom-projects-hiring-managers-actually-like?source=mastodon

#Frontend #WebDev #Portfolio #CareerChange

#Business #Analyses
Two kinds of AI users are emerging · Can a small team now outcompete a big company? https://ilo.im/16abbh

_____
#Business #Competition #Productivity #AI #Prompting #Agents #Development #WebDev #Frontend #Backend

Okay #frontend folks:

I wrote UIs before React. I leaned into React hard early on, because it matched my mental model for UIs. I don't want to do React anymore.

**In your opinion what's the next best direction for building UIs?**

My goal is to simplify the process of writing and managing accessible interactive components with as little overhead as possible.

Boosts and wildly unpopular opinions welcome.

#react #vue #preact #webcomponents #svelte

#Development #Techniques
Practical guide to AI slash commands · Tired copy/pasting prompts again and again? https://ilo.im/16abxx

_____
#Programming #Coding #AI #Commands #DevOps #WebDev #Frontend #Backend

Hmm, is there a way to use sass combinators with attribute string concatenation for the value?

Here are my outputs:

data-class="Form-status--complete"
data-class="Form-status--in-progress"
data-class="Form-status--expired"

I want to do something like this:

    [data-class='Form'] {
        &-status {
            &--complete {
                color: $c-state-orange;
            }

            &--in-progress {
                color: $notice-icon-pending;
            }

            &--expired {
                color: $c-state-gray;
            }
        }
    }

Of course that doesn't work. But I am not sure if I can avoid repeating myself

I am assuming you can't just open the square brackets and wrap them around your logic like:

[data-class='Form {
   &-status {
   ...
}']

#css #sass #scss #stylesheets #html #FrontEnd #FrontEndHelp #WebDev

#Design #Launches
Sweetfont · A fun way to discover Google Fonts https://ilo.im/16ae2q

_____
#Fonts #GoogleFonts #Typography #AI #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Joe Muller (@BosonJoe)

사용자가 'react-grab' 도구를 오늘 내려받아 UI 개발에서 필수 툴이 되었다고 소개하며, 팀 전체가 해당 도구에 빠졌다고 평가했습니다. 작성자는 제작자 계정(@aidenybai)에 감사 인사를 전하며 프론트엔드 개발 워크플로우 향상에 크게 기여한 사례로 언급했습니다.

https://x.com/BosonJoe/status/2019204053578748376

#react #reactgrab #frontend #uidev

#Development #Approaches
Performance-optimized video embeds · Lazy-loading videos on interaction using only HTML/CSS https://ilo.im/16ac4f

_____
#Embedding #LazyLoading #Videos #HtmlDetails #iFrames #WebPerf #WebDev #Frontend #HTML #CSS