OriDomi Folds Up DOM Elements Like Paper with JavaScript & CSS3

The web is flat, but now you can fold it up. OriDomi is an open source JavaScript library that folds up DOM elements like paper. OriDomi does plenty of DOM manipulation behind the scenes to create what you see.

OriDomi compositions adapt to dynamic dimensions just as well as normal elements. This means that if your OriDomi composition’s size is changed by percentage-based sizing, media queries, CSS transitions, scripting, et cetera, the panels will resize themselves relative to their parent container.

OriDomi requires a modern browser with support for CSS3 transforms, particularly preserve-3d support. You may notice that OriDomi looks significantly worse in Firefox compared to WebKit browsers.

OriDomi Folds Up DOM Elements Like Paper with JavaScript & CSS3

 

Requirements: JavaScript Framework
Demo: http://oridomi.com/
License: License Free

OriDomi Folds Up DOM Elements Like Paper with JavaScript & CSS3

Ionic - Pretty Frontend Framework for Mobile Apps in HTML5

Ionic is a powerful HTML5 native app development framework that helps you build native-feeling mobile apps all with web technologies like HTML, CSS, and Javascript. Ionic is focused mainly on the look and feel, and UI interaction of your app.

Ionic is free and open source, built with Sass and optimized for AngularJS. It is modeled off of popular native mobile development SDKs, making it easy to understand for anyone that has built a native app for iOS or Android. Just drop it in your code to get going, and push through PhoneGap when it’s ready. Develop once, deploy everywhere.

Ionic – Pretty Frontend Framework for Mobile Apps in HTML5

Requirements: -
Demo: http://ionicframework.com/
License: MIT License

Ionic - Pretty Frontend Framework for Mobile Apps in HTML5

Type-Scale: A Visual Type Scale Calculator

Most people are familiar with Tim Brown’s Modular Scale calculator. The site has raised awareness about scale and helped to improve typography on the web. It’s also the inspiration for this project.

The Modular Scale site has been a great reference over the years, but sometimes it’s difficult to choose the proper scale without a visual reference. That’s why Jeremy Church has created Type Scale to bridge that gap.

Type-Scale: A Visual Type Scale Calculator

Requirements: -

Demo: http://type-scale.com/

License: License Free

Type-Scale: A Visual Type Scale Calculator

Foundation 5 – The Fastest Release to Date

Millions of designers and engineers have adopted Foundation for their product and website design front-end workflow. Foundation was the first open-source framework to be responsive, semantic, mobile first and now, have partials with Interchange. Foundation 5 has just released, which is the fastest release to date – faster in all aspects of building products and websites.

They have built a new command line tool that will let you spin up Foundation projects preposterously fast, and those projects will now use Libsass, a back-end Sass compiling library that will dramatically speed up how long it takes for your SCSS changes by 5x.

Foundation 5 – The Fastest Release to Date

Requirements: -
Demo: http://foundation.zurb.com/
License: MIT License

Foundation 5 – The Fastest Release to Date

sDashboard - A Simple & Lightweight Dashboard jQuery Plugin

sDashboard is a simple & light weight dashboard jQuery plugin that converts an array of objects into a dashboard. Each object in the array would be rendered as a dashboard widget that can be rearranged by dragging around.

sDashboards has built in support for rendering datatable’s and flotr2 charts. It also has support to listen for events such as table row click, chart data click and data selection built-in. sDashboard depends on the following libraries: jQuery, jQuery UI, Datatables and Flotr2 charts (required for charting widgets).

sDashboard – A Simple & Lightweight Dashboard jQuery Plugin

Requirements: jQuery Framework
Demo: http://modeln.github.io/sDashboard/
License: MIT License

sDashboard - A Simple & Lightweight Dashboard jQuery Plugin

Test Post from Surfportable

Test Post from Surfportable http://www.surfportable.com

A Responsive Pie Chart Based on Snap SVG Framework

Pizza Pie Charts is a responsive Pie chart based on the Snap SVG framework from Adobe. It focuses on easy integration via HTML markup and CSS instead of JavaScript objects, although you can pass JavaScript objects to Pizza as well.

You can deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices. And the pie will fit the width of your box — um, container — or can be given a max-width or max-height.

A Responsive Pie Chart Based on Snap SVG Framework[/caption]

Requirements: Sass Framework
Demo: http://zurb.com/playground/pizza-pie-charts
License: MIT License

A Responsive Pie Chart Based on Snap SVG Framework