CSS Layout
Create content swithcer without javascript
Louis Lazaris on impressivewebs write tutorial about how to create content switcher without javascript. Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, he realized it’s not a very difficult thing to do. [...]
Create Tabbed Area using CSS3 only
When you think of “tabs”, your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with “pure CSS”. Chris [...]
Create Mac-like multi-level dropdown menu
Webdesignerwall share with us, nice tutorial how to create a Mac-like multi-level dropdown menu that created using border-radius, box-shadow, and text-shadow.On this tutorial a white-transparent image is used to achieve the gradient effect.
Less Framework – HTML5 powered CSS framework
Less Framework is a CSS framework for building flexible multi-column website layouts. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.
EZ-CSS, lightwight and browser friendly CSS framework
EZ-CSS is a different kind of CSS framework. Authors are not bound to a “grid”. Plus, columns and gutters can be of any width. EZ-CSS works by forcing the final element in the HTML flow to become a block formatting context (They use “hasLayout” for Internet Explorer lt 8). It is light (1kb), flexible, browser-friendly [...]
52 framework – CSS3 framework with HTML5 support
52 framework is CSS framework that help us build website using CSS3 and HTML5. The 52framework provides an easy way to get started using html5 and css3 while still supporting all modern browsers (including ie6). This framework is user contributed/maintained so you can submit your own revisions and documentation.
MakerCSS – open source CSS framework
MakerCSS is open source CSS framework that allow us to creating website layouts quickly. Markercss includes styles necessary to create your website, so you just have to incorporate references. Markercss is divided into different subjects for better access, layout, borders, backgrounds, links, forms, text, colors and tables.
Brosho – Design in the Browser jQuery Plugin
Brosho allow you to style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.
ie-css3.js – CSS3 pseudo selector emulation for IE 5-8
ie-css3.js is javascript library that allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets they’ll work in IE
How to create Facebook Style Footer Admin Panel
The popularity of social media has been booming in the past few years and Facebook definitely has climbed high to the top of the social network rankings. Facebook has many Ajax driven features and applications that are very impressive, like the footer admin panel, where it neatly organizes frequently used links and applications.
Recent comments