Bootstrap 0 votes

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.

Bootstrap comes complete with compiled CSS, uncompiled, and example templates.

Kerning.js 0 votes

Take control of your web typography

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.

Kerning.js is a single script, small, and has no dependencies. Add it to your page, add some CSS rules, and your text will be beautified.

Combine 0 votes

A small PHP script and some clever URL rewriting designed to speed up the loading of pages that use many or large css and javascript files.

It concatenate and compress CSS and JavaScript files.

CSS JS Booster 0 votes

CSS-JS-Booster is a PHP-script that tries to automate as many performance
optimizing steps related to CSS and JS embedding as possible.

For CSS these steps are:

  1. combine multiple CSS-files resulting in number of HTTP-requests going down
  2. minify CSS
  3. Embed any CSS-images smaller 24KB as data-URI or MHTML (for IE <= 7)
  4. Split the output back into 2 even files that can load in parallel (not for WP)
  5. GZIP-compress the resulting CSS
  6. Have browsers cache the result as long as it remains unchanged
  7. If IE6: Issue a JS-command to fix background image caching behaviour

For JS these steps are:

  1. combine multiple JS-files resulting in number of HTTP-requests going down
  2. Minify the JS through the Google Closure Compiler Webservice, or JSMin as fallback (not for WP)
  3. GZIP-compress the resulting JS
  4. Have browsers cache the result as long as it remains unchanged + GZIP-compresses the page calling those files.

Depending on the amount of CSS, CSS-images and JS, this can significantly
increase loading speed of your site.

Minify 1 vote

Minify is a PHP5 app that helps you follow several of Yahoo!'s Rules for High Performance Web Sites.

It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers.

The design is somewhat similar to Yahoo's Combo Handler Service, except that Minify can combine any local JS/CSS files you need for your page.

Features

  1. Combines and minifies multiple CSS or JavaScript files into a single download
  2. Uses an enhanced port of Douglas Crockford's JSMin library and custom classes to minify CSS and HTML
  3. Caches server-side (files/apc/memcache) to avoid doing unnecessary work
  4. Responds with an HTTP 304 (Not Modified) response when the browser has an up-to-date cache copy
  5. Most modules are lazy-loaded as needed (304 responses use minimal code)
  6. Automatically rewrites relative URIs in combined CSS files to point to valid locations
  7. With caching enabled, Minify is capable of handling hundreds of requests per second on a moderately powerful server.
  8. Content-Encoding: gzip, based on request headers. Caching allows it so serve gzipped files faster than Apache's mod_deflate option!
  9. Test cases for most components
  10. Easy integration of 3rd-party minifiers
  11. Separate utility classes for HTTP encoding and cache control

Nokogiri 0 votes

Nokogiri (鋸) is an HTML, XML, SAX, and Reader parser. Among Nokogiri's
many features is the ability to search documents via XPath or CSS3 selectors.

XML is like violence - if it doesn’t solve your problems, you are not using
enough of it.
Authors: Aaron Patterson, Mike Dalessio, Yoko Harada
Project URL: http://rubygems.org/gems/nokogiri
Source Code: https://github.com/tenderlove/nokogiri
Bug Tracker: https://github.com/tenderlove/nokogiri/issues
Documentation: http://nokogiri.org
Mailing list: http://groups.google.com/group/nokogiri-talk

Compass 0 votes

CSS Authoring Framework.

Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS.
Authors: Chris Eppstein, Eric A. Meyer, Brandon Mathis, Nico Hagenburger, Scott Davis
Project URL: http://rubygems.org/gems/compass
Source Code: http://github.com/chriseppstein/compass
Bug Tracker: http://github.com/chriseppstein/compass/issues
Wiki: http://wiki.github.com/chriseppstein/compass/
Documentation: http://compass-style.org/docs/
Mailing list: http://groups.google.com/group/compass-users

Jammit 0 votes

Jammit is an industrial strength asset packaging library for Rails,
providing both the CSS and JavaScript concatenation and compression that
you&#x27;d expect, as well as YUI Compressor and Closure Compiler compatibility,
ahead-of-time gzipping, built-in JavaScript template support, and optional
Data-URI / MHTML image embedding.

Authors: Jeremy Ashkenas
Project URL: http://rubygems.org/gems/jammit
Source Code: http://github.com/documentcloud/jammit
Bug Tracker: http://github.com/documentcloud/jammit/issues
Documentation: http://documentcloud.github.com/jammit/

Gorp 0 votes

Enables the creation of scenarios that involve creating a rails project,
starting and stoppping of servers, generating projects, editing files,
issuing http requests, running of commands, etc.  Output is captured as
a single HTML file that can be viewed locally or uploaded.

Additionally, there is support for verification, in the form of defining
assertions based on selections (typically CSS) against the generated HTML.

Authors: Sam Ruby
Project URL: http://rubygems.org/gems/gorp

Asset hat 0 votes

Load CSS and JS faster. Minifies, bundles, and optimizes CSS/JS assets ahead of time (e.g., on deploy), not at runtime. Loads popular third-party JS (like jQuery, YUI, and Dojo) from localhost in development, and auto-switches to Google's CDN in production. Lets you switch on LABjs mode to load more scripts in parallel. Can rewrite stylesheets to use CDN hosts (not just your web server) and cache-busting hashes for updated images.
Authors: Ron DeVera, Mint Digital
Project URL: http://rubygems.org/gems/asset_hat
Source Code: http://github.com/mintdigital/asset_hat
Bug Tracker: http://github.com/mintdigital/asset_hat/issues
Documentation: http://mintdigital.github.com/asset_hat/doc/index.html

Lemonade 0 votes

Generates sprites on the fly by using background: sprite-image(&quot;sprites/logo.png&quot;). No Photoshop, no RMagick, no Rake task, save your time and have a lemonade.
Authors: Nico Hagenburger
Project URL: http://rubygems.org/gems/lemonade
Source Code: https://github.com/hagenburger/lemonade
Bug Tracker: https://github.com/hagenburger/lemonade/issues
Documentation: http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html