background preloader


Facebook Twitter

Rodrigo Paterlini

JavaScript. 40 Useful JavaScript Libraries. 15 Javascript Web UI Libraries, Frameworks and Toolkits :Speckyboy Design Magazine. 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.

15 Javascript Web UI Libraries, Frameworks and Toolkits :Speckyboy Design Magazine

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. JQuery File Upload Plugin Script - JQuery File Upload Script - Uploadify. 40 Useful jQuery Techniques and Plugins - Smashing Magazine. Over the last year, Smashing Magazine has evolved.

40 Useful jQuery Techniques and Plugins - Smashing Magazine

We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups. In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. jQuery Slider plugin (Safari style) 3jQuery Slider is easy to use and multifunctional jQuery plugin. 10 jQuery Transition Effects: Moving Elements with Style.

Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 Brilliant techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS Learn how to create a menu that appears like a standard menu bar in it’s default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display. jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List.

Javascript Canvas Graphing Library. Generating Graphics, Charts. JS examples. Javascript/AJAX. Ajax. Javascript-framework. Plug-ins. The tiny JSON rendering engine by TwigKit. Tempo takes information encoded as JSON and renders it according to an HTML template.

The tiny JSON rendering engine by TwigKit

Below is a sample array of JSON data. JavaScript Include script You only need to include one little script. Tempo.prepare(element) To initialize Tempo, run the prepare() function to scan an HTML container for data templates, cache them in memory, and remove the data template HTML elements from the page. Element The ID of the HTML element (or the element itself) containing your data template. If the container does not contain a default (that is without conditions and not nested) data-template the entire contents of the container will be considered to represent the template. template.render() The Tempo.prepare() function returns an instance of a template ready for rendering. Data The JSON data to be rendered. Tempo.prepare( element ).render( data ); Tempo.prepare('marx-brothers').render(data); template.append() Renderer methods all return an instance of the renderer (a la fluent) so you can chain calls to it. Type. Riak Javascript library.

JavaScript. Live.js - One script closer to Designing in the Browser. One script closer to designing in the browser Say goodbye to Alt-Tab.

Live.js - One script closer to Designing in the Browser

Live.js makes sure you're always looking at the latest version of the page you're working on, whether you're writing HTML, CSS or Javascript. download live.js version 4license How? Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Where? Live.js works in Firefox, Chrome, Safari, Opera and IE6+ until proven otherwise. Why? Live.js was written by Martin Kool as the next step in Handcraft's design in the browser strategy. Learn Javascript. JavaScript. JavaScript.

Pearltrees videos