Tailwind CSS

Tailwind CSS

Application and Data / Languages & Frameworks / Front-End Frameworks
馃煝 Link in Bio
Needs advice
on
CSS 3CSS 3HTML5HTML5
and
Tailwind CSSTailwind CSS

Hey guys! I found the service Shuffle (it uses the Tailwind CSS library) Can you please tell me if the code from it can be exported to Webflow without problems?

Thanks!

READ MORE
1 upvote5.6K views
Needs advice
on
Ant DesignAnt Design
and
Tailwind CSSTailwind CSS

Hello, A question to frontend developers. I am a beginner on frontend.

I am building a UI for my company to replace old legacy one with React and this question is about choosing how to apply design to it.

I have Tailwind CSS on one hand and Ant Design on the other (I didnt like mui and Bootstrap doesn't seem to have enterprise components as ant) As far as I understand, tailwind is great. It allows me to literally build an application without touching the css but I have to build my own react components with it. Ant design or mantine has ready to use components which I can use and rapidly build my application.

My question is, is it the right approach to: - Use a component framework for now and replace legacy app. - Introduce tailwind later when I have a frontend resource in hand and then build own component library

Thank you.

READ MORE
7 upvotes83.3K views
Replies (4)

Although I use Hugo instead of React (and don't have experience with Ant Design), I'd highly suggest using Tailwind. The main reason I like it is because I can't tell if a site is using Tailwind or regular CSS, whereas once you've seen a Bootstrap site, you'll see Bootstrap everywhere whenever it's used (and I'd assume the same with Ant Design).

READ MORE
3 upvotes27.2K views

Most probably you don't want to create component's logic from scratch. As you already have an app, try to make a list of all components that you'll need - modals, dropdowns, etc. And then try to find a library that has all of them, because some components are rare (like a range selector).

There's some libraries built with/for tailwind, for example https://headlessui.com. It's pretty basic, but maybe it'll be enough for you.

It's not that when you're using tailwind you're not touching css. It's just a convenient way to write it and it gives you a nice design system by default.

READ MORE
2 upvotes25K views
View all (4)
Software Developer at Codeparl Digital Services

Hi, I'm using Tailwind CSS for my project but I found Bootstrap and Semantic UI offering pre-built components like Model, Sidebars, and so forth. Is it possible to use Semantic UI or Bootstrap under Tailwind CSS?

READ MORE
3 upvotes27K views
Software Engineer at na
Needs advice
on
Material-UIMaterial-UI
and
Tailwind CSSTailwind CSS
in

Can I use Material-UI and Tailwind CSS together with Next?

READ MORE
2 upvotes28.1K views
Replies (2)
Recommends
on
Headless UI

I would not suggest that, as Material-UI and TailwindCSS are CSS frameworks, and using them together might be conflicting. Try to stick to one framework if possible. You can find some of the ready-to-use components here https://headlessui.com, it is maintained by the same team who made TailwindCSS and you can style those components with TailwindCSS. I hope this helps you.

READ MORE
3 upvotes1 comment146 views
Rose Mwangi
Rose Mwangi
August 22nd 2022 at 10:12AM

Thankyou for that

Reply
Recommends
on
Tailwind CSS

yes you can do it but I don't see the point using them both. I would strongly recommend you to stick to one of them instead.

READ MORE
2 upvotes1 comment137 views
Rose Mwangi
Rose Mwangi
August 22nd 2022 at 10:13AM

Thankyou. MUI is doing the job for me. Thanks for your advise!

Reply
Frontend developer at Grasp
Needs advice
on
BootstrapBootstrap
and
Tailwind CSSTailwind CSS

I am stuck in between the two. Tailwind CSS seems trendy and modern. Bootstrap has a community and leads in responsiveness.

READ MORE
2 upvotes5.4K views
Replies (2)
Recommends
on
Tailwind CSS

If you know CSS or are a beginner, Tailwind is well documented and has a large community. Tailwindcss gives you more flexibility with the approach of utility classes compared to Bootstrap; and apart from that, you get to learn more about Pure CSS while using it. I've heard developers arguing about tidiness because of too many class names. Still, with Tailiwndcss that's achievable too by separating your CSS and HTML and then moving your classes to your css file. Tailwindcss config file allows you to modify or add custom class names or use the arbitrary value if you will use the value once or twice.

READ MORE
5 upvotes62 views
Frontend Developer

Bootstrap and Tailwind are different tools with different uses and for different occasions, and not mutually exclusive.

Bootstrap is a set of components made with CSS.

Tailwind is a compiler to extract individual CSS styles to its own class name.

And so, you could recreate each component from Boostrap with Tailwind, since Tailwind is just a tool to write CSS in a less verbose way.

If you don't want to design but rather edit what others have done to quickly scaffold a site, use Boostrap.

If you want to write less CSS and already use a template engine that doesn't need CSS' modular nature, use Tailwind.

If you don't want to design and at the same time use Tailwind, check a component library built on Tailwind such as daisyUI

READ MORE
Himmlisch Studios | Desarrollo Web Art铆stico (web.himmlisch.com.mx)
3 upvotes55 views
Needs advice
on
BootstrapBootstrap
and
Tailwind CSSTailwind CSS

Good day. Tell me which CSS framework would be better to use for a blog (Django), my choice fell on these two frameworks. Will Bootstrap 5 (without jquery) heavily overload the site, unlike a Tailwind CSS?

READ MORE
2 upvotes17.3K views
Replies (1)

Tailwind is just an easier way to write regular CSS. It doesn't give you prebuilt components. Bootstrap on the other hand gives you a massive collection of pre-built components at your disposal. Bootstrap websites are super-easy to build, but look very generic. Tailwind on the other hand looks unique, but takes some extra thought and design ability to build. Also, Tailwind is lighter because it is essentially a compiler, and strips out all the classes you don't use - unlike Bootstrap. I recommend Tailwind, as it forces you to create a way more interesting site, unless you want something simple and easy to build, then I recommend Bootstrap.

READ MORE
8 upvotes129 views
Needs advice
on
FirebaseFirebaseNode.jsNode.js
and
ReactReact

I'm building a web app more like a helpdesk or ticketing solution, currently, I'm using React, Tailwind CSS, and Node.js but the stumbling block is how to read/delete/send/organize from any email service provider. I've explored Nodemailer (which only sends emails) and imap.io which allows making REST requests against IMAP and SMTP servers but unfortunately, I'm failing to set it up as I can't find the proper documentation. Is there any module that can provide me with similar and easy-to-follow functionality?

READ MORE
8 upvotes20.8K views
Replies (1)
Freelance Developer at DGTEpro

Generally speaking help desk systems do not interface "deeply" with email providers. Generally speaking either a) copies of messages are forwarded to the help desk (making a copy) b) the help desk periodically checks for new messages and downloads them (making a copy)

The copies can then be organized within the help desk as required. The original emails can be managed as the user requires. Replies are sent out over the SMTP.

Does this help?

READ MORE
2 upvotes1 comment12.5K views
Sands QA
Sands QA
January 26th 2022 at 10:07AM

Yes, it definitely does make sense, at the moment I was planning to use firebase for tickets and use Sendgrid SMPT API to send emails to clients regarding open tickets then attach a link where they can reply and check the progress more like the Freshdesk form. After the ticket has been closed I can then send a copy of the conversation.

Reply
Entrepreneur at Oblong Digital Marketing & Ads
Needs advice
on
DjangoDjango
and
.NET.NET
in

Hi everyone, I have a new venture project, we do frontend development mainly with Tailwind CSS, JavaScript, CSS, HTML, and React. This project will run on a cloud platform and it will be a web platform with data analysis. At Backend, we can't decide which technology to continue with. We will necessarily use Python for data analysis and algorithms, but should the backend be written with Django or C# .NET, can I get your suggestions within the cloud platform? Price performance is our priority.

READ MORE
5 upvotes61.5K views
Replies (2)
CEO at FieldHub Inc
Recommends
on
Django

If you are already committed to Python for the data analysis then it would make sense to use Django for the framework and stick with Python throughout. In general the fewer technologies you use (unless there is real justification) will improve process and long term costs.

All things being equal the fact you would not have less (likely no) licensing costs with a Python based solution will overall reduce your long term costs.

READ MORE
6 upvotes60.6K views
Web programmer
Recommends
on
Django

If you will be doing data analysis and complex algorithms Django is best suited for this because of it' maturity and the huge communities providing lots of Python libraries for data analysis and more.

READ MORE
3 upvotes1 comment60.6K views
Preeti Yuankrathok
Preeti Yuankrathok
December 23rd 2021 at 5:23PM

I agree. Since you'll need to maintain the Python code for your data analysis, then why not Django for the back-end? It is a great framework comes with a lot of ready-to-use features.

Reply
Needs advice
on
GolangGolangPHPPHP
and
ReactReact

I need honest advice on the below 2 Stacks to venture in as a Full Stack Web Developer:

1). React + Go

