Download the PHP package sahtepetrucci/responsive-retina-css-sprites without Composer
On this page you can find all versions of the php package sahtepetrucci/responsive-retina-css-sprites. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download sahtepetrucci/responsive-retina-css-sprites
More information about sahtepetrucci/responsive-retina-css-sprites
Files in sahtepetrucci/responsive-retina-css-sprites
Package responsive-retina-css-sprites
Short Description Responsive and retina-ready CSS sprites generator
License MIT
Homepage https://github.com/serdarcevher/responsive-retina-css-sprites
Informations about the package responsive-retina-css-sprites
PHP Responsive Retina CSS Sprites Generator
A responsive and retina ready CSS sprites generator. Built to be used with Laravel models, but can be used separately as well.
This tool:
- generates a single sprite image based on a (database) collection entries by using ImageMagick library,
- prepares a CSS file (including one unique class per icon),
- [optionally] creates a sample HTML file to demonstrate usage.
:raising_hand: Generated sprites will be downscaled to look good on retina displays. So make sure using twice the size for iconWidth and iconHeight (use 64x64 if you want to display them as 32x32 icons).
Saying that, it is still possible to change CSS width/height values of the icons on the fly while keeping the background image obtained from the sprite.
Thus, you can define your own @media rules to use same sprites in different sizes if needed.
Installation
Usage
In order this to work, you'll need to provide a collection of objects including id and icon fields.
Example 1
Output
CSS
HTML (Optional)
Example 2 (Generating sprites in Laravel)
Using sprites in Blade
Sample icons are from icons8.com.
All versions of responsive-retina-css-sprites with dependencies
ext-imagick Version *