30
Centage – The Smart and Fluid CSS/LESS Framework
Centage! is five cents in
defining a good fluid css framework. Every framework has its shortcomings – as has Centage! too – but it also solves some major issues in existing ones.
Reason for Centage! is purely practical. I started to redesign my own site and wanted to go for a fluid grid, mostly just for the challenge of it. At the same time I had made some tests with Less and although it seemed pretty cool, it was still tricky to develop with command line compiler. When less.js came along, the pieces existed for putting together a next gen fluid framework.
None of the existing fluid frameworks worked as I wanted them to. Fluid 960Grid is an impressive achievement, but what if I want to start my grid from page edge? Or what about nested grids and their gutters? Another wonderful undertaking is Elastic, but it’s dependancy on javascript troubles me.
I have my roots in print design and designing complex grid systems for newspapers. So I wanted the same kind of grid into web as well. Especially nested, percentage width grids are a challenge that simply cannot be addressed with traditional css (because they inherit relative width from parent element).
requirements for a grid system are:
- It should work acceptably without javascript.
- It should mimic print grids as accurately as possible.
- Proportions of columns and gutters should be visually equal at any width.
- It should add minimum extra markup.
- No representational markup.
- Should work on most browsers after IE6. IE6 users can expect trouble anyway.
- It should be light + simple.
29
Cappuccino Web Framework – Build Desktop Class Applications in Objective-J and JavaScript
Cappuccino is an open source application framework for developing applications that look and feel like the desktop software users are familiar with.
Cappuccino is built on top of standard web technologies like JavaScript, and it implements most of the familiar APIs from GNUstep and Apple’s Cocoa frameworks. When you program in Cappuccino, you don’t need to concern yourself with the complexities of traditional web technologies like HTML, CSS, or even the DOM. The unpleasantries of building complex cross browser applications are abstracted away for you.
Cappuccino was implemented using a new programming language called Objective-J, which is modelled after Objective-C and built entirely on top of JavaScript. Programs written in Objective-J are interpreted in the client, so no compilation or plugins are required. Objective-J is released alongside Cappuccino in this project and under the LGPL.
11
Jo JavaScript Framework for HTML5
jo is a lightweight JavaScript framework designed for HTML5 apps.
jo does
- Embrace JavaScript’s object model and loosely typed nature
- Leverage CSS3 to handle as much of the pretty presentation and animation as possible
- Provide a consistent and modular event model between objects
- Wrap DOM and device-specific events into a cohesive gesture system
- Insulate developers from different persistent storage solutions
- Play nicely with other libraries like PhoneGap
jo doesn’t
- Use a lot of resources
- Depend on other frameworks
- Have a lot of browser dependent code
- Require detailed knowledge of the DOM
- Force you to deeper into its framework than you want to go
- Use
$and other arcane looking symbols in place of proper identifiers
16
PhoneGap
PhoneGap is an open source development framework for building cross-platform mobile apps. Build apps in HTML and JavaScript and still take advantage of core features in iPhone/iTouch, iPad, Google Android, Palm, Symbian and Blackberry SDKs
14
JQuery Mobile Framework
jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
5
User Interface Design Framework
- GUI library – Hundreds vector elements for interface design
- Minimal UI icons set – 260 vector icons for Illustrator
- Styles library – 200 styles to apply in Illustrator
A free User Interface Design tool for Web Designers
• Design faster wireframes and crea
te better mockup deliverables in Illustrator.
• Design usable application interface with hundreds of common GUI elements : just drop them from Illustrator Panels or pick them in the library files.
• Customize easily the vectors GUI elements to your own needs : you can easily resize, color or tweak their appearance.
• Benefit from a consistent UI elements library made by a web designer expert in application interface design.
22
Sencha Touch – The HTML5 Mobile App Framework
Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all
powered by the latest HTML5 and CSS3 web standards and ready for Android and Apple iOS devices.
29
Open Source Media Framework
Open Source Media Framework (OSMF) simplifies the development of media players by allowing developers to assemble components to create high-quality, full-featured video playback experiences. This open framework enables development focused on web-based video monetization, with lower costs and faster turnaround.
Strobe Media Playback!
Strobe Media Playback allows designers, content owners, enterprises, and developers to get started easily with an out-of-the-box, feature-rich media player. It is a compiled SWF that allows you to get up and running qu
ickly vs. spending time
on technical details. Strobe Media Playback is currently in pre-release, and available for free download today. To learn more, go to:
Categories
Recent Posts
Recent Comments
- A Date Range Picker for Twitter Bootstrap | Lively Web Tuts on A Date Range Picker for Twitter Bootstrap
- Vadim on Cloud Zoom
- Camera – a free jQuery slideshow by Pixedelic | Lively Web Tuts on Camera – a free jQuery slideshow by Pixedelic
- Adobe Photoshop CS6 Beta Out | Lively Web Tuts on Adobe Photoshop CS6 Beta Out
- sams on Mobility – Free Mobile UI Design Elements