2). TALL Stack (Tailwind CSS, Alpine, Laravel, Livewire), PHP + Vue.js (Nuxt.js)

Considerations will be Security, Fast Deployment, Job Pay, Easy for Integration, Enterprise Development

READ MORE
4 upvotes10.3K views
Replies (1)

Everything below is personal opinion.

Personally, I do not believe you should tightly couple front & back ends, or particular frameworks (both front & back-end).

Learn the underlying language(s) and use modern practices with them. This is much more important than learning a framework, as the framework will eventually be something you utilize instead of being a crutch. Find a local developer group/slack/discord and ask for suggestions on where to learn from. Pay more attention to official language documentation than stackoverflow when looking for language-level answers.

Go will likely get you better pay than PHP, but PHP will be much easier to get up and running with. Security is not tightly coupled to anything. You just need to know how to do things well... you can code crap in any language.

Unless you want to be a poor soul being wrung out by a startup or dev shop, I would not try for "full stack" immediately. Get good at one thing and expand out from there. You will likely learn some bits of the other side as you grow.

The market is flooded with JS devs from bootcamps (I do not believe the pandemic has changed that), so I would say to try your hand as a back-end developer. Of course, if you feel you are more of a visual person, you should stick with front-end work since you will be happier there.

READ MORE
3 upvotes1 comment247 views
Teves L
Teves L
November 20th 2021 at 1:21PM

5 Star. Appreciate !

Reply
Lead Application Architect at TekPartners

Bootstrap is a great idea until your designer wants something that doesn't fit neatly into a 12 column paradigm. Then things start to get difficult. We've had to add customizations and tweaks to Bootstrap-ed HTML that by the time we were done, we would have been better off just going straight CSS. Bootstrap helps with responsiveness, but again, it's an "80/20" solution at best. And that 20 percent can be a nightmare. Plus, most clients have this odd belief that you just drop Bootstrap into an app, and abracadabra, your site is totally responsive over every type of screen and form factor in existence. This is not the case. We have had MUCH better and faster results with Tailwind CSS. Our designers are happy we're not trying to force them into a Bootstrap-friendly design, and even with responsive sites, development has been easier and faster.

READ MORE
10 upvotes42.8K views