Thanks man. Yes, we've had some issues on Safari for a while now (seems like its the new Internet Explorer :)). I'll take a look at this.
The site in general is in 'under construction' mode right now, so rest assured these issues will all be resolved by launch. We're just dedicating all of our energy towards the first version right now, so have not polished everything.
Alright, so what you have here is pretty innovative. The problem for me was that it just took way too long for me to figure out what it is you did.
You might be spending a bit too much time on the problem here. It may be worth spending a bit more on the solution and making that clearer.
Right now it seems that its hidden within the modal underneath the copy. It should be much higher and not within a modal.
I would also try to say more with less with the problem. Again, it felt like it took a little too long to get to the point (and the point you're making is a pretty good one I might add!).
I find that with people who are more on the 'founder' end of the customer spectrum, particularly those who are tech focused, too much 'copy' and 'slow salesmanship' can be a negative. We tend to err on the side of 'just tell me and I'll figure out if its valuable' if that makes any sense.
"If you can suppress the urge to retch long enough to give it a chance, I really think you’ll wonder how you ever worked with CSS any other way.” - Adam Wathan
The advantage of Tailwind [1] is very subtle over the short term (such as not having to constantly context switch between HTML & CSS files), but dramatically impactful over the long term.
Both in terms of time-savings, as well as code quality and ability to work with others quickly.
It really is something that you must earnestly try to gain an appreciation for.
My initial reaction was the same as the authors when I first came across it. Actually using it on a real life project changed my mind.
- Understand that a drawing is a low fidelity synthesis of an idea.
The first skill to get good at, is breaking down what you're trying to say into its 'essence'. The most important PARTS of it.
This comes with practice, but a good way to do it is by writing, and then editing that writing, strangely enough.
- Learn the fundamentals of design
Understanding the basics of design, such as color theory, typography and layout composition gives you a great advantage when it comes to your drawing technique. There is no secret here, you will just have to learn the basics and then practice.
- Use FAST tools
I use Figma for all of blog drawings [1]. Why? because it's online, and most importantly, it's very FAST. And fast helps me speed up my iteration (and therefore 'learning') cycles. Fast is highly underestimated when learning. Fast is a superpower.
- Use templates
If you take a look at the drawings I have on my blog, you'll notice that I use similar templates for each one. In fact they all start from the same template.
Using a template gives you the confidence to get over the 'blank page' anxiety that often derails beginners. Allowing you to build up a momentum that will KEEP you drawing. And if you keep drawing, you WILL get better.
I plan to write more about this in the next few weeks, as a blog post. If you're interested in reading it, select one of the posts on the blog [1] and add your email address at the bottom! :)
It really is one of those "you gotta try it" things.
Once you get over the small learning curve, it gets to be VERY productive. Think of it as writing CSS at a slightly higher level of abstraction. That abstraction being in not having to edit two separate files or areas of your HTML document (unless you want to abstract further with @apply).
Not having to go through the 'define identifier in element, then define in StyleSheet' workflow. With Tailwind you get the most commonly used style definitions pre-defined. But not so high level that it LOOKS pre-defined. Giving you room to customize greatly. How could it not be faster?
I recently completed a theme in Tailwind, mostly to get the hang of it: https://planflow.dev/free-themes/. And managed to go from idea to finished theme in about 4-5 days. That's the fastest I've ever done it.
Yes, I know. We live in the real world. My issue isn't people making judgements, etc. It's that I choose not to willingly expose myself to (and support) a system that enables those judgements to negatively affect me. Instead, I choose to spend my money with a system (a hotel) which does not allow the prejudices of individuals to get in my way.
Airbnb has chosen it's system (and refuses to address the flaws inherent in that system), so I've chosen not to use it.