Claude Codeで課題解決！従来のWebサイト開発環境をまるっと刷新してみた
https://dev.classmethod.jp/articles/replaced-old-website-environment-using-claude-code/

#dev_classmethod #Claude_Code #Docker #Next_js #Tailwind_CSS

SaaS is just vendor lock-in with better branding
https://rwsdk.com/blog/saas-is-just-vendor-lock-in-with-better-branding
#ycombinator #RedwoodSDK #RedwoodJS #React #TypeScript #Prisma #Tailwind_CSS #RedwoodJS_SDK #Cloudflare_Development_Platform #response_lifecycle #webapps

現場で使えるAI UI生成ツール「v0」入門～基本機能とローカル開発環境への組み込み方法～
https://dev.classmethod.jp/articles/v0-introduction-and-local-setup/

#dev_classmethod #v0 #React #Tailwind_CSS

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

顔認証とQRコード認証で実現する次世代自動改札機のIoTプロトタイピングをしてみた
https://dev.classmethod.jp/articles/smart-gate-iot-prototype-face-qr-auth/

#dev_classmethod #IoT #AWS #AWS_Amplify #Next_js #Tailwind_CSS

Magic UI: UI Library for Design Engineers
https://magicui.design/
#ycombinator #React #Tailwind_CSS #Framer_Motion #Landing_Page #Components #Next_js

New website almost done \o/

#nicegui #tailwind_css

has anyone of you actually built a #daisyUI nyancat theme by chance? #tailwind #tailwind_css

Does anyone know why the #SublimeText #tailwind_css package only shows me previously used classes, instead of all the available ones? Very Strange

A point for #HelixEditor thoguht.

Tailwind CSSでデザインシステムを構築する［後編］ ～デザイントークンを定義するときに何を議論すべきか
https://gihyo.jp/article/2024/01/tailwindcss-design-systems-02?utm_source=feed

#gihyo #技術評論社 #gihyo_jp #Tailwind_css #css

Tailwind CSSでデザインシステムを構築する［前編］ ～「契約」としてのデザインシステム
https://gihyo.jp/article/2024/01/tailwindcss-design-systems-01?utm_source=feed

#gihyo #技術評論社 #gihyo_jp #Tailwind_css #css

Shadcn: Components that you can copy-paste into your apps
https://ui.shadcn.com/
#ycombinator #Next_js #React #Tailwind_CSS #Server_Components #Radix_UI

Shadcn: Beautifully designed components that you can copy-paste into your apps
https://ui.shadcn.com/
#ycombinator #Next_js #React #Tailwind_CSS #Server_Components #Radix_UI

Tailwind vs BEM — 2 (архитектура)

Статья рассматривает возможные задачи верстки на разных проектах и как с ними справляются две разные архитектуры: Tailwind CSS и ванильный CSS + BEM.

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

#tailwind #tailwindcss #tailwind_css #bem #css #utilityfirst

Tailwind vs BEM — 1 (сравнение производительности)
В этих двух статьях я буду сравнивать TailwindCSS с чистым CSS + BEM. Цель - разобраться что является лучшим решением для хорошей архитектуры приложения. Это не вопрос предпочтений, от этого выбора будет зависеть очень многое на поздних этапах разработки и оно должно быть очень хорошо обосновано. Начну со сравнения производительности. Tailwind позволяет значительно уменьшить размер итогового CSS и тем самым ускорить время отображения страницы. Но это сработает только в том случае, если Tailwind классы будут написаны прямо в HTML коде, а не в виде @apply в CSS. Tailwind уменьшает CSS, но увеличивает HTML. Давайте посчитаем разницу с учетом HTML. Будем сравнивать чистый Tailwind с чистым CSS + BEM.
#tailwind #tailwindcss #tailwind_css #bem #css #utilityfirst
https://habr.com/ru/articles/774524/