dmv.community is one of the many independent Mastodon servers you can use to participate in the fediverse.
A small regional Mastodon instance for those in the DC, Maryland, and Virginia areas. Local news, commentary, and conversation.

Administered by:

Server stats:

166
active users

#tailwind

2 posts2 participants0 posts today
Adam Millerchip<p>Me learning <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a>: Hmm this can't be right, how can I manage applying the same class to every element 🤔 </p><p>Official docs: use multi-line cursor to edit them all at once!</p><p>😳</p>
michabbb<p>New features in <a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> v4.1 </p><p>- Text Shadows (with size and intensity modifiers)<br>- Text Shadow Colors<br>- CSS Masks Support<br> - Edge masks (mask-r, mask-b)<br> - Radial masks (mask-radial)<br> - Conic and custom linear masks<br> - Combination of masks</p><p>🧵 👇</p>
Kevin Renskers<p>What's the easiest way to get <a href="https://hachyderm.io/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> working in a <a href="https://hachyderm.io/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>django</span></a> project? Version 3 is completely fine. Possibly <a href="https://django-tailwind.readthedocs.io" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">django-tailwind.readthedocs.io</span><span class="invisible"></span></a>? Or is there something that integrates with the development server rather than you needing to start two long-running processes?</p><p>(While I've used Tailwind with SvelteKit - where it's super seamless, I've never used it with Django)</p>
Philippe Gerber<p>Is someone using Symfony AssetMapper with Typescript, Sass and Tailwind bundles? I'm struggeling to make it all work. :/ </p><p><a href="https://phpc.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a> <a href="https://phpc.social/tags/symfony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>symfony</span></a> <a href="https://phpc.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Evolutions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Evolutions</span></a><br>Is CSS-in-JS still a thing? · What worked, what didn’t, and what’s next <a href="https://ilo.im/1631d7" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1631d7</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/CSSinJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSinJS</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> <a href="https://mastodon.social/tags/StyleX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StyleX</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Library</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
lemssiah<p>Working on the Skill set section now. 😏 <br>I hope this portfolio will be ended soon and will open new doors for me! 🙏 </p><p><a href="https://mastodon.social/tags/skill" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>skill</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/typo3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typo3</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://mastodon.social/tags/bootstrap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bootstrap</span></a> <a href="https://mastodon.social/tags/git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>git</span></a> <a href="https://mastodon.social/tags/github" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>github</span></a></p>
Sheena<p>My April workshop schedule is up <a href="https://prelude.tech/upcoming_workshops" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">prelude.tech/upcoming_workshop</span><span class="invisible">s</span></a> </p><p>I now have some 4 day workshops (mon to thurs) as well as weekend workshops, to suit different schedules and time zones. </p><p>Topics include: <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/Git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Git</span></a> <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMX</span></a> <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Playwright</span></a> <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a> <a href="https://fosstodon.org/tags/AllAuth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AllAuth</span></a></p>
RapidWeaver Elements<p>Elements is now available in Early Access. Build the website of your dreams in a native Mac App!</p><p>Visit <a href="https://elementsapp.io" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">elementsapp.io</span><span class="invisible"></span></a> to get your copy.</p><p><a href="https://indieapps.space/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://indieapps.space/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://indieapps.space/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwindcss</span></a> <a href="https://indieapps.space/tags/nocode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nocode</span></a> <a href="https://indieapps.space/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://indieapps.space/tags/MacApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacApp</span></a> <a href="https://indieapps.space/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a></p>
sb arms & legs<p>Thinking about the wasteful nature of <a href="https://metroholografix.ca/tags/LLMs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LLMs</span></a> got me thinking about waste in my own development. While it can be convenient to use the large, enterprise-grade frameworks to deliver a minimalist website in 2025 - it's absurd.</p><p>Do I really need <a href="https://metroholografix.ca/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>laravel</span></a> with <a href="https://metroholografix.ca/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a>, <a href="https://metroholografix.ca/tags/jquery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jquery</span></a>, <a href="https://metroholografix.ca/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a>, <a href="https://metroholografix.ca/tags/webFonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webFonts</span></a>, <a href="https://metroholografix.ca/tags/postgres" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>postgres</span></a> to host some simple <a href="https://metroholografix.ca/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>markdown</span></a>?</p><p>Do I need to re-render a bunch of static content at every hit? Does every simple article require 64 connections to the server to display?</p><p>I think not. </p><p>I want my material to be available to anyone who wants it - regardless of the device they are using or the robustness of their connection. </p><p>I want to respect users who disable <a href="https://metroholografix.ca/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> for their personal protection. </p><p>I want to respect <a href="https://metroholografix.ca/tags/ScreenReaders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScreenReaders</span></a> and users of assistive technology, without unnecessary complexity. </p><p>Everything we need is built into the HTML and CSS specs.</p>
Carsten<p>Looking for more interesting people to follow. Interested in <a href="https://nrw.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://nrw.social/tags/DevSecOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevSecOps</span></a> <a href="https://nrw.social/tags/TiddlyWiki" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TiddlyWiki</span></a> <a href="https://nrw.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> <a href="https://nrw.social/tags/Astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Astro</span></a> <a href="https://nrw.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> <a href="https://nrw.social/tags/Gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gaming</span></a> <a href="https://nrw.social/tags/ARPG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARPG</span></a> <a href="https://nrw.social/tags/Borderlands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Borderlands</span></a></p>
Nicd<p>My first time trying Tailwind today (with Lustre). I was able to whip out a pretty decent UI with much less work than usual, though my "usual" is from scratch. Tailwind seems to have pretty sensible defaults, but it sure takes time to find out all the class names since they're kind of arbitrarily named. I'm quite happy with this from the hands of a terrible designer.</p><p>All in all, I might just continue using it for my small personal projects. So far it has been fun.</p><p><a href="https://masto.ahlcode.fi/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> <a href="https://masto.ahlcode.fi/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://masto.ahlcode.fi/tags/Lustre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lustre</span></a> <a href="https://masto.ahlcode.fi/tags/Gleam" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gleam</span></a></p>
MelHamnavoe<p>Props to Caleb Porzio for making a podcast around how little he understands basic <a href="https://phpc.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a>, on the other hand, oh boy…<br>I’m not dumping on <a href="https://phpc.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a>, it has its place. <a href="https://phpc.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://phpc.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://phpc.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> are the foundations of <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a>. No one takes on Shakespeare without first learning their ABC.</p>
lemon 🍉<p>Sometimes I really hate my brain and the shit it gets hardstuck on. :clownppuccin:</p><p>Me: just playing around with a couple ideas on how to present the upcoming <span class="h-card" translate="no"><a href="https://fosstodon.org/@catppuccin" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>catppuccin</span></a></span> port for Tailwind V4 and built a silly little calendar UI.</p><p>Brain: But what if it actually worked? ✨</p><p>Me: *spends the next couple hours figuring out how to build a working calendar in JS* </p><p>May I present: Probably the most over-engineered demo component I've ever build.</p><p><a href="https://social.catppuccin.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://social.catppuccin.com/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://social.catppuccin.com/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://social.catppuccin.com/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
michabbb<p><a href="https://social.vivaldi.net/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Laravel</span></a> <a href="https://social.vivaldi.net/tags/Livewire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Livewire</span></a> Starter Kit: Complete admin solution on the <a href="https://social.vivaldi.net/tags/TALL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TALL</span></a> stack 🚀</p><p>🔹 Built on the <a href="https://social.vivaldi.net/tags/TALL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TALL</span></a> stack (<a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a>, <a href="https://social.vivaldi.net/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AlpineJS</span></a>, <a href="https://social.vivaldi.net/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Laravel</span></a>, <a href="https://social.vivaldi.net/tags/Livewire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Livewire</span></a>) with <a href="https://social.vivaldi.net/tags/FluxUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FluxUI</span></a> components<br>🔹 Complete user, role &amp; permission management using Spatie packages</p><p>🧵 👇</p>
Mike :nixos:<p>Any <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> out there have an HTML block editor / page builder, they like?</p><p>I've hacked something together with <a href="https://fosstodon.org/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vuejs</span></a> and <a href="https://fosstodon.org/tags/tinymce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tinymce</span></a> but it's cumbersome and janky, and think its time to cut my losses.</p><p>But I don't know what to go to. I'm in <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>php</span></a> now, but will be rebuilding in <a href="https://fosstodon.org/tags/elixir" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>elixir</span></a> very soon, so if there is something in Elixir / <a href="https://fosstodon.org/tags/phoenix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>phoenix</span></a> that's decent off the shelf, i'd be curious to see that.</p><p><a href="https://fosstodon.org/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> css support for this would be extra cool.</p>
James Basoo<p><a href="https://mastodon.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> v4 removing the ability to disable core plugins is quite a subtly hostile change. It was previously possible to use the utilities in an opt-in fashion to strictly control the output and prevent clashes with existing <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> but now it's all or nothing.</p>
adamghill<p>Trying out <a href="https://unfoldadmin.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">unfoldadmin.com/</span><span class="invisible"></span></a> which is a slick <a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Django</span></a> admin using <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a>. (First reaction: looks nice, but definitely needs some pops of color.)</p><p>Cue the "back in my day all we had was Grapelli and we were happy about it" response. 😂</p>
Mark H<p>Even though I'm a backend developer I've got to keep abreast of some frontend stuff so that I can lend my general developer brain to designing or advising or fixing things wherever it happens, and it looks like I've now got to get up to speed on <a href="https://mstdn.social/tags/Preact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Preact</span></a> and <a href="https://mstdn.social/tags/TailWind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TailWind</span></a> and <a href="https://mstdn.social/tags/WebPack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPack</span></a> for the next phase of work. That'll keep me busy for a bit.</p>
michabbb<p>⚡ Built with <a href="https://social.vivaldi.net/tags/NextJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NextJS</span></a>, <a href="https://social.vivaldi.net/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a>, and <a href="https://social.vivaldi.net/tags/Tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tailwind</span></a> for seamless user experience and rapid audio streaming</p><p><a href="https://bit.ly/4i0Zihc" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bit.ly/4i0Zihc</span><span class="invisible"></span></a></p>
razze<p>I've added a new card to the landing page of flathub.org yesterday, focused on games. </p><p>We have been trying to do this for quiet some time and I know that the results (as in what is in which category) are not perfect, but putting this out there hopefully helps us move things.</p><p><a href="https://osna.social/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://osna.social/tags/flatpak" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flatpak</span></a> <a href="https://osna.social/tags/Flathub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flathub</span></a> <a href="https://osna.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://osna.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nextjs</span></a> <a href="https://osna.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://osna.social/tags/xdg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xdg</span></a> <a href="https://osna.social/tags/freedesktop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freedesktop</span></a></p>