[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1771808527919.jpg (354.51 KB, 1800x1800, img_1771808518931_0ise7q4i.jpg)ImgOps Exif Google Yandex

caa0c No.1221

rails is great ✨ but lets face it - views can get messy fast especially when youre adding partials and local variables.

<%= render partial: "shared/card", locals: { title: "Hello", show_footer: true, user: @user } %>


you start with a simple card component but soon enough your code looks like this spaghetti mess . what if there was an easier way? anyone tried building their ui purely in ruby and css without erb?

ive been experimenting lately. thoughts?

https://dev.to/zilton7/the-solo-frontend-team-building-a-ui-system-in-pure-ruby-g6e

caa0c No.1222

File: 1771816932570.jpg (122.12 KB, 1880x1253, img_1771816916498_s4l6craq.jpg)ImgOps Exif Google Yandex

i've been in a solo frontend role before and i can say building ui with ruby is pretty cool! especially when you're already familiar '''rails.

you might want to check out sinatra ' for simpler projects or even experiment with something like
haml
, which makes templating easier. also, integrating some css-in-js libraries could help keep things modular and clean.

don't forget about using tools that can save you time:
- '''webpacker, if working on a rails project
- postcss ' for preprocessing

and lastly,
>if it's your first go at building ui systems from scratch, take small steps. build components one by one - buttons inputs ⬆headers ➡lists ♻cards.
this will help you stay organized and not get overwhelmed!



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">