In general, I believe most Developers always tend to look for using Free or Open Source Tools.
And the fact is, thanks to the amazing community o...
For further actions, you may consider blocking this person and/or reporting abuse
I think Tailwind, at least as used by them on their linked demo site, is a very bad idea for people who suck at design. It promotes utility classes in HTML, like
class="px-4 py-2 border-b border-gray-200 sm:flex justify-between items-center bg-white sm:py-4 sm:px-6 sm:items-baseline"which is no better than using inline styles. It's basically the same as using Dreamweaver from the 1990s to make your website.Hi Ben, what you see in their landing page is not how it really meant to be used. It's just for demo purposes and fast prototyping. In practical use cases, you would make components to group classes or to re-use the markup. Read more at Extracting Components docs.
Inline Styles does not support media queries and pseudo-classes. Also, it will add a high specificity to your CSS. Last but not least, managing consistent values for padding, margin, color... is very hard with inline-styles unlike using Tailwind utility classes. So it's unfair to assume they are the same or worse.
It may be truly overwhelming at first, but once you get used to it will be very useful and practical.
I don't think it's overwhelming at all, I see what people are doing with it and I'm aware that you can make classes in a similar way to extending in Less or Sass, e.g. (pseudocode):
However, that's not how people work. It's not how people do things in the real world. Evidence? Their site doesn't. Their site does it that "bad" way, and if even they won't do it right, why would any of their users?
You might point out a couple of technical ways it's better than inline styles, but practice-wise, it's the same. It's encouraging mixing presentation and markup, which wasn't a good idea 10 years ago and it's suddenly a good idea now because it's the easy way.
Yes, you can
@applyin Tailwind as well. So, in the end, it's the good ol' CSS, with Tailwind website acting as a showroom.@ ben
By overwhelming I meant it makes you hesitating or refusing to consider using it. What you see in their site is the compiled code. You can't tell if they are using it wrong or not. Most likely they have used component based approach to re-use the markup. The whole point of the website is to showcase the versatility and the power of their utility-based framework. It will make no sense if they used class names and used
@applydirective which will obscure the versatility and dictate a CSS naming convention which is not the aimed goal behind the framework.Since 10 years ago a lot has been changed. Mixing presentation and markup is a real complication when using a monolithic approach. But now, you can separate the logic of your app in a small digestible and encapsulated components. Such approach wasn't easily possible 10 years ago as today there's a lot of powerful build tools that make such thing possible.
Some people even decide to mix markup + presentation + business logic in a single component when using JS frameworks like React, Angular or VueJS. Yet, they succeed to delivery a powerful and maintainable web apps.
My point is, as technology advance the decision making changes too. For example, years ago computers were limited in memory and storage that made developers very concerned about managing every single byte of memory. Now such concerns are tend to be called micro-optimization.
Myself included I still hesitate to mix the three layers in a single file. I still tend to be influenced by the old school way. However, when you mix them you're not automatically wrong. It always depends on how you do it.
Still, IMO, it might be only marginally better than plain inline style. (in most aspects)
However, right now, even if I am still not convinced about including the whole Tailwind (and Purge CSS), I am very convinced that I should write CSS in Atomic style. I even used names similar to Tailwind website.
Basically all of the jetbrains IDE's. I use pretty much all of them.
Other things I happen to pay for because I use em' a lot:
There's some others but those are some of the big $ items I shell out my own cash for.
There are also tons of stuff that I often request from employers.
Here's mine:
PHPStorm: If VSCode was around back when I was choosing my IDE I'd probably used it as it seems like a great free alternative. But now that I've used PHPStorm it feels like there is no turning back.
LambdaTest. If you build websites you need a way to test various configurations. It was that or BrowserStack, so I went with LamdbaTest, which was more affordable.
Office 365 subscription. The entire MS Office suite at its latest version, along with 1TB of OneDrive is definitely worth it.
Affinity Design / Affinity Photo. I'm not a Designer, but from time to time I have to deal with Illustrator and Photoshop files, so Affinity offers an affordable, quality alternative to Adobe's products.
Dashlane. A good password manager is an essential tool no matter what you do.
ACF Pro. I work with WordPress, so ACF Pro was easily the most valuable WordPress-related purchase that I've made over the years. Along with that, I'd include a few other premium WordPress plugins: WPML, WP-All-Import, Gravity Forms, WP-Rocket.
Newton Mail. This one is tricky. It's far from perfect and it had a lot of issues over the years. I can't stand Outlook, though and the way that it works with Gmail and GSuite accounts, and I like a mobile app's conveniences on my Desktop's mail client, and Newton was the best solution that I could find on Windows. I am more than willing to switch, though, if I find a better alternative.
Bruno! You nailed it on JetBrains ...I use both JetBrain's PHPStorm and WebStorm and they're wonderful! The VSCode fanatics gonna love JetBrains products once they try them. At the moment am using them for free through Github Developer Pack...but will definitely buy the license once my free student plan is over. And by the way...WebStorm is a subset of PHPStorm...Everything in WebStorm is inside PHPStorm!
Actually all the jetbrains products are """forks""" of intellij IDEA
It's not a fork. Jetbrains IDEs are using Intellij platform same as Android Studio.
Came here to say Jetbrains IDEs (specifically webstorm, being mostly a frontend/JS dev). I'm always changing file and variable names, so its refactoring tool alone is worth the price.
I also pair it with Deep TabNine as my machine learning autocompletion
I as well am a huge fan of Rider, IntelliJ, GoLand, etc. Also, though, I have been a big fan of GitKraken because of it's built-in tools for handling merging and things of that nature.
Here are mine:
I'd definitely echo the suggestion for Affinity!
I only recently picked up Affinity Designer (on sale!) and it's been brilliant for a bunch of different things: rough designs, easier icon/svg editing, mockups for different form factors, all sorts of things.
Same here, I pay for PHPStorm.
And as I can never make a proper merge on the command line, I also paid for a SmartGit license.
All the other tools, I have them thanks to the OpenSource developers around the world 🙂
Webstorm, Afiniti products too.
I'm not spreading misinformation. I'm saying that separation of concerns is still important, and that things like Tailwind - which is only what we're talking about because it's the flavour of the month - are making the web worse for everyone.
I have. I read it the last time someone objected to my point. However, it says nothing to convince me it's a good idea. It has a section on "extracting classes", which I've ceded before as being an ok way to work, even if nothing novel - but that's not how people are using it. Including Tailwind themselves.
The only tool I paid for is Codespace, a snippet manager. Else, I use free tools like VSCode, Sublime Merge, Insomnia
Didn't know Codespace. It looks nice.
All great tools I use a lot
Basically Jetbrains tools.
I use quite a few paid tools & services ...
Notion,
Todoist,
Sizzy App,
Freshbooks,
Zapier,
Affinity Suite (Designer, Photo, Publisher),
Backblaze,
Loom,
Content Snare,
DigitalOcean,
WPMU,
Tunnelbear
I've never paid for any tools! In fact, I didn't realize that there were any you paid for except for fancy themes for websites or VS Code...
Take a look at Boostnote !