foundation-rails
Foundation for Rails (by foundation)
cssbundling-rails
Bundle and process CSS in Rails with Tailwind, PostCSS, and Sass via Node.js. (by rails)
Our great sponsors
foundation-rails | cssbundling-rails | |
---|---|---|
2 | 27 | |
1,000 | 550 | |
0.0% | 2.2% | |
0.0 | 6.8 | |
4 months ago | 2 months ago | |
SCSS | Ruby | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
foundation-rails
Posts with mentions or reviews of foundation-rails.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-07-12.
-
Top 18 Free CSS3 Resources To Build Fast Lightweight Websites
2. Foundation
-
Foundation + Rails 7 tutorial
We won't be using foundation-rails gem, it's currently not up to date. I'll be using a different method in this tutorial.
cssbundling-rails
Posts with mentions or reviews of cssbundling-rails.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-19.
-
Live reload a Rails 7 application, an unsatisfaying attempt
See the issue I opened on Github. [EDIT: closed by DHH recently]
-
Connecting Debugger to Rails Applications
In the Procfile.dev that's currently generated by the cssbundling-rails and jsbundling-rails gems, we can see that they write the web process like:
- Ruby 3.2 + Rails 7 + Tailwind + Font Awesome - should be blazing fast, yet tests very slow. 20 requests are being made. How do I make fewer requests, create fewer objects and make this simple app super fast? Production : https pickaxe dot ca. Thank you! -Dan H
-
Comparing Phoenix to Rails in December 2022
The functionality comes from https://github.com/rails/jsbundling-rails and https://github.com/rails/cssbundling-rails -- both come with Rails 7 and all you have to do is generate your app with the choices you want such as -j esbuild --css tailwind.
-
Setup TailwindCSS, postcss and esbuild on Rails 7
TailwindCSS from CSS Bundling for Rails - (this post)
-
New Rails project - help me choose JS + CSS bundling option.
Maybe https://github.com/rails/cssbundling-rails does what you want? For CSS only, afaik it's perfectly fine to mix different approaches for CSS and JS within one Rails app, so you could still use importmaps for JS.
-
Cannot import styles with postcss using cssbundling and esbuild
The docs at https://github.com/rails/cssbundling-rails clearly state that
-
Foundation + Rails 7 tutorial
Install cssbundling-rails gem.
-
How to migrate rails sprockets to propshaft
Propshaft has a smaller scope than sprockets and requires you to rely on the js-bundling and css-bundling gems to handle the building of CSS and JS assets. Read the docs for an extensive upgrade guide.
-
New view helpers for jsbundling ?
As you may know there's also a [CSS bundling](https://github.com/rails/cssbundling-rails). However, I've only upgraded a trivial project, don't know how involved that would be.
What are some alternatives?
When comparing foundation-rails and cssbundling-rails you can also consider the following projects:
UI kit - A lightweight and modular front-end framework for developing fast and powerful web interfaces
PostCSS - Transforming styles with JS plugins
Base - Base - A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.
sprockets-rails - Sprockets Rails integration
Toast - 🍞 A highly-customizable, responsive (S)CSS grid
propshaft - Deliver assets for Rails
foundation-test
tailwindcss-rails
turbo-rails - Use Turbo in your Ruby on Rails app
Sass - Sass makes CSS fun!
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.
puma-dev - A tool to manage rack apps in development with puma
foundation-rails vs UI kit
cssbundling-rails vs PostCSS
foundation-rails vs Base
cssbundling-rails vs sprockets-rails
foundation-rails vs Toast
cssbundling-rails vs propshaft
foundation-rails vs foundation-test
cssbundling-rails vs tailwindcss-rails
cssbundling-rails vs turbo-rails
cssbundling-rails vs Sass
cssbundling-rails vs jsbundling-rails
cssbundling-rails vs puma-dev