arcadian

arcadian

Recommended resources for learning & using Tailwind to build Phoenix app front ends?

What approach & resources would be recommended for someone learning how to design the front end for phoenix apps using tailwind? I have a lot of programming experience but very little web experience, and I assume there are plenty of other developers in that situation that are looking for the fastest path to getting a web application / small interactive site up and running. Based upon the new 1.7 release of phoenix, it seems like Tailwind is the recommended or at least included CSS framework, and based upon the praise Tailwind gets in other places, it seems like a good decision.

What is the quickest way to get up to speed and build a front end with a simple design for someone who has become comfortable with Elixir, Pheonix, Ecto, etc but whose knowledge of HTML, CSS, Javascript, etc is minimal? Specifically I’m talking about things like building nav menus, forms, tables to display data, and other types of dashboard pages and components. Thanks for the help!

Most Liked

mayel

mayel

I’d recommend using something like https://daisyui.com which gives you simple prebuilt components which you can then customise using plain Tailwind.

AstonJ

AstonJ

We should be running a Tailwind book club soon if you (or anyone else!) is interested:

If you’re interested let me know as soon as you can as we have limited spaces!

Where Next?

Popular in Questions Top

nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
RisingFromAshes
I’ve read in another post that it may be possible with a router helper - but I couldn’t find an appropriate one, and tbh, I’m still just ...
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
Emily
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
New
skosch
To my knowledge, put_in, Map.update etc. all have the one limitation of not automatically creating intermediate keys when needed (for exa...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New

Other popular topics Top

grych
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
639 54006 488
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
gausby
I asked this very same question on twitter and got some interesting feedback, but I thought it would be a good question to ask here as we...
1207 40042 209
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New

We're in Beta

About us Mission Statement