Links

Fluidium: open-source platform for developing Rich Internet Applications that run as native Mac OS X desktop apps

http://github.com/itod/fluidium
http://fluidium.org/
http://fluidium.org/blog/

Filed under  //   app   browser   mac   osx   web  
Posted February 17, 2010 by email 
// 0 Comments

Grafico graphing library

Grafico is a graphing library based on Raphaël and Prototype.js.

Grafico's basic principles are to provide good, clean looking graphs inspired by work of Stephen Few and Edward Tufte, while still being flexible to implement and providing numerous api options to tweak the look of the graphs..

Some key things Grafico has:

  • Flexible ranges Grafico select the best range to display your data at
  • Hover options display additional information such as the value when hovering over charts
  • Mean lines A single line that display the mean.
  • Watermarks Use an image as a watermark over your graphs
License: MIT

http://grafico.kilianvalkhof.com/

Filed under  //   charts   graph   javascript   ui   web  
Posted February 15, 2010 by email 
// 0 Comments

Plupload: Advanced Multiple File Uploader


Plupload v1.0

Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

http://www.plupload.com/

Filed under  //   javascript   jquery   ui   upload   web  
Posted February 4, 2010 by email 
// 0 Comments

Free Social Media Icons

This free set includes 50 icons of the most popular social media networks on the internet. The icons are designed in 32px and 16px vector format. With the vector format, you can scale the icon to any size to fit with your design or use it in high quality print materials. What you will get from the zip package: 32px and 16px in three different file formats: vector EPS, PNG, and GIF.

Icons include:
Delicious, Flickr, Twitter, Retweet Button, Facebook, MySpace, StumbleUpon, Digg, Slash Dot, Mixx, Skype, Technorati, Reddit, FriendFeed, YouTube, LinkedIn, Newsvine, SlideShare, Google, Google Talk, Yahoo, Yahoo Buzz, Netvibes, AOL, Microsoft, MSN, Apple, MobileMe, App Store, Amazon, Last.fm, Mister Wong, Qik, Vimeo, Viddler, Virb, Tumblr, WordPress, Blogger, Posterous, Behance Network, Design Float, Deviant Art, Design Bump, Friendster, Bebo, Squidoo, Share This, RSS, and Email.

http://icondock.com/free/vector-social-media-icons

Filed under  //   icons   ui   web  
Posted February 2, 2010 by email 
// 0 Comments

A Set Of User Interface Design Elements

MediaLoot is presenting a free set of user interface elements that can help designing/prototyping faster.

It has 3 distinct styles: glossy, satin/light gradient, and one-color which the satin/light gradient set is available in 7 different colors.

The set comes in both .PNG & .PSD formats and includes items like:

  • control buttons
  • info boxes
  • breadcrumbs
  • forms
  • scrollbars
  • & more..

http://medialoot.com/blog/freebie-massive-web-ui-button-set/

[via http://www.webresourcesdepot.com/a-set-of-user-interface-design-elements-psd/]

Filed under  //   ui   web  
Posted February 1, 2010 by email 
// 0 Comments

Google Browser Size: What Do Visitors See?

Google Browser Size is a visualization tool by Google Labs that shows any website behind an overlay of browser-window-sizes average

The overlay information is actually created from the data of people who visit Google (which won't be wrong to call it an average).

The tool is perfect for learning what percentage of the visitors are seeing the most important parts at initial load & what are they missing.

When you move the mouse, a rectangle which follows the mouse pointer enables us to interact with the website. And, optionally, the opacity level can be changed.

But, like mentioned, it is created with the data from google.com & will work for websites that target average internet users. It would be great to see this integrated into Google Analytics creating a custom overlay.

http://browsersize.googlelabs.com/

Filed under  //   browser   ui   web  
Posted December 21, 2009 by email 
// 0 Comments

28 Rich Data Visualization Tools

List of 28 Rich Data Visualization Tools

http://www.insideria.com/2009/12/28-rich-data-visualization-too.html

Filed under  //   charts   flash   flex   java   javascript   ui   web  
Posted December 15, 2009 by email 
// 0 Comments

10 CSS Snippets to Save Precious Time

http://www.blogohblog.com/10-css-snippets-to-save-precious-time/

CSS Tooltips
Eric Meyer's Reset Code
Handy CSS Debugger
Centering a DIV of Unknown Width
Adding AJAX style Loading Icon to Large Images
CSS Image Preloader
CSS Opacity Hack
Min-Height for IE and all other browsers
Styling Links by File Type
Remove Textarea Scrollbar in IE

Filed under  //   css   ui   web  
Posted December 15, 2009 by email 
// 0 Comments

dygraphs: Javascript graph library

The dygraphs JavaScript library produces produces interactive, zoomable charts of time series.

Features
- Plots time series without using an external server or Flash
- Supports multiple data series
- Supports error bands around data series
- Displays values on mouseover
- Interactive zoom
- Adjustable averaging period
- Customizable click-through actions
- Compatible with the Google Visualization API

Demo
For a gallery and documentation, see http://danvk.org/dygraphs/

 

Code at Github: http://github.com/danvk/dygraphs

Filed under  //   charts   graph   javascript   ui   web  
Posted December 10, 2009 by email 
// 0 Comments

Easy CSS Framework (based on JQuery)

Easy is a CSS/HTML/JavaScript framework started as a personal project and then grew into something more. The idea behind it is to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques.


Main features include:

Rock-solid base HTML structure and predefined basic CSS styles for both screen and print.

Built-in set of interactive functions, no need for a single line of JavaScript.

Library of HTML content blocks that can be easily used and reused.

Basic file organization and possibility of expanding the library with your own code.

License: Creative Commons Attribution 3.0 Unported license

http://easyframework.com/

Filed under  //   css   javascript   jquery   ui   web  
Posted December 8, 2009 by email 
// 0 Comments