A small basic helper to allow progressively loading images, Nothing really special this was done more as a test to myself to create a rails gem :)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
lib
test
vendor/assets
.gitignore
Gemfile
MIT-LICENSE
README.md
Rakefile
slimline.gemspec

README.md

Slimline

Gem Version A small basic helper to allow progressively loading images, Nothing really special this was done more as a test to myself to create a rails gem :)

Installation

Add this line to your application's Gemfile:

gem 'slimline'

And then execute:

$ bundle

Or install it yourself as:

$ gem install slimline

Once installed to make sure that your images still work when javascript isn't active add the following to the head tag

class="<%= slimline_js_check_class %>"

Then in the <head> section before any css rendering enter:

  <%= slimline_js_check %>

Usage

Now you have installed the about, you will be able to call in the body the slimine_image_tag like:

<%= slimline_image_tag 'test.jpg', width: 1000, small_image: 'test_small.jpg', alt: "Hello World" %>

Below is a crude example how to use this:

<!DOCTYPE html>
 <html class="<%= slimline_js_check_class %>">
  <head>
    <title>Slimline</title>
    <%= csrf_meta_tags %>
    <%= slimline_js_check %>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>
  <body>
    <%= slimline_image_tag 'test.jpg', width: 1000, small_image: 'test_small.jpg', alt: "Hello World" %>
  </body>
 </html>

You are also able to add a srcset tag to the slimline_image_tag that will do srcsets too e.g:

<%= slimline_image_tag 'test.jpg', width: 1000, small_image: 'test_small.jpg', srcset: "<%= image_path 'test_x1.jpg' %> x1, <%= image_path 'test_x2' %> x2 ", alt: "Hello World" %>

Contributing

Tests are my next step in learning, so tests are currently not present.

To contribute, fork, make your change and do a pull request.

License

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