Vivian Guillen

@vivgui.bsky.social

Full Stack Developer. Huge Tailwind CSS fan. Founder of Red Pixel Themes and design2tailwind.com. Curator of @tailwindweekly.bsky.social and codelier.com.

Had my monthly financial meeting with my biz partner & she asked why I buy so many different AI API credits 😂 I said that every 3-4 months, there's a new coding model that's miles ahead of everything else and a game changer for some tasks. What a time to be alive ✌️

I have been testing the new OpenAI v4.1 model on Cursor, and it's very impressive 🤯 . Right now, it's free on Cursor while they test it out, so it would be a good time to try a trial!

Tailwind Tip 🔥 Working with the default Tailwind CSS colors is great, but for some projects, you may have your own color palette. If you only want to see your own colors in the autocomplete, then just add this to your `@theme` config: `--color-*: initial;`

CSS code for @import "tailwindcss";  @theme {   --color-*: initial; }

I had to translate a massive style guide into code today, and the new Gemini model did it on the first try! I just pasted a Figma screenshot in cursor and gave format examples for the utility classes. A 2h+ task turned into 30m 😄

Tailwind Tip 🔥 Use `size-4` (or a higher number) for perfectly square SVG icons, including heroicons! And always set the `viewBox` attribute for best results. Perfect for when you want to align multiple icons vertically.

I discovered this desktop app that lets you play Steam games on your Mac over the weekend, and I love it! Paired with my Apple Studio Display and M3 Max processor, the games look so freaking good 😍 . www.codeweavers.com/crossover

CrossOver runs the Windows software you need on Mac and Linux.

Don't buy a Windows license, don't reboot and don't use a Virtual Machine. Try a free trial of CrossOver to run your Windows software on Mac and Linux.

codeweavers.com

I'm diving deeper into PHP and wanted to memorize the most popular functions so I added an Anki deck (PHP - Top 100 functions) to my favorite flashcards app: mochi.cards. Mochi is a dream for developers: supports spaced repetition, AI, markdown, keyboard shortcuts & more!

I bought into the hype and bought one of those CO2 monitors. It arrived today, and shockingly, my office was in the danger zone 😨. I opened the windows and turned on my fan, and after a few minutes it went into the safe zone. Can't believe I was breathing poison for so long!

BildBild

Laravel Cloud is here, so I'm migrating everything I can to it. The @statamic.bsky.social team already shared their recommendations, and the TL;DR is to either use a DB or disable the control panel in production. I'll go the DB route 👌 statamic.dev/deploying/l...

Deploying Statamic with Laravel Cloud

Laravel Cloud is a fully managed infrastructure platform. It's relentlessly optimized for Laravel and PHP. It's our favorite way to deploy Statamic sites that need to scale.

statamic.dev

Since using Cursor, I've automated a lot of small things in my life. The latest is a little API that connects my Oura ring to Beeminder, and if I don't get to sleep before midnight, then I have to pay 🤣 . Last week, I averaged an 11:30 pm bedtime; silly but effective!

Tip of the day 💡 While testing the eloquent driver for @statamic so I could deploy it to Laravel Cloud, I found an issue. Since Laravel Cloud only supports Postgres right now, using UUID for entry IDs instead of Bigint saves you a lot of headaches & errors with the migration.

While looking forward to the Laravel Cloud launch, I asked on the Statamic Discord chat if one could host Statamic on Laravel Cloud. It turns out there's a way! You need to switch to the eloquent driver, so all your content will live in the DB instead. statamic.dev/tips/storin...

Storing Content in a Database

Statamic stores your content in "flat files" by default, however, as you scale, you might reach a point where a traditional database might work better. In this short article, we'l show you how to move your entries (& other content) into a database.

statamic.dev

I gave a tech talk today at my main job about Tailwind v4, and everybody loved the "everything is a CSS variable" feature. We still need to use the tailwind config for some internal tooling stuff, but with v4, we plan to finally move away from SCSS. Fingers crossed! 🤞🏻

The CLI on Tailwind CSS v4 is incredibly fast 😯 I'm adding a new page to a legacy project with no budget for a full upgrade so I installed the CLI, directed it to a .css file and the experience is as smooth as with PostCSS or Vite. Proof the team thought of everything ✌️

Already migrated a few sites to Tailwind CSS v4 and started using it on a client project. It's so fast! I thought I would hate not having a config file but I'm actually loving it all being just CSS.

Almost 500 visitors since launch—surreal! @codelier.bsky.social Since then, I added: • Technology pages • Search • 404 and privacy policy pages • A price range indicator • A blog, complete with my first post • UTM parameters so authors know when I'm sending them traffic

Bild