Icontem

JavaScript CSS Generator: Generate CSS styles dynamically

Recommend this page to a friend!
  Info   View files Example   Demos   Screenshots Screenshots   View files View files (14)   DownloadInstall with Composer Download .zip   Reputation   Support forum (3)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2014-11-10 (4 years ago) RSS 2.0 feedNot enough user ratingsTotal: 182 All time: 272 This week: 19Up
Version License JavaScript version Categories
js-css-generator 1BSD License1.0HTML, jQuery
Description Author

This package can create or change CSS style attributes dynamically.

It provides several objects can create CSS styles or manipulate the attributes of given styles or page elements.

There are classes for manipulating background attributes, border attributes, box shadow attributes and apply font effects.

Innovation Award
JavaScript Programming Innovation award winner
November 2014
Winner


Prize: One book of choice by Packt
CSS styles are usually defined in separate style sheet files or even embedded in HTML pages, but this is only useful for passing styles that are pre-defined and constant.

This package provides an alternative solution that allows dynamically creating or altering the definition of styles.

This way in can implement several types of effects on page elements with backgrounds, borders, shadows and fonts.

Manuel Lemos
Name: JImmy Bo <contact>
Classes: 4 packages by
Country: Canada Canada
Age: ???
All time rank: 521 in Canada Canada
Week rank: 31 Up1 in Canada Canada Equal
Innovation award
Innovation award
Nominee: 4x

Winner: 1x

  JSFiddle DemoExternal page  

Open in a separate window

Screenshots  
  • screenshot.png
  Files folder image Files  
File Role Description
Accessible without login Plain text file class.css-generator.global.css Data DEMO CSS File
Accessible without login Plain text file class.css-generator.global.demo.php Data DEMO of the css-generator class
Accessible without login Plain text file class.css-generator.global.init.js Example DEMO initialize the child classes
Accessible without login Plain text file class.css-generator.global.js Aux. DEMO load up the child modules
Accessible without login Plain text file class.background.htm Example Basic Template for Background CSS Editor
Plain text file class.background.js Class CSS Background Handling
Accessible without login Plain text file class.border.htm Example Basic Template for Border CSS Editor
Plain text file class.border.js Class Border CSS Handling
Accessible without login Plain text file class.font.effect.htm Example Basic Template for Font FX CSS Editor
Plain text file class.font.effect.js Class Font Effects CSS Handling
Accessible without login Plain text file class.font.htm Example Basic Template for Font CSS Editor
Plain text file class.font.js Class Font CSS Handling
Accessible without login Plain text file class.shadows.htm Example Basic Template for Box Shadow CSS Editor
Plain text file class.shadows.js Class Box Shadow CSS Handling

 Version Control Unique User Downloads Download Rankings  
 0%
Total:182
This week:0
All time:272
This week:19Up
User Comments (1)
Thats a amazing class ;-)
4 years ago (Josť Filipe Lopes Santos)
70%StarStarStarStar