Giter VIP home page Giter VIP logo

frontend-generators's Introduction

FrontendGenerators

This gem can be used to easily set up a Start Bootstrap theme in your Rails application. The Start Bootstrap code has fully been modified to follow Rails conventions (Rails partials are awesome!).

The FrontendGenerators gem also lets you easily copy the Bootstrap & Font Awesome css, js, and fonts directly into your application. Most people use twitter-bootstrap-rails and font-awesome-rails to access these frontend libraries in their code, but I find it much easier to just have the code in my own applications. It's easier to examine the source code when it's in your application and you can avoid frusterating Rails asset pipeline bugs with this straightforward setup. Annoying bugs are what motivated me to create this gem in the first place.

This video shows how to use the gem.

Installation

Add this line to your application's Gemfile:

gem 'frontend-generators'

And then execute:

$ bundle

Update your Rakefile with this code:

require "frontend_generators"
load 'tasks/add_assets.rake'

Bootstrap

To move the Bootstrap files into your Rails application, run this rake task:

bundle exec rake add_assets:bootstrap

Go to application.css and add this line:

*= require bootstrap

Go to application.js and add this line:

//= require bootstrap

The fonts are in the /public/fonts/ directory because Rails keeps changing where the fonts should be and it is annoying to keep up with all the changes.

Font-Awesome

To move the Font-Awesome files into your Rails application, run this rake task:

bundle exec rake add_assets:font_awesome

Go to application.css and add this line:

*= require font_awesome

To move the Start Bootstrap Stylish Portfolio theme into your Rails application, run this rake task:

bundle exec rake add_assets:stylish_portfolio

Add the route to routes.rb:

get 'stylish_portfolios/index'

Add this line to config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w( stylish_portfolio/manifest.css stylish_portfolio/manifest.js )

To move the Start Bootstrap Creative theme into your Rails application, run this rake task:

bundle exec rake add_assets:creative

Add the route to routes.rb:

get 'creatives/index'

Add this line to config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w( creative/manifest.js creative/manifest.css )

To move the Start Bootstrap Freelancer theme into your Rails application, run this rake task:

bundle exec rake add_assets:freelancer

Add the route to routes.rb:

get 'freelancers/index'

Add this line to config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w( freelancer/manifest.js freelancer/manifest.css )

To move the Start Bootstrap Clean Blog theme into your Rails application, run this rake task:

bundle exec rake add_assets:clean_blog

Add the routes to routes.rb:

root 'clean_blogs#index'
get  'about' 	=> 'clean_blogs#about'
get  'post' 	=> 'clean_blogs#post'
get  'contact' 	=> 'clean_blogs#contact'

Remove this line from app/assets/stylsheets/application.css:

*= require bootstrap

To move the Start Bootstrap Grayscale theme into your Rails application, run this rake task:

bundle exec rake add_assets:grayscale

Add the route to routes.rb:

get 'grayscales/index'

Add this line to config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w( grayscale/manifest.js grayscale/manifest.css )

To move the Start Bootstrap New Age theme into your Rails application, run this rake task:

bundle exec rake add_assets:new_age

Add the route to routes.rb:

get 'new_ages/index'

Add this line to config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w( new_age/manifest.js new_age/manifest.css )

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/MrPowers/frontend-generators.

License

The gem is available as open source under the terms of the MIT License.

frontend-generators's People

Contributors

mrpowers avatar redoc123 avatar rhuberdeau avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.