Details
-
Type: New Feature
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: 2.0-Alpha3
-
Component/s: ICE-Components
-
Labels:None
-
Environment:ICEfaces 2.0 Sparkle Components Development Platform
-
Affects:Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial
Description
As part of the Sparkle Component Development Platform we would like to provide a facility for automatically generating Image Sprites for the theme images used by the components. The idea is that each component would provide a directory per theme of all the images used by that component for that theme. The Sprite generator would take those images and create a new Sprite Image and corresponding CSS class that provides the necessary image offset indexes for the sprite image.
Some additional requirements:
- Sprite generator must generate both the sprite image and the CSS class that specifies the image offsets.
- Sprite generator should be configurable to generate a sprite image for one component, or multiple specified components.
- Output from the sprite generator should be such that no component source code needs to be modified if the sprite image itself changes.
Ideally, if YUI provides a sprite generation tool, we could leverage that. In addition, the following resources may be useful:
- http://joshjustice.wordpress.com/2009/10/27/css-sprite-best-practices/
- http://csssprites.org/
- http://spritegen.website-performance.org/section/what-are-css-sprites
- http://ajaxian.com/archives/css-sprite-generator-released
Some additional requirements:
- Sprite generator must generate both the sprite image and the CSS class that specifies the image offsets.
- Sprite generator should be configurable to generate a sprite image for one component, or multiple specified components.
- Output from the sprite generator should be such that no component source code needs to be modified if the sprite image itself changes.
Ideally, if YUI provides a sprite generation tool, we could leverage that. In addition, the following resources may be useful:
- http://joshjustice.wordpress.com/2009/10/27/css-sprite-best-practices/
- http://csssprites.org/
- http://spritegen.website-performance.org/section/what-are-css-sprites
- http://ajaxian.com/archives/css-sprite-generator-released
-
Hide
- demo1.zip
- 127 kB
- Arturo Zambrano
-
- demo1/calendar.xhtml 3 kB
- demo1/instructions.txt 0.7 kB
- demo1/skin-sprite.css 8 kB
- demo1/skin-sprite.png 0.8 kB
- demo1/sparkle-comps.jar 138 kB
-
Hide
- demo2.zip
- 139 kB
- Arturo Zambrano
-
- calendar-sprite.css 8 kB
- calendar.xhtml 3 kB
- instructions.txt 0.4 kB
- skin-sprite-y.png 0.2 kB
- skin-sprite.png 3 kB
- slider-sprite.css 2 kB
- slider2.xhtml 4 kB
- sparkle-comps.jar 146 kB
- tabset-sprite.css 9 kB
- tabset12.xhtml 1 kB
-
Hide
- source_files.zip
- 18 kB
- Arturo Zambrano
-
- root/base.css 0.2 kB
- root/.../background-highlight.png 0.2 kB
- root/test_calendar/background.png 0.2 kB
- root/test_calendar/close-button.png 0.2 kB
- root/test_calendar/ice-left-arrow.png 0.2 kB
- root/test_calendar/ice-right-arrow.png 0.2 kB
- root/test_calendar/left-arrow.png 0.2 kB
- root/test_calendar/right-arrow.png 0.2 kB
- root/test_calendar/skin.css 9 kB
- root/test_slider/rail-x.png 4 kB
- root/test_slider/rail-y.png 4 kB
- root/test_slider/skin-sprite.css 2 kB
- root/test_slider/skin.css 2 kB
- root/.../background-selected-1.png 0.2 kB
- root/.../background-selected-2.png 0.2 kB
- root/test_tabset/background.png 0.2 kB
- root/test_tabset/bullet-off.png 0.4 kB
- root/test_tabset/bullet.png 1.0 kB
- root/test_tabset/skin.css 9 kB
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion