Rob1

Rob1

How do you design the layout of your apps?

I am learning Phoenix now and see a lot of Heex, use of Tailwind, and other things that are not just pure html and css.

How do you all tend to design your layouts? Do you use any any third party tool (for example Figma)? I’m guessing nobody here uses something like dreamweaver to lay out any html file and then translate it to code yourself, so I am wondering how you go about it, what is your process.

Do you just lay it out semantically with containers, flex grids, etc? What do you do when you want to move something, do you just change it in the code or do you use any visual tool to visualize the changes as you’re making them? Please describe your overall approach.

Most Liked

cblavier

cblavier

I’m not using Figma.

I’m sketching very low-fi mockups with excalidraw and then jumping straight into code: HTML + tailwind templates.

Rather than starting from nothing, I often use tailwindui.com templates to get me started on the layout.

RicoTrevisan

RicoTrevisan

I love breadboarding.

Not what I used to think as a design tool — not really drawing or sketching — , but it’s now a go-to first step.

cblavier

cblavier

Yes, I paid for the whole package, but it’s been a single shot payment 2y ago and proved to be incredible value for the money since then!

One of the site I built using those templates is the phoenix storybook, here is the demo app:

Where Next?

Popular in Discussions Top

jswny
I would like to better understand what the advantages/disadvantages of umbrella applications are compared to structuring your app as as s...
New
pillaiindu
In django there is a cache framework backed by memcached. Rails also puts a lot of emphasis on caching, and even the idea of russian-doll...
New
ricklove
I was just introduced to Elixir and Phoenix. I was told about the 2 million websocket test that was done 2 years ago. From my research, t...
New
CharlesO
Erlang :list.nth simple, but 1 - based nth(1, [H|_]) -> H; nth(N, [_|T]) when N > 1 -> nth(N - 1, T). Elixir Enum.at … coo...
New
RudManusachi
What configs will make sense to put to runtime.exs? – A bit of how I configure apps: I have generic configs in config/config.exs, dev...
New
wmnnd
The Go vs Elixir thread got me thinking: Would it be too hard to implement a simple mechanism for creating Go-style static app binaries f...
New
dogweather
I wrote this comment on r/haskell, and it’s not popular there. :wink: But I think I’m on to something… Haskell reminds me of Java, and e...
New
fireproofsocks
This is more of a general question, but I’m wondering how other people in the community think about the pattern matching in function sign...
New
axelson
Decided against including more info in the title, but the gist is that Plataformatec sponsored projects will continue with the assets bei...
New
Qqwy
Looking at the stacks that existing large companies have used, WhatsApp internally uses Mnesia to store the messages, while Discord uses ...
New

Other popular topics Top

sen
Hi All, I set a environment variables in dev.exs , like below code. when i start server, how can i set the ${enable} value? thanks. d...
New
malloryerik
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
New
Darmani72
If I have a post route which an argument: post /my_post_route/:my_param1, MyController.my_post_handler How would get the post params ...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 41989 114
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 43757 214
New
stefanchrobot
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
New
jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
saif
Hello everyone, Long time lurker first time poster here. I’ve recently begun working on Elixir full-time again! :raised_hands: It’s been...
New

Latest on Elixir Forum

Elixir Forum

We're in Beta

About us Mission Statement