Vivian Guillen

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.

206 followers323 following90 posts

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;`

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

codeweavers.comCrossOver 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.

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!

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...

statamic.devDeploying Statamic with Laravel CloudLaravel 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.

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...

statamic.devStoring Content in a DatabaseStatamic 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.

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

2 days after launch, I finally dared to look at the traffic data for @codelier.bsky.social 145 people checked out the site 🎉 I'm incredibly happy about this. I have no audience, so this was just people seeing the tweet/message and finding it interesting enough to check 😄

Purchasing Laravel Herd Pro last year has been a fantastic investment. It completely replaced Ray(), mailpit, and DBngin for me. Plus, it's compatible with WordPress, making it well worth the price, in my opinion. The Table Plus button on the DB service is also a nice touch.

The power of AI I wanted to add a feature to an Obsidian plugin. I opened the repo locally, and with Cursor composer, I added the feature in 15m. Same thing with a free WordPress plugin. I wanted to add a feature, so I opened it up with Cursor and added it in 10m.

Another: I wanted to automate part of my newsletter workflow, so I built a Chrome extension for extracting the open graph image and Twitter links and taking a screenshot of the above-the-fold section of a webpage.

Another: I browse Twitter, Bluesky, and Medium a lot, and I was frustrated with always seeing the same content, so I built Chrome extensions for each to track items I already read, and now when I scroll, I only see new stuff. AI made all these possible.

Still recovering from surgery and have been catching up on old programming courses. I have been enjoying one about Github Actions. I know more or less how to use them but I wanted to dig a little deeper. Definitely worth it!

I keep Netflix for my parents but only use it for comedy specials. None of their shows appeal to me anymore. But YouTube is a never-ending stream of content of all sorts of things. Every day, my homepage is different & there's always something new to watch. Beats TV any day, at least for me.

I'm on holiday for the next 2 days, and since we don't do Thanksgiving in the DR, I basically got 2 days off for free. I'm planning my free time for tomorrow and Friday to make some progress on my side projects. Is anybody else on the same boat? If so, what are you working on?