JavaScript is not available.

11h

A wonderful sunday everyone ☕️☀️ What a great weekend for some coding! 🧑🏼‍💻 I am curious: What VSCode theme do you use? For me it's currently the Github Dark theme:

10h

Also love the fact, that zag.js gives you accessibility features like keyboard navigation out of the box:

0:07

70 views

supastarter - build in public log #5 💅🏼 Just build this color mode picker with zag.js (headless component library) and Tailwind CSS. Awesome combination, you should definitely try it 🔥

0:07

398 views

A wonderful sunday everyone ☕️☀️ What a great weekend for some coding! 🧑🏼‍💻 I am curious: What VSCode theme do you use? For me it's currently the Github Dark theme:

Feb 4

🧑🏼‍💻 Fixed a bug and added a small new feature (redirect after signin) to the current supastarter version 🚀 Now continuing to work on the password reset flow for new supastarter version. What are you working on this weekend? 🔥

supastarter - build in public log #4 📞 Had a call today with

@madebyfabian

to get him on board as the maintainer for the supastarter nuxt version. Brilliant guy and I am really happing to have him joining the project 🚀

supastarter - build in public log #2 💅🏼 Using my friday night to design some more components for the new supastarter version (for example alerts and inputs) Do you like the look?

Feb 3

supastarter - build in public log #1: 💅🏼 designed the new signin form 🧑🏼‍💻 started implementing "password reset flow" with next-auth 💡learned how tailwinds arbitrary selectors can help me style child elements in components

Feb 3

To all my indie hacker friends out there: An image that always motivates me when looking at it 🚀 This is where all the hard work pays off 🔥

Feb 3

If you like this tip: 1. 🔁 retweet to share the love for

2. follow

for more daily tailwind tips 🚀

It can also be helpful, if you don't have direct access to the content of an element and there cannot add tailwind classes. Learn more about arbitrary variants in the official tailwind docs:

Handling Hover, Focus, and Other States - Tailwind CSS

Using utilities to style elements on hover, focus, and more.

✨ Tailwind CSS quick tip ➡️ Style child elements 💡 Using arbitrary selectors you can style child elements from within a parent. I use this for example for icons in my button component, so I don't have to apply the styles all the time manually. play.tailwindcss.com/UyHXxgNDNu

✨ VSCode quick tip 💡 You can enable showing the parameter names of a function for JS/TS. This is incredibly helpful, especially for functions with many parameters 🔥

Feb 2

I am thinking about tweeting a daily log of what I am doing for supastarter (marketing, sales, coding, etc.) 🧑🏼‍💻 Would you be interested in that? 🧐 #buildinpublic

Yes
80.4%
No
7.1%
I don't care
12.5%

56 votesFinal results

Feb 2

If you like this tip: 1. 🔁 retweet to share the love for

2. follow

for more daily tailwind tips 🚀

You can define scroll-margin for all sides of an element. The exampel above uses scroll-mt-20 because the header has a height of 20. Read more about scroll margin in the official tailwind docs:

Scroll Margin - Tailwind CSS

Utilities for controlling the scroll offset around items in a snap container.

✨ Tailwind CSS quick tip ➡️ Scroll margin 🤯 This blew my mind, when I found out it possible. 💡 Use scroll margin to scroll to an element with offset. This is super useful when you have a fixed header on your page and want to scroll to a section. play.tailwindcss.com/KfT5RHBPMj

0:09

1.6K views

January #buildinpublic summary for

@supastarter

🚀 💸 €1624 revenue (-20% | €4787 in total) 📈 2952 unique visitors on website (+90%) 🎙️ 2 podcasts recorded and 1 article published 👨‍👨‍👧 774 new followers 💅🏼 New logo #buildinpublic What others stats would you like to see? 🔥

Feb 1

If you like this thread 🔁 retweet to share the love for

and follow

for more daily tailwind tips 🚀

Learn more about the important config in the offical tailwind docs:

Configuration - Tailwind CSS

A guide to configuring and customizing your Tailwind installation.

If you only want to apply important to one specific class, prefix it with an exclamation mark like !font-bold This will add !important only for this specific style.

You can also also define a css selector in the important config, which will prefix all your tailwind classes in the output stylesheet with this selector, so your styles will have a higher specificity. Read more on css specificity here: css-tricks.com/specifics-on-c

You can either set the important config to true, which will apply !important to all your tailwind styles: tailwindcss.com/docs/configura

✨ Tailwind CSS quick tip ➡️ Important config When using Tailwind CSS together with other styles or a component library, you might run into the issues, that those override your tailwind classes. Here are some possible solutions using the important config 👇🏼

If you like this thread 🔁 retweet to share the love for

and follow

for more daily tailwind tips 🚀

To learn more about background-clip visit the tailwind docs:

Background Clip - Tailwind CSS

Utilities for controlling the bounding box of an element's background.

Here is a quick code example of how to use a gradient on text:

✨ Tailwind CSS tips are back ➡️ Text gradient 💡Use bg-clip-text + text-transparent to make the background gradient clip to the text. play.tailwindcss.com/HALaNGP8xh

Show this thread

Alex Aldana

@alexaldana0

If you’re thinking of coughing up the money for a starter template instead of starting from scratch, I would 100% vote yes! My favorite currently is

‎dev.env: #7 Jonathan Wilke auf Apple Podcasts

’s Supastarter! It’s chef’s kids for my needs👨‍🍳

For my german fellows: Today

@devenv_podcast

released the episode where I chat with Ivan about all things indie hacking & life as a developer with side projects 🚀

podcasts.apple.com

‎Sendung dev.env, Folge #7 Jonathan Wilke – 29. Jan. 2023

certified developer boy

@luckybusted

An all die deutschsprachigen IT begeisterten: Neue Podcast Folge Online! #germandevs

Quote Tweet

dev-env

@devenv_podcast

Hallo Friens! Eine neue Folge ist live! Dieses mal habe ich mit @jonathan_wilke gesprochen. Jonathan ist Indie Hacker. Was das bedeutet und wie das geht, erfahrt ihr hier: #indiedev #indiehackers #germandev #podcast open.spotify.com/episode/25qH3q

I love listening to podcasts about boostrapping and indie hacking 🔥 Here are my top suggestions I listen to weekly 🚀 twitter.com/jonathan_wilke If you have other suggestions, share them here in the thread ⬇️

Quote Tweet

Replying to @arvidkahl

The bootstrapped founder - @arvidkahl @devenv_podcast – @luckybusted @indiebitespod - @jmckinven @minimalempires - @TweetsOfSumit Startups for the rest of us - @robwalling The SaaS podcast - @omerkhan

Episode 115 - Supastarter - The Ultimate Tool For Indie Hackers

Indie hacking, side project, developer tools 🧑🏼‍💻 In the latest episode of

@compressedfm

I discussed these topics with

@jamesqquick

🎙️ Listen to this episode and subscribe, they have really awesome guests and you learn something every episode! 🚀

compressed.fm

A weekly podcast about Web Development and Web Design with a little big of zest!

dev-env

@devenv_podcast

Hallo Friens! Eine neue Folge ist live! Dieses mal habe ich mit

Listen to this episode from dev.env on Spotify. Jonathan Wilke ist ein Indie Developer aus NRW. Indie development ist relativ neu, vor allem für Deutschland. Was das ist und wie man seine Zeit...

gesprochen. Jonathan ist Indie Hacker. Was das bedeutet und wie das geht, erfahrt ihr hier: #indiedev #indiehackers #germandev #podcast

open.spotify.com

#7 Jonathan Wilke