background preloader

LivePipe™ : User Interface Components for Prototype

LivePipe™ : User Interface Components for Prototype
Related:  Rich Web UI

Floatbox 15 Javascript Web UI Libraries, Frameworks and Toolkits Almost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks (or toolkits) that not only greatly simplify application development, they also provide a consistent, reliable, and highly interactive User Interface. What more could you ask for? Currently, there are a wide varied range of Web UI frameworks covering varied languages – for today we will focus on Javascript Web UI libraries. Not all libraries are suited for every project, but most developers will still rely on a single UI framework, a faithful friend they will always turn to in times of need… …so, if you are looking for a fresh UI outlook, below you will find the best 15 Javascript Web UIs, all offering, to different degrees, solutions. LivePipe: UI Components for Prototype LivePipe UI is a suite of widgets and controls for applications that has been built using the Prototype Javascript Framework. UKI – Simple UI Kit for Complex Web Apps jQuery UI Yahoo!

Grazr - Gather Feeds, Create Streams, Publish Widgets 22 Things You Don't Know About Your Customers | Internet Ma There are things you don’t know about your customers. It’s not you, it’s them. But you need to figure it out. Here are some hard lessons I’ve learned over the years – they apply to usability, pet peeves and other fun stuff. 1. The most basic principle of usability: It’s hard for folks to read online. 2. Oldest rule of marketing, from way back when we printed on paper and used mail and stuff: Write no more than 4-5 lines in a paragraph. to learn just how little the rules have changed. 3. Reading onscreen is hard. 4. Also know as ‘leading’, wide line spacing makes text easier to read. 5. We are trained to read dark text on a light background. 6. With those nifty mouse wheels, folks stopped getting unhappy about scrolling – it’s no longer a usability issue, unless you create a 5000 word page or some silliness. 7. You can write a list in a paragraph, so that colors look like red, green, blue. Red;Green;Blue. Your audience wants the latter. 8. 9. Seriously. 10. 11. 12. 13. 14. 15. 16. 17. 18.

fancyBox - Fancy jQuery Lightbox Alternative Web UI Frameworks Worth a Try We have been used to the fact that every second site looks like Twitter. That's because of their awesome Bootstrap UI framework. We've seen CSS frameworks before, but all of them were narrow enough to solve one problem at a time. From another point of view, a site built with Bootstrap loses it's individuality. But how to make site look more unique? Let's try something different then. Foundation Foundation is the most advanced responsive front-end framework in the world. Fuel UX Extends Twitter Bootstrap with additional lightweight JavaScript controls. HTML KickStart Ultra–Lean HTML5, CSS, & JS Building Blocks for Rapid Website Production MetroUI Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks. Groundwork Say hello to responsive design made easy. AlloyUI Alloy is a UI framework built on top of YUI3 that provides a simple API for building high scalable applications. Kendo UI Ignite UI

10 Useful Web Application Interface Techniques | How-To | Smashi Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! More and more applications these days are migrating to the Web. In the past we didn’t cover web applications the way we should and now it’s time to take a closer look at some useful techniques and design solutions that make web-applications more user-friendly and more beautiful. You may want to take a look at the following related articles: 1. Simplicity is important in user interface design. When you click on the search link in Kontain’s search box, a similar drop-down menu appears. One way of making things simpler is to hide or conceal advanced functionality. When you click on the search link in CollabFinder, you aren’t taken to a different page. 2. Another good example of this are sliders. 3. 4. 5. 6. 7. 9. 10. (al)

Web Design Blog, Tutorials and Inspiration | Web Design Ledger