Gumby – A Responsive HTML5 CSS3 Framework With UI Tool Kit

gumby_css_framework

Gumby is a responsive and 960px column grid based CSS framework. Gumby is easy to customize for any resolution with a little effort. It has a very nice fluid-fixed layout self-optimizes the content for desktop, tablet and mobile resolutions and there is support for nested grids. Like Twitter Bootstrap, Gumby comes with  a web UI Tool Kit for designing nice forms, buttons, tabs, tooltips, slider etc.. The gumby.js is a…»

Desktop Applications with HTML, CSS and Javascript – AppJS

appjs

Now a days everybody moving to cloud. But there are still lot of demand for desktop applications. Ubuntu started their call for developers for desktop in developer.ubuntu.com. Desktop applications have lot of advantages over web applications. They are more powerfull, speed, communicate with system, access filesystem easly, working in background process, integrated notifications, native interface, native application (no third party browser needed) etc.. But developing a Desktop application for all…»

Image Hover Effects With jQuery Plugin Adipoli

adipoli-jquery_plugin

Hover Effects for a website make it a fresh look. There are lot of jquery plugins to implement hover effects. For Images the hover effect give the website a new design. Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such hover effects. With a simple function, we can choose the “start effect (normal, transparent or overlay)” and the images will become less catch until they are…»

20 Jquery Plugin for Image sliders and Accordians – Cool Carousels

There are lot of jquery plugins available for image sliders and accordians. Fred Heusschen, a talented frontend web developer  developed a set of 20 different type image sliders and carousels using jquery. CoolCarousels is a showcase of 20+ image sliders and carousels with each having a different look and functionality. There are sliders with thumbnails, responsive examples, horizontal/vertical ones, lazy-loading supported sliders for displaying many images and much more. Cool…»

CSS Framework with Media Queries – Columnal

Columnal is a CSS grid system with lot of features integrated from other grid systems. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs. Columnal makes responsive web design  easier. It is a 1140px wide grid, but since it is fluid, will respond to the width of most browsers. If the browser gets thin enough, the site will…»

Magazine Grid – A Grid Layout for Magazine

The Magazine grid is a modern CSS-Framework which comes with common magazine design elements such as pagination, gutters and  basic grid. The framework uses HTML5 elements for structuring the magazine pages. Simply, an <article> element wraps up your page and <section>s define the portions of content. More semantics, less divs Magazine Grid takes use of html5-elements to structure your magazine page. An article-element wraps up your page, sections define the…»

A slik Jquery Image Slider Plugin [4kb] – Orbit

Orbit is an awsome image slider plugin with HTML5 features. It uses Jquery so it is a jquery slider. The size is near 4kb. Works best in Chrome, Safari, FF3.5+ (but is tested for IE7+, FF3.5+, Chrome and Safari).  You can add awsome captions and use css3 to style it. You can use custom fonts also. An HTML5 Jquery slider is Orbit. Full HTML Captions Orbit slider has full HTML…»

HTML 5 And CSS3 Frameworks – Moving to Next Generation Web

The HTML5 makes a webdevelopers work more easier. It helps on creating good understandable structure of elements on content. Features Like video playback, Drag and Drop, Canvas are capable of making great difference. Image by Allan Reyes via Flickr The Full recommendation of HTML 5 is long away. But all the Majour Browsers Firefox, GoogleChrome, Opera, Safari are started making their steps forward. IE is a litte backward in accepting…»

HTML 5 Reset – A quick start to HTML5

HTMl 5 Reset is a collection of CSS and Javascript Files for the startup of a Web Project. It contains conditional comments to call about half a dozen IE-specific CSS files, as well as a couple popular IE-correcting javascript files. All supporting files are stored in a parent “_” folder — this keeps the view in our file manager uncluttered. In the CSS folders are baseline styles designed to reduce…»