Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it's bigger brother Emastic CSS Framework. Why should you use Malo? * Ultra small (compressed is 0,25 kb or 8 lines of CSS! ) * Personalized width of the page in (%, px, em) * Super flexible. * Easy to use. How Malo works? Malo is based on the principle that every column can be divided into two, three, four and five parts. Also you can use nested columns I think that with this system you can cover 85% of every grid you can imagine. About CSS malo.css is made of two parts: basic reset and the grid system
The original Suckerfish Dropdowns article published in A List Apart proved to be a popular way of implementing lightweight, accessible CSS-based dropdown menus that accommodated Internet Explorer by mimicking the :hover pseudo-class. Well now they're back and they're more accessible, even lighter in weight (just 12 lines of JavaScript), have greater compatibility (they now work in Opera and Safari without a hack in sight) and can have multiple-levels.
Crafting CSS layouts is tricky. In this article, Kevin Yank introduces CSS tables (which, once IE 8 is released, will be supported by all major browsers).
* 1 Load the framework from Google Code * 3 Combine all your scripts and minify them * 5 Keep selection operations to a mini by caching * 6 Keep DOM manipulation to a min * 7 Wrap everything in a single element when inserting DOM * 8 Use IDs instead of classes wherever possible * 9 Give your selectors a context * 10 Use chaining properly * 11 use animate properly * 12 Learn about event delegation * 13 Use classes to store state * 14 or use jQuery's internal data() method to store state * 15 Write your own selectors * 16 Streamline your HTML and modify it once the page has loaded * 17 Lazy load content for speed and SEO benefits * 18 Use jQuery's utility functions * 19 Use noconflict to rename the jquery object when using other frameworks * 20 How to tell when images have loaded * 22 How to check if an element exists * 23 Add a JS class to your HTML attribute * 24 Return 'false' to prevent default behaviour * 25 Shorthand for the ready event
* padded block links * typesetting buttons * contrast to manage focus * color to manage attention * white space for relationships * letter spacing * auto-focus on input * custom input focus * hover controls * verbs in labels
This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics. Here is an example of the markup to build a slideshow…