Fluid Skinning System demos

Here are some demos showcasing how the Fluid CSS convenience classnames work. The FSS is a completely class based CSS convenience system, and does not focus on typography and grids as heavily as other major CSS frameworks; rather it is designed to help enhance the effectiveness of Fluid components and encourage cleaner markup.

As you read this, page margins, fonts, colors and other basic properties of this page have been modified by the fluid.reset.css file

Layout

Bare bones layout

Header, footer, and content in a centered 750px wide container. The colors are to exaggerate the effect and do not come with the FSS.

This is a header

This is some content

Simple column layout

Header, footer, and flexible columns in a centered 950px wide container.

The colors are to exaggerate the effect and do not come with the FSS.

Also note that since the columns use percentages to determine gutter and width, rounding errors can occur and therefore the widths may not be perfect

This is a header

Video log scalar silicon debugged normalizing technician femtosecond femtosecond logarithmic.

Audio bridgeware development, computer phaselock services integer dithering converter with overflow interface. Phaselock, broadband servicing sampling record bus gigabyte high processor adaptive developer includes femtosecond.

Prototype solution high high patch cache transponder cascading connectivity distributed. Supporting, integer sampling supporting internet sequential high video partitioned, floating-point kilohertz, encapsulated procedural femtosecond scalar.

Boolean element, frequency integer anomoly supporting, metafile fragmentation boolean video log with data. For read-only potentiometer, element potentiometer frequency device, metafile digital fragmentation n-tier, dithering. Prototype solution high high patch cache transponder cascading connectivity distributed. Supporting, integer sampling supporting internet sequential high video partitioned, floating-point kilohertz, encapsulated procedural femtosecond scalar.

Frequency, dithering mainframe dithering remote, scalar video record disk bypass.

Analog deviation integral converter with pulse with phase cable, video reflective.

Resistor integral integral computer debugged scan. Cache, hyperlinked record transmission video software digital floating-point debugged, silicon system integer femtosecond. Ethernet cache, frequency recognition deviation element video includes coordinated recursive controller dithering

3 Mixed column layout

Header, footer, 1 flexible nested column container and 2 fixed columns.

The colors are to exaggerate the effect and do not come with the FSS.

This is a header

Audio bridgeware development, computer phaselock services integer dithering converter with overflow interface. Phaselock, broadband servicing sampling record bus gigabyte high processor adaptive developer includes femtosecond.

Or element backbone device coordinated deviation controller generator technician silicon mainframe cable, hyperlinked partitioned, floating-point kilohertz, encapsulated procedural femtosecond scalar.

Resistor integral integral computer debugged scan. Cache, hyperlinked record transmission video software digital floating-point debugged, silicon system integer femtosecond.

Ethernet cache, frequency recognition deviation element video includes coordinated recursive controller dithering resistor includes converter.

Video log scalar silicon debugged normalizing technician femtosecond femtosecond logarithmic.

Frequency, dithering mainframe dithering remote, scalar video record disk bypass.

Analog deviation integral converter with pulse with phase cable, video reflective.

Prototype boolean partitioned application, ethernet broadband network read-only services element in. Debugged messaging mainframe plasma capacitance, system transmission. N-tier system backbone cascading device analog.

Linearized 3 Mixed column layout

The same example as above, but now its been linearized to be more readable on mobile screens or at very large font sizes.

This would normally have a header, footer, 1 flexible netsed column container and 2 fixed columns.

The colors are to exaggerate the effect and do not come with the FSS.

This is a header

Audio bridgeware development, computer phaselock services integer dithering converter with overflow interface. Phaselock, broadband servicing sampling record bus gigabyte high processor adaptive developer includes femtosecond.

Or element backbone device coordinated deviation controller generator technician silicon mainframe cable, hyperlinked partitioned, floating-point kilohertz, encapsulated procedural femtosecond scalar.

Resistor integral integral computer debugged scan. Cache, hyperlinked record transmission video software digital floating-point debugged, silicon system integer femtosecond.

Ethernet cache, frequency recognition deviation element video includes coordinated recursive controller dithering resistor includes converter.

Video log scalar silicon debugged normalizing technician femtosecond femtosecond logarithmic.

Frequency, dithering mainframe dithering remote, scalar video record disk bypass.

Analog deviation integral converter with pulse with phase cable, video reflective.

Prototype boolean partitioned application, ethernet broadband network read-only services element in. Debugged messaging mainframe plasma capacitance, system transmission. N-tier system backbone cascading device analog.