SLIRK™ Layout 1.1 beta (good enough release)
The multiple column proportional scrolling layout for web.
A new great experience
for users, web-masters, web-designers and coders generally!
Expecially, for bloggers, e-magazine publishers and not alone.
For developing explanation, look at included js/css files,
this page source code and background animated gif,
showing conventional layout (left) vs slirk layout (right).
SLIRK™ Layout 1.1 beta FEATURES and TIPS
- DOM manipulation Javascript architecture
- 100% degradable
- Unlimited column management
- Window resizing friendly
- Mouse wheel friendly
- Crossbrowser scrollbar width detecting
- Windows (FF, IE) and Mac (FF, IE, Safari) tested (or under testing)
HOW TO: HTML
<html>
<head>
<script type="text/javascript" src="slirk.js"></script>
<style type="text/css">@import url(slirk.css)</style>
</head>
<body onLoad="slirk()">
<div id="container" class="slirk_container">
<div id="first_column" class="slirk_column"></div>
<div id="second_column" class="slirk_column"></div>
...
<div id="i_column" class="slirk_column"></div>
...
<div id="n_column" class="slirk_column"></div>
</div>
</body>
</html>
HOW TO: CSS
#container { width: tot_width; }
#first_column { width: first_width; }
#second_column { width: second_width; }
...
#i_column { width: i_width; }
...
#n_column { width: n_width; }
UNDER DEVELOPMENT: UPGRADES and DERIVEDS
- Bugs fixing
- Browsers compatibility and flexibility increase
- Degradation optimization
- Variable content dimensions detection
- Both rows and columns SLIRK Layout
- Multiple containers generalized SLIRK Layout
- SLIRK Layout based SEO friendly CMS (blog too)
- ... more
SLIRK Layout 1.1 beta
by Angelo Amoroso
is licensed under a
Creative Commons
Attribution - Share Alike 3.0
Unported License
This work
is licensed under a
Creative Commons
GNU General Public License