반응형
반응형

Toolbar.js – jQuery plugin for responsive tooltip-style toobars

 

Toolbar.js is a jQuery plugin that will allow you to quickly create responsive (follows the element on resize) tooltip-style toolbars for use in web appss and sites. The toolbar is easily customisable using Twitter Bootstrap icons and provides flexability around the toolbars display and number of icons.

 

Toolbar.js - jQuery plugin for responsive tooltip-style toobars

 

Homepage: http://paulkinzett.github.com/toolbar/

 

GitHub: https://github.com/paulkinzett/toolbar

 

Features

  • Straightforward implementation with simple options
  • Can run as many toolbars as required
  • Toolbars can be attached to any element required
  • Toobar icons are easily customised through the popular twitter bootstrap framework
  • Toolbars are responsive and follow the element on resize

 

반응형
반응형

Sails.js - Build custom, enterprise-level Node.js apps

 

Sails.js is designed to resemble the MVC architecture from frameworks like Ruby on Rails but for creating enterprise-grade Node.js apps. It has support for more modern, data-oriented web app development, particularly useful for creating realtime things like chat functions.

 

엔터프라이즈급 Node.js app을 만들기 위한 Ruby on Rail 같은 MVC 아키텍처를 닮은 설계.

좀더 현대적이고 데이터 중심의 웹앱 개발을 지원하고 채팅 기능 같은 실시간 작업에 더 유용하다.

 

* Intro to Sails.js

 

http://balderdashy.github.com/sails/

 

Homepage: http://balderdashy.github.com/sails/


GitHub: https://github.com/balderdashy/sails

Docs: https://github.com/balderdashy/sails/wiki

 

 

 

반응형
반응형

Pixi Renderer

pixi.js logo

JavaScript 2D Renderer

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL. Also its fast.

If you’re interested in pixi.js then feel free to follow me on twitter (@doormat23) and I will keep you posted! And of course check back onour site as any breakthroughs will be posted up there too!

Demos

 

GitHub :  https://github.com/GoodBoyDigital/pixi.js

 

Current features

  • WebGL renderer (with automatic smart batching allowing for REALLY fast performance)
  • Canvas renderer
  • Full scene graph
  • Super easy to use API (similar to the flash display list API)
  • Support for texture atlases
  • Asset loader / sprite sheet loader
  • Auto-detect which renderer should be used
  • Mouse and Multi-touch Interaction

 

DEMO :

 

http://www.goodboydigital.com/

 

http://www.theleisuresociety.co.uk/fightforeveryone/

 

 

반응형
반응형
http://www.chartjs.org/

 

Chart.js

Easy, object oriented client side graphs for designers and developers

DocumentationDownload

 

 

 

반응형
반응형

jQuery Nested

For a complete gap free, 
multi column grid layout experience.

 

반응형
반응형
10+ jQuery Sticky Scroll Plugins

 

1. Sticky

A jQuery plugin that gives you the ability to make any element on your page always stay visible.

Sticky.jpg
Source + Demo

2. stickyMojo

A contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+.

stickyMojo.jpg
Source

3. Sticky Sidebar jQuery plugin

Allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll.

Sticky-Sidebar.jpg
SourceDemo

4. lockfixed jQuery plugin

A jQuery plugin which allows for DOM elements to be positioned anywhere on the page, and lock within the user’s viewport when scrolling.

LockFixed.jpg
SourceDemo

5. stickyfloat

This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs.

StickyFloat.jpg
SourceDemo

6. Sticky Footer

This Sticky Footer can contain any kind of content and is ready to be used in your website. You can build your own menu and use from 1 to 12 columns to display your content.

StickyFooter.jpg
SourceDemo

7. Sticklr

Sticky Side Panel CSS3 + jQuery Plugin

Sticklr.jpg
SourceDemo

8. fixedposition

A powerful CSS attribute, that allows you to fix a HTML element to a position on the page, irrespective of user interaction. Put simply, if the user scrolls, it stays put.

FixedPosition.jpg
Source + Demo

9. jQuery Sticky Sidebar

Sticky sidebar for your content.

jQuery-Sticky-Sidebar.jpg
Source + Demo

10. jquery.fixer.js

Fix element like any other plugins it do.

jQueryFixerjs.jpg
Source + Demo

11. StickyScroll

A jQuery plugin for creating elements that ‘stick’ to the top of the window when scrolling down the page.

StickyScroll.jpg
SourceDemo

12. Sticky-Element

jQuery plugin to make an element scroll with the page inside the boundaries of a specified container or the window.

Sticky-Element.jpg
SourceDemo

반응형

+ Recent posts