What's the actual best floor planning tool I can play around with for redoing my office? Hard to find the good stuff, this whole category is SEO'd into oblivion ๐
Here's where I got with Homestyler which was pretty quick and easy to play with... Wish I could come up with a good way to make it work with the desk in the middle but this doesn't seem terrible.
Hmm maybe this could work, desk not in the true middle but only need access from one side anyways...
Just not sure where to set up the ol' Rocket League station ๐
Hmm maybe this bookcase behind my desk, throw a TV in there for gaming, then losing at Rocket League and ruining my mood for the rest of the day is only a spin away...
Yeah yeah I think something like this basically might be the ticket ๐คฉ
Alright I think I've got it totally cracked now ๐๐ป My code is gonna be so much better for sure, how could it not.
Went with this bookcase for behind my desk, will be able to fit my gaming monitor in the middle shelf ๐๐ป
New desk arrives Wednesday, excited to remodel!
Gonna start redoing the office tonight!
New Uplift desk arrived today, 80x30 solid walnut top, thing is large ๐
Final before photos before the transformation beginsโฆ
Step 1: Take down acoustic panels and patch some holes โ these are gonna get moved to the other wall.
End result of this patch job will likely look like shit because I am an absolutely useless handy man ๐ค๐ป
(Probably the thing Iโm most excited about with this home office reno is finally being able to put the back of this beauty on display ๐)
Step 2: Spill an entire coffee on your office carpet ๐ค๐ป
Step 3: Sand down these patches now that they are dry.
As expected, the patch is not impressed with the service I provided.
Step 4: Taping and edgingโฆ If the baseboards arenโt black when I take the tape off I will be absolutely shocked. I donโt think there is anything in the world I am worse at than painting.
Step 5: Fuck up your ceiling by accidentally tapping the corner of the paint roller on it, then trying to wipe it off with a damp cloth and wiping away the texture of the ceiling completely ๐ค๐ป
First coat is done, looking forward to seeing how I fucked this up when it dries ๐๐ป
Second coat, expect I may want to do a light third when this is totally totally dry but coverage looks okay I think, if anything probably too thick ๐ตโ๐ซ
Took the tape off, as expected I am terrible at this shit ๐
Also I painted the edges before sanding the patches, as can be seen here. Another dumbass move ๐ง
Coffee stain after clean up, expected a lot worse.
My wife *really* enjoyed helping me carry this 1.75โ solid walnut 80x30 desktop up our massive staircase ๐
Desk is beautiful! But FedEx fucked it up ๐ญ
Where weโre at with everything dryโฆ
Next step is to build the desk, which Iโm gonna start after kid is asleep.
(Getting replacement top in January, gonna use this one until then.)
Frame assembled! This thing has to weigh at least 200 pounds โ no clue how I am going to get this flipped over, starting to wish I knew my neighbours ๐
Starting to put things in their proper home ๐๐ป
Trigger warning: No cable management ๐
Need to buy a couple longer Thunderbolt cables then will tidy this up. Another job I honestly wish I could just pay someone to come and do better than me ๐
For real though the amount of cables it takes to build a CSS framework is astonishing.
Opted for ordering some 3D printed mounting brackets for my audio interface and Thunderbolt hub. Looked into lots of other options but I think this has the best chances of turning out clean.
Bookcase arrived, feels a little smaller than I was imagining but I think it's alright ๐๐ป
Decor is a draft, will figure out something nice soon ๐
Gonna hang one of the guitars on the wall and put a nice chair in that corner long-term, but got the most important piece of decor on the shelf at least ๐
(Thanks to @austinstierler for helping me live my childhood dream ๐)
Got the new mic arm today, love it compared to the PSA-1 I had before!
Trying out some more decor ideas.
Got a couple of new black acoustic panels to better match the new wall. Not sure I'll actually have a good spot for the second one but this one looks a lot better there than the gray ones I bought to match the other paint color ๐๐ป
Ordered one of these to organize everything under the desk, think itโll work better than the plastic thing included with the desk.
Hopefully mounting brackets for other stuff will be here soon and can get it all sorted out!
Last month, over 200 people got together in my hometown of Cambridge, Ontario to hang out, talk shop, and get a peek behind the curtain at some of the new stuff weโve been working on.
Tailwind Connect started out as an idea for throwing a little local meetup while the team was in town, but naturally ballooned into us renting a massive hall, hiring a crew of four videographers, and racking up a catering bill that put my own wedding to shame.
But even though we got a little carried away with the production, we tried to make it feel more like a meetup than a conference. We ran the event in the evening and kept it to just one presentation, leaving as much time as possible for people to just hang out and connect.
I've never worked on a site where dark mode was as simple as "replace every instance of hex code A with hex code B."
The color changes are very often context-specific, so if you're using CSS variables to support themes, you need to name those contexts, like GitHub has:
Notice the "Show All Properties (389 more)" at the bottom? Yeah, there are a _lot_ of context-dependent color tweaks that need to happen in every supported theme.
This is why dark mode support works the way it does in Tailwind. It lets you make context-specific design decisions for dark mode right in the template, without identifying, naming, and hoisting every single context out of the design.
Itโs weird that anyone thinks Tailwind isnโt suitable for super custom designs. Thatโs literally the reason I made the framework, to build super custom designs faster.
I've always loved how much polish a subtle animation like the one on this Stripe button can add to a UI ๐
Let me show you how to recreate it with Tailwind CSS! ๐งต
First, let's create the button! We'll use `rounded-full` for the pill shape, add padding with `px-4` and `py-1.5`, set the font-weight with `font-semibold`, add color with `text-white` and `bg-slate-900`, then set a hover color with `hover:bg-slate-700`.
Are there any email marketing/newsletter tools designed for technical people? All I want in the world is to write emails in markdown and include code snippets.
I want to do a lot more newsletter writing but the friction with all the WYSIWYG crap is brutal ๐
"HEY World" is by far the closest thing I've found to the right level of friction-free newsletter publishing (even without markdown or code support), but for sending stuff to the Tailwind newsletter it feels weird to not come from our domain.
This is my current oh-my-god-I-want-to-blow-my-brains-out workflow:
1. Write in Markdown in my editor, leaving little comments where I need to add images.
2. Optimize images myself and upload to DigitalOcean Spaces (to bypass brutal compression applied by newsletter software.)
For better or worse my entire approach to business is โmake whatever I want, and hope enough people pay for it for it to work.โ
Like a band making music โ write songs youโre excited about, not the songs people want you to write. Might fail but at least youโll have fun.
To be clear this isnโt advice, and itโs the furthest thing from a recipe for success. But if youโre lucky enough to have this, I would be careful to fall into the trap of doing what people ask you to do instead of just continuing to live the dream.
As an example, we released these Tailwind CSS templates earlier this week and we used Next.js because we like using Next.js. Iโve gotten lots of feedback like โnot all your customers use Reactโ and yeah thatโs true! But that assumes weโre customer-driven, and weโre not.