Login   Register  
PHP Classes
elePHPant
Icontem

CSS One: Combine CSS and images into a single stylesheet

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   View files View files (54)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2012-07-01 (2 years ago) RSS 2.0 feedNot yet rated by the usersTotal: 948 This week: 2All time: 3,514 This week: 952Up
Version License PHP version Categories  
cssone1 1.0MIT/X Consortium License5.2HTML, PHP 5
Description Author  

This class can combine multiple CSS files and referenced images into a single stylesheet.

It takes a list of CSS stylesheets and combine them into a single stylesheet.

The images referenced by each stylesheet are retrieve from their remote URLs and converted into data inline URIs, so the resulting stylesheet contains all stylesheets and all image data within the same CSS file.

Innovation Award  
PHP Programming Innovation award nominee
July 2012
Number 2


Prize: One subscription to the PDF edition of the PHP Architect magazine
CSS files often define styles that reference images and other resources that are available in separate locations.

This class can process one or more CSS style sheets in such way that it retrieves the information of images and embed them in the processed CSS output, so all CSS and image data is included in a single style sheet.

Manuel Lemos
Picture of Karl Holz
Name: Karl Holz is available for providing paid consulting. Contact Karl Holz .
Classes: 11 packages by
Country: Canada Canada
Age: 34
All time rank: 85422 in Canada Canada
Week rank: 187 Up2 in Canada Canada Up
Innovation award
Innovation award
Nominee: 6x

  Files folder image Files  
File Role Description
Files folder imagecss (1 file, 3 directories)
Files folder imagejs (3 files)
Plain text file css-ui.php Class this is the work horse class for all the CSS and image encoding work
Accessible without login Plain text file index.php Example CSS One tester, it uses jquery-ui demo files for the example
Accessible without login Plain text file LICENCE.txt Lic. License text
Accessible without login Plain text file README.txt Doc. Basic Class Info, and two examples

  Files folder image Files  /  css  
File Role Description
Files folder imageSalamCast (1 file, 1 directory)
Files folder imagestart (1 file, 1 directory)
Files folder imagevader (1 file, 1 directory)
  Accessible without login Plain text file ui-demo.css Data jquery-ui demo files

  Files folder image Files  /  css  /  SalamCast  
File Role Description
Files folder imageimages (12 files)
  Accessible without login Plain text file jquery-ui-1.8.21.custom.css Data new custom theme

  Files folder image Files  /  css  /  SalamCast  /  images  
File Role Description
  Accessible without login Image file ui-bg_diagonals-th...48_1e158e_40x40.png Icon new custom theme
  Accessible without login Image file ui-bg_diamond_75_09810b_10x8.png Icon new custom theme
  Accessible without login Image file ui-bg_dots-medium_55_fbf9ee_4x4.png Icon new custom theme
  Accessible without login Image file ui-bg_dots-medium_95_fef1ec_4x4.png Icon new custom theme
  Accessible without login Image file ui-bg_hexagon_65_4c7d0d_12x10.png Icon new custom theme
  Accessible without login Image file ui-bg_hexagon_75_1727d9_12x10.png Icon new custom theme
  Accessible without login Image file ui-bg_hexagon_75_2d5841_12x10.png Icon new custom theme
  Accessible without login Image file ui-bg_loop_0_1f08bf_21x21.png Icon new custom theme
  Accessible without login Image file ui-bg_loop_30_7ea276_21x21.png Icon new custom theme
  Accessible without login Image file ui-icons_2e83ff_256x240.png Icon new custom theme
  Accessible without login Image file ui-icons_cd0a0a_256x240.png Icon new custom theme
  Accessible without login Image file ui-icons_ffffff_256x240.png Icon new custom theme

  Files folder image Files  /  css  /  start  
File Role Description
Files folder imageimages (16 files)
  Accessible without login Plain text file jquery-ui-1.8.21.custom.css Data jquery-ui demo files

  Files folder image Files  /  css  /  start  /  images  
File Role Description
  Accessible without login Image file ui-bg_flat_55_999999_40x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_flat_75_aaaaaa_40x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_glass_45_0078ae_1x400.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_glass_55_f8da4e_1x400.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_glass_75_79c9ec_1x400.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_gloss-wave_45_e14f1c_500x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_gloss-wave_50_6eac2c_500x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_gloss-wave_75_2191c0_500x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_inset-hard_100_fcfdfd_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_0078ae_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_056b93_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_d8e7f3_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_e0fdff_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_f5e175_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_f7a50d_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_fcd113_256x240.png Data jquery-ui demo files

  Files folder image Files  /  css  /  vader  
File Role Description
Files folder imageimages (15 files)
  Accessible without login Plain text file jquery-ui-1.8.21.custom.css Data jquery-ui demo files

  Files folder image Files  /  css  /  vader  /  images  
File Role Description
  Accessible without login Image file ui-bg_flat_0_aaaaaa_40x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_glass_95_fef1ec_1x400.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_gloss-wave_16_121212_500x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_highlight-hard_15_888888_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_highlight-hard_55_555555_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_highlight-soft_35_adadad_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_highlight-soft_60_dddddd_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-bg_inset-soft_15_121212_1x100.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_666666_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_aaaaaa_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_bbbbbb_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_c98000_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_cccccc_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_cd0a0a_256x240.png Data jquery-ui demo files
  Accessible without login Image file ui-icons_f29a00_256x240.png Data jquery-ui demo files

  Files folder image Files  /  js  
File Role Description
  Accessible without login Plain text file jquery-1.7.2.min.js Data jquery-ui demo files
  Accessible without login Plain text file jquery-ui-1.8.21.custom.min.js Data jquery-ui demo files
  Accessible without login Plain text file jquery.xslt.js Data used for applying xslt to atom feed

 Version Control Reuses Unique User Downloads Download Rankings  
 100%1Total:948All time:3,514
 This week:2This week:952Up