Group items tagged compression - CSS Evangelist

emastic - CSS Framework Project at Google Code - 0 views

code.google.com/emastic

emastic css-framework css3

shared by Gary Edwards on 17 Jul 08 - Cached

Frederik Van Zande on 17 Jul 08

Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. * Lightweight (compressed weight less then 4kb) * Personalized width of the page in (em,px,%) * Use of fixed and fluid columns in the grid. * Elastic Layout with "em"s

<div class="cArrow"> </div><div class="cContentInner">Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. * Lightweight (compressed weight less then 4kb) * Personalized width of the page in (em,px,%) * Use of fixed and fluid columns in the grid. * Elastic Layout with "em"s </div>

...

Cancel
Gary Edwards on 19 Jun 09

Interesting use of a CSS Framework for "Flow" Web documents and pages: Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. Why should you use emastic? .... Lightweight (compressed weight less then 4kb) ..... Personalized width of the page in (em,px,%) ....... Use of fixed and fluid columns in the grid. .......... Elastic Layout with "em"s

<div class="cArrow"> </div><div class="cContentInner">Interesting use of a CSS Framework for "Flow" Web documents and pages: Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. Why should you use emastic? .... Lightweight (compressed weight less then 4kb) ..... Personalized width of the page in (em,px,%) ....... Use of fixed and fluid columns in the grid. .......... Elastic Layout with "em"s</div>

...

Cancel

Compress javascript and css. amazing code compression. quick, easy and free! - 0 views

compressor.ebiene.de

compressor css online

shared by yc c on 09 Mar 09 - Cached

yc c on 09 Mar 09

compress CSS by copy paste

<div class="cArrow"> </div><div class="cContentInner">compress CSS by copy paste</div>

...

Cancel

web site optimization tutorials, optimize web sites, optimize css & html, web page spee... - 0 views

websitetips.com/optimization

css tool

shared by mikhail-miguel on 05 Mar 18 - No Cached

CSS Compressor, Free CSS Compressor and CSS Compression Tool - 0 views

www.minifycss.com/css-compressor

css compressor free compression tool webdesign online tools

shared by Vernon Fowler on 01 Sep 12 - No Cached

Sass Style Guide | CSS-Tricks - 0 views

css-tricks.com/sass-style-guide

sass scss styleguide css webdesign DIG252

shared by Vernon Fowler on 18 Jun 14 - No Cached

List @extend(s) First
...

Cancel
List "Regular" Styles Next
...

Cancel
List @include(s) Next
...

Cancel
...9 more annotations...
All Vendor Prefixes Use @mixins
...

Cancel
Global and Section-Specific Sass Files Are just Table of Contents In other words, no styles directly in them. Force yourself to keep all styles organized into component parts.
...

Cancel
If you find yourself using a number other than 0 or 100% over and over, it likely deserves a variable.
...

Cancel
List Vendor/Global Dependancies First, Then Author Dependancies, Then Patterns, Then Parts
...

Cancel
In Deployment, Compile Compressed
...

Cancel
Comments get stripped when compiling to compressed code, so there is no cost.
...

Cancel
Partials are named _partial.scss
...

Cancel
Variablize All Colors Except perhaps white and black.
...

Cancel
In your global stylesheet, @import a _shame.scss file last.
...

Cancel