#tailwindcss — Public Fediverse posts

A medspa redesign concept built around a single editorial cover plate that replaces the need for prospect-specific photography.

Same client photos, different positioning: cream/champagne/ink palette, Cormorant Garamond serif display, 5-section narrative arc — Hero, Trust, Services, Before-After, CTA. Vite + React 18 + Tailwind v4 + Framer Motion 11. 97 KB gzip total bundle, 1.4s mobile load.

Built by GrowthSite Lab.

#WebDev #ReactJS #TailwindCSS #FramerMotion #FediverseDevs #UIUX

#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more https://ilo.im/16cvu1

_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS

#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more https://ilo.im/16cvu1

_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS

#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more https://ilo.im/16cvu1

_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS

#Development #Releases
Tailwind CSS 4.2 and 4.3 · New scrollbar and ‘zoom-*’ utilities, new colors, and more https://ilo.im/16cvu1

_____
#TailwindCSS #Vercel #WebDev #Frontend #CSS

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

https://www.tkhunt.com/2277373/ 【全員オススメ】今欲しい全てが詰まったAIエディター「Superset」を徹底解説！ #AgenticAi #AI #AIAgent #AI活用 #ai開発 #ArtificialIntelligence #bolt #Canva #ChatGPT #Claude #CSS #cursor #CursorComposer #DeepSeek #DX #expo #figma #firebase #GEMINI #llm #LOVABLE #LP #NextJs #notion #openai #pc #Python #react #reactnative #supabase #tailwindCSS #typescript #v0 #WEBデザイン #Web開発 #アプリ開発 #エージェント型AI #エンジニア #ガジェット #コーティング #コードエディター #バックエンド #フルスタック #プログラミング #フロントエンド #プロンプト #まさお #人工知能 #副業 #動画生成 #技術 #機械学習 #独学 #生成AI #画像生成

【コピペでOK】JavaScriptを使わないアコーディオンメニュー
https://qiita.com/hrel11/items/9dbe5350739314697b80?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #HTML5 #CSS3 #tailwindcss

【コピペでOK】JavaScriptを使わないアコーディオンメニュー
https://qiita.com/hrel11/items/9dbe5350739314697b80?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #HTML #CSS #HTML5 #CSS3 #tailwindcss

I've been spending most of today updating the https://vex.blue website, The goal will be to make it so it has a proper banner along with a store page that will have products on in the near future.

The other things I've found well looking across the site is that we need a better way of the Articles to deal with METADATA as currently it doesn't.

This means that I have to manually update ~30 articles with a new system that accepts metadata along with update the comment section to actually work again with an Article account being needing to be developed on break3.social for those posts to be out there and accessible for displaying them on the site.

So all in all a lot more to do before v4.5 on the site, but it'll be a welcomed change.

Also as a side-note, I will be slowly moving Fediverse related posts and pages across to https://fedicate.org as the @fedicate Project now deals with those as a brand instead of directly.

#Fedicate #VEXdotblue #Website #Webdev #React #NextJS #JSX #Tailwindcss #WebsiteDevelopment

Is it time to ditch Gulp + SCSS for my #Drupal 11 projects? 🤔

As a back-end dev who usually avoids the theme layer, I’m looking at Atomic Design with Tailwind and Storybook. The idea of building in a sandbox instead of fighting global CSS sounds like a dream, but the Webpack/SDC overhead is giving me pause.

Has anyone made this jump? Is it a developer's paradise or just a shiny new version of the same old front-end headaches?

#WebDev #TailwindCSS #Storybook #AtomicDesign

Is it time to ditch Gulp + SCSS for my #Drupal 11 projects? 🤔

As a back-end dev who usually avoids the theme layer, I’m looking at Atomic Design with Tailwind and Storybook. The idea of building in a sandbox instead of fighting global CSS sounds like a dream, but the Webpack/SDC overhead is giving me pause.

Has anyone made this jump? Is it a developer's paradise or just a shiny new version of the same old front-end headaches?

#WebDev #TailwindCSS #Storybook #AtomicDesign

I do think there are problems in Laravel and Tailwind CSS as frameworks and tools, but I mostly avoid those because their respective authors are good buddies with DHH and are showing no signs of cutting ties or questioning his views or actions.

A proper leader would take a definite stand against racism and fascism to make it evident that they want their community to be safe.

#Racism #Fascism #Transphobia #Laravel #TailwindCSS #RubyOnRails #DHH #DavidHeinemeierHansson #TaylorOtwell #AdamWathan

I do think there are problems in Laravel and Tailwind CSS as frameworks and tools, but I mostly avoid those because their respective authors are good buddies with DHH and are showing no signs of cutting ties or questioning his views or actions.

A proper leader would take a definite stand against racism and fascism to make it evident that they want their community to be safe.

#Racism #Fascism #Transphobia #Laravel #TailwindCSS #RubyOnRails #DHH #DavidHeinemeierHansson #TaylorOtwell #AdamWathan

I do think there are problems in Laravel and Tailwind CSS as frameworks and tools, but I mostly avoid those because their respective authors are good buddies with DHH and are showing no signs of cutting ties or questioning his views or actions.

A proper leader would take a definite stand against racism and fascism to make it evident that they want their community to be safe.

#Racism #Fascism #Transphobia #Laravel #TailwindCSS #RubyOnRails #DHH #DavidHeinemeierHansson #TaylorOtwell #AdamWathan

I do think there are problems in Laravel and Tailwind CSS as frameworks and tools, but I mostly avoid those because their respective authors are good buddies with DHH and are showing no signs of cutting ties or questioning his views or actions.

A proper leader would take a definite stand against racism and fascism to make it evident that they want their community to be safe.

#Racism #Fascism #Transphobia #Laravel #TailwindCSS #RubyOnRails #DHH #DavidHeinemeierHansson #TaylorOtwell #AdamWathan

I do think there are problems in Laravel and Tailwind CSS as frameworks and tools, but I mostly avoid those because their respective authors are good buddies with DHH and are showing no signs of cutting ties or questioning his views or actions.

A proper leader would take a definite stand against racism and fascism to make it evident that they want their community to be safe.

#Racism #Fascism #Transphobia #Laravel #TailwindCSS #RubyOnRails #DHH #DavidHeinemeierHansson #TaylorOtwell #AdamWathan

[Перевод] Как совместить утилиты и рукописный CSS в атомарном подходе?

Всем здравствуйте, дорогие читатели! Меня зовут Рамазан, я Frontend-разработчик, энтузиаст и я люблю исследовать грани возможностей современных Web-технологий. В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.

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

#atomic_css #mlut #tailwindcss #css #cssфреймворк #cssанимации #верстка #sass #utilityfirst

Microsoft forced me to switch to Linux
https://www.himthe.dev/blog/microsoft-to-linux
#ycombinator #Bogdan #Mihai #Mosteanu #fullstack #developer #web #nextjs #react #typescript #vue #laravel #php #javascript #css #scss #html #tailwindcss #team_lead #bogdan_mosteanu_hey_com #xndbogdan #xnd_bogdan

#Development #Launches
EaseMaster · An easing curve generator for natural UI animations https://ilo.im/169n3n

_____
#Easing #Animations #Design #WebDesign #WebDev #Frontend #CSS #TailwindCSS #MotionJS #GSAP

Tech giants rush to sponsor Tailwind CSS after devastating layoffs: Vercel, Gumroad, Google, Lovable, and Macroscope pledged financial support to Tailwind CSS within 48 hours of the January 6, 2026, layoffs that eliminated 75% of the engineering staff. https://ppc.land/tech-giants-rush-to-sponsor-tailwind-css-after-devastating-layoffs/ #TechNews #TailwindCSS #Sponsorship #TechGiants #Layoffs

Creators of Tailwind laid off 75% of their engineering team

https://github.com/tailwindlabs/tailwindcss.com/pull/2388

#HackerNews #TailwindCSS #Layoffs #EngineeringTeam #TechNews #StartupChallenges

TailwindSQL – Like TailwindCSS, but for SQL Queries in React Server Components

https://github.com/mmarinovic/tailwindsql

#HackerNews #TailwindSQL #ReactServerComponents #SQLQueries #WebDevelopment #TailwindCSS

Tác giả tạo bộ thành phần & mẫu thiết kế **Next.js** miễn phí, tập trung vào hiệu quả công việc. Bao gồm: mẫu giao diện hoàn chỉnh, khối động, thành phần động (nút, preloader). Sử dụng: **Next.js**, **Tailwind CSS**, **Framer Motion**, **GSAP**. Mời góp ý để cải thiện. #Nextjs #TailwindCSS #FramerMotion #GSAP #MSS #ThiếtKếWeb #CSS #JS #FreeTool

https://www.reddit.com/r/SideProject/comments/1po0u2l/i_built_a_set_of_free_nextjs_components_and/

Updating code on various web projects (updating #Laravel, switching to #TailwindCSS or #WebAwesome, etc...), learning more about #Web3, #Docker, #Kubernetes, and more...

I still do a bunch of #3DPrinting, but...I'd really love to get a job!

Not sure what else to post that's of value...I guess this was just a brain dump of the last few weeks...

Pour ses 20 ans, @symfony nous a sollicités pour créer une page immersive retraçant 2 décennies d’innovation. Découvrez sur notre blog le détail de la conception de cette page, réalisée avec #GSAP, Twig ou encore #TailwindCSS). Longue vie à Symfony ! https://les-tilleuls.coop/blog/un-site-anniversaire-pour-celebrer-les-20-ans-de-symfony

I'm sorry #ShadcnUI, but Nuxt UI is *THE* interface library to beat.

It's incredible the amount of plumbing I have to do with #Shadcn just to add make a button "loading".

Seems like Nuxt UI values my time.

#Vue #JavaScript #TypeScript #UI #UX #UIUX #Interface #GraphicalInterface #UILibrary #Nuxt #NuxtUI #RekaUI #TailwindCSS #Tailwind #Frontend #FrontendDesign #Programming #Coding #Code #WebDevelopment #WebDev

Sorry guys, I'll rather pay for Fluxtor than FlexUI.

A single pay of $140 for all the components, most of them ANIMATED? Take my wallet. Plus, $70 for a year.

And that's less than the most basic Flux UI "plan". It feels like #CalebPorzio and #HugoSainteMarie failed at the most basic thing in product marketing: the price.

#Programming #Laravel #PHP #Fluxtor #FluxUI #Livewire #Blade #Coding #Code #WebDevelopment #WebDev #SoftwareDevelopment #Frontend #HTML #CSS #TailwindCSS #Tailwind #AlpineJS

#Development #Analyses
We keep reinventing CSS · But styling was never the problem https://ilo.im/1667em

_____
#CSS #TailwindCSS #CSSinJS #CssModules #BEM #React #Svelte #VueJS #Frontend #WebDev

#Development #Analyses
We keep reinventing CSS · But styling was never the problem https://ilo.im/1667em

_____
#CSS #TailwindCSS #CSSinJS #CssModules #BEM #React #Svelte #VueJS #Frontend #WebDev

#Development #Analyses
We keep reinventing CSS · But styling was never the problem https://ilo.im/1667em

_____
#CSS #TailwindCSS #CSSinJS #CssModules #BEM #React #Svelte #VueJS #Frontend #WebDev

#Development #Analyses
We keep reinventing CSS · But styling was never the problem https://ilo.im/1667em

_____
#CSS #TailwindCSS #CSSinJS #CssModules #BEM #React #Svelte #VueJS #Frontend #WebDev

Lost the morning trying to make a #FilamentPHP Alert component.

Yes, the framework doesn't have that. Believe it or not.

Worse, the Color management is between asanine and undocumented. Basically, don't attempt and do everything as harcoded with Tailwind CSS as possible.

#Laravel #Filament #Programming #Coding #Code #HTML #CSS #Styling #Tailwind #TailwindCSS #PHP #AdminPanel

🛠️ Tools include database queries, schema inspection, route listing, #Artisan commands, and log reading capabilities

📋 Support for multiple packages: #Laravel Framework (10.x, 11.x, 12.x), #Livewire, #Filament, #FluxUI, #Inertia, #Pest, #TailwindCSS
🎯 Works seamlessly with #Cursor, #ClaudeCode, and other AI agents for consistent code generation
https://github.com/laravel/boost

In case you wondered: Frontile is now compatible[1] with TailwindCSS v4 \o/

Follow v4 manual [2] for setup.

[1]: https://github.com/josemarluedke/frontile/issues/338#event-18576600334
[2]: https://frontile.dev/docs/customization/theme#tailwind-css-v4

#EmberJS #WebDev #Frontile #TailwindCSS

#Development #Fun
My tech stack in LEGO · Who says your stack can’t live beyond the screen? https://ilo.im/165ey5

_____
#Lego #TechStack #TailwindCSS #AlpineJS #PHP #Laravel #Pest #WebDev #Frontend #Backend

DevLog: #Anklang Tech Stack Modernization

🚀 Migrated to #TailwindCSS-4 + #Vite (#HMR rocks)

🐞 Replaced Vue with SolidJS signals + #LitElement

💡 Fixed sidebar overlaps, double-click bugs

🚧 Quirk debugging still ongoing, but progress is solid!

#100DaysOfCode #WebDev

#Development #Debates
Is Tailwind CSS worth it? · “Tailwind is the worst form of CSS, except for all the others.” https://ilo.im/165a6s

_____
#TailwindCSS #UtilityClasses #WebDev #Frontend #HTML #CSS

#introduction

I make websites. Sometimes I toot about it.
#eleventy #webc #php #statamic #laravel #tailwindcss #alpinejs uhhh whatever #sql and I guess #nginx #docker and all that crap all the way down. #fullstack

I play RPGs with friends. Sometimes I toot about it.
#ttrpg #dnd #pathfinder #5e #pf2e

I am my group's sysadmin. Sometimes I toot about it.
#selfhosted #plex #lemmy #mastodon #pihole and throw some darts at https://selfh.st and you catch the rest.

Hot takes, bad jokes, etc.

I have been lately doing some improvements to my #cv #resume #curriculumvitae generator, written in #guile #scheme ( #lisp ). The tool is called Iter Vitae and lets you separate your data and the ui layer.

https://jointhefreeworld.org/joe-cv/

https://codeberg.org/jjba23/iter-vitae

I would appreciate you great people's ideas, suggestions and imrpovements. Also feel free to contribute and expand the project to make it more flexible and useful for others.

#freesoftware #foss #tailwindcss

Víctor Fernández de Alba from https://kitconcept.com on Tailwind and Plone #plone #plone6 #wpd2025 #CMS #Python #React #volto #opensource #community #tailwindcss #css #webdesign https://youtu.be/sqPtMBCgbOY

I am looking for a lightweight #ui #compontent library for #react #nextjs , ideally compatible with #tailwind #tailwindcss only with basic components like #dropdown #dialog #modal #popover #button #checkbox
any tips?

🎨 Chrome Extension enables visual animation creation with live preview, preset saving, and export to #TailwindCSS, #CSS, or #FramerMotion

💻 Supports various animation examples: landing pages, chat dialogs, dynamic islands, color swatches

State-of-the-Art Web Design:,

Check out Pippin Pawsby, a state-of-the-art web portal crafted with Remix, Tailwind CSS, and Framer Motion. Learn how these cutting-edge technologies come together to create a dynamic, responsive, and interactive online presence that elevates your brand and captivates your audience. See how I can transform your website experience.

🔗 See More - https://darkviolet.ai/blog/state-of-the-art-web-design-with-remix-tailwind-and-framer-motion

#WebDesign #Remix #TailwindCSS #FramerMotion #WebDevelopment #DigitalPresence #TechInnovation

Do you use #TailwindCSS in #production?

#WebDevelopment #WebDev #CSSFramework #Frontend #FrontendDev #Tailwind #WebDesign #ResponsiveDesign #UIUX #Coding #DevTools #Tech

Show HN: MynaUI Icons – 1180 Beautifully Crafted Open Source Icons
https://mynaui.com/icons
#ycombinator #figma #tailwindcss #design_system #ui_kit

#Development #Approaches
The 3 types of CSS utility classes · “Composing primitives is what makes front-end development fun.” https://ilo.im/15zeg8

_____
#UtilityClasses #WebDev #Frontend #HTML #CSS #TailwindCSS