knusperpixel.com » css

Isobar North America’s Coding Standards and Frontend development Best Practices

knusperpixel — Mon, 21 Nov 2011 19:47:24 +0000

Foundation: Rapid Prototyping and Building Framework from ZURB

knusperpixel — Sat, 22 Oct 2011 00:05:48 +0000

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
Start here, build everywhere.

cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com

knusperpixel — Fri, 14 Oct 2011 19:11:09 +0000

CSS: Elastic Videos

knusperpixel — Mon, 10 Oct 2011 22:29:39 +0000

Using the max-width:100% and height:auto trick works with native HTML5 video tag, but it doesn't work with embed code using iframe or object tag. After hours of experimenting and Googling, I finally found a trick on how to achieve this.

Golden Grid System

knusperpixel — Wed, 31 Aug 2011 21:00:01 +0000

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

knusperpixel — Thu, 04 Aug 2011 23:07:49 +0000

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

Styling Elements With Glyphs, Sprites and Pseudo-Elements – Smashing Magazine

knusperpixel — Fri, 08 Jul 2011 08:39:18 +0000

We’ll discuss how you can style elements with no extra markup and using a bidi-friendly high-contrast proof CSS sprite technique. The technique will work in Internet Explorer 6/7 as well.

Applied CSS Vertical-Align | iBloom Studios

knusperpixel — Fri, 08 Jul 2011 08:35:21 +0000

Baseline – a designer framework by ProjetUrbain.com

knusperpixel — Mon, 27 Jun 2011 22:29:49 +0000

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

CSS Crush

knusperpixel — Thu, 23 Jun 2011 16:43:45 +0000

The contents of the file, and files specified by the standard @import directive, are pulled into one new file. This way you get the advantages of file separation but not the performance penalty of extra http requests.

CSS variables that are specified are applied.

Any search/replace macros that affect CSS properties are applied.

Optionally (not shown in the example below) the file is then minified.

The file is cached and returned by the script. The date-modified timestamp of the host-file and all the imported files are stored and checked on every subsequent running of the script. If any of the files have been modified a new file is compiled. If none have been modified the cached file is returned.