Max Kiesler - Designer
Latest Posts From All Blogs
Wednesday, June 04, 2008
A Gallery of Large Graphs
"Graph visualization is a way to discover and visualize structures in complex relations. What sort of structures are people who do large scale computation studying? We can get a glimpse by visualizing the thousands of sparse matrices submitted to the University of Florida Sparse Matrix collection. The resulting gallery contains the drawing of graphs as represented by 1890 sparse matrices in this collection. Each of these sparse matrices (for rectangular matrix, an augmented matrix is formed first) is viewed as the adjacency matrix of an undirected graph, and is laid out by a multilevel graph drawing algorithm."
Posted in: VizLIst, Read More...
Coda Slider Effect
Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it. Recreating this effect is simple to do if you know what plugins to use.
Posted in: mHub, Read More...
Tuesday, June 03, 2008 TEDsphere - an Audiovisual Knowledge Network
TEDsphere is a project created by Bestiario. All of the information and videos came from the TED Talks: Inspired talks by the world's greatest thinkers and doers. TEDspace offfers a different way to enjoy this amazing knowledge highlighting the relations between talks content.
Posted in: VizLIst, Read More...
Goosh Google Shell - Demo,
Between my work and my blog I look at a lot of interface design. I'm always looking for new ideas that I haven't seen before but, as you know many times that's very hard to find. Today I discovered Goosh and I knew I had found something different. Goosh is a website that puts the Google and Wikipedia searchs into a shell paradigm. This give you the feel of navigating these service in a command line environment. You can search all of the standard Google search such as, web, maps, news, feeds, video, and blogs etc. Playing around with this was pure fun. BTW Goosh was written Stefan Grothkopp, and is not an official Google product.
More...
Posted in: DesignDemo, Read More...
Horizontal JavaScript Accordion 1kb
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.
Posted in: mHub, Read More...
Monday, June 02, 2008 JavaScript Information Visualization Toolkit (JIT) - Demo
JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
More...
Posted in: DesignDemo, Read More...
qGallery - Prototype Based Gallery Script
qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don't have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.
Posted in: mHub, Read More...
Plurk - Microblogging on a Timeline - Demo
At first glance I thought Plurk was just a twitter clone, however, after spending some time at the site it seems very different than twitter. Plurk is a microblogging application that hit the Bay Area and my Twitter friends feed in a big way today. The application takes the idea of Twitter and microblogging and adds several new features. Your thoughts appear on a timeline along with your friends thoughts. Instead of just "what are you doing" Plurk lets you add verbs like maxkiesler, loves, likes, shares, gives, and many others. The other interesting aspect of Plurk is the gaming aspect. One of the keys to your experience is your "karma points". These allow you more privileges on the site, such as, expanded profile, instant messaging, and uploading. There are still performance, and feature issues, however, it seems like a good start.
More...
Posted in: DesignDemo, Read More...
Sunday, June 01, 2008 Dipity - Full Featured Shared Timelines
I've seen many shared timeline applications lately, however, Dipity has several features that make it stand out from the rest. Most timeline applications only allow one view if the content in a timeline view. Dipity shows timeline view, list view, flipbook view and a map view. I like the way you can see several view of the same or related information. You can also embed any timeline in your own website. Other features include favorites, comments, feeds and fans for each timeline. Currently this is my favorite shared timeline application.
More...
Posted in: DesignDemo, Read More...
Ajax Security Tools
In this article, you'll learn about Ajax security tools, which you'll be using to scan for SQL injection and cross-site scripting vulnerabilities; to set a master password; and to restore the state of all windows after crashes. You'll take a look at tools and utilities that ensure that linked Web sites in applications are not on the blocked lists and which prevent hackers from altering browser functionality, defacing Web applications, and achieving malicious results. You'll find these utilities divided into three types within the article: hardening tools, Firefox tools, and Firefox add-ons.
Posted in: mHub, Read More...
Saturday, May 31, 2008 Prototip 2 - Create Beautiful Tooltips With Ease
This is a very nice piece of source code to keep in your personal AJAX toolkit. "Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework." It's very easy to use and works in all browsers.
Posted in: mHub, Read More...
Tag Galaxy - Flickr Visualization
Tag Galaxy is another in a long line of Flickr API visualizations. While I've seen several tag based visualizations for Flickr this one is particularly playful. You can move the globe, click on an image, and see more information about the photo. Most of the other tag visualizations for Flickr that I've seen when you click on the image to see a larger size, or learn more you leave the visualization and go straight to Flickr. I like that you stay in context with Tag Galaxy to view more. The project was created by Steven Wood of Georg-Simon-Ohm University of Applied Sciences Nuremberg. Nice work.
More...
Posted in: DesignDemo, Read More...
Thursday, May 29, 2008 Barcode Plantage Visualization - Revealing Bar Code Data
One can find it on almost all products: the bar code. Everyone knows that the bar code is used to facilitate the cashing and recording of goods in stores. But which information is actually encoded within the bar code? A simple answer to this question can be found at one of the product databases on the Internet, which are basically huge networks of national code databases. Keying in the 8, 12 or 13 digit figures of a bar code into an international code database, returns information on the manufacturer and the country of origin of the product. Moreover, each bar code is assigned to only one product worldwide; but these individual details are hardly visible to the naked eye.
Posted in: VizLIst, Read More...
Detect the Social Sites Your Visitors Use
SocialHistory.js, code enables you to detect which social bookmarking sites your visitors use. How does SocialHistory.js know? By using a cute information leak introduced by CSS. The browser colors visited links differently than non-visited links. All you have to do is load up a whole bunch of URLs for the most popular social bookmarking sites in an iframe and see which of those links are purple and which are blue.
Posted in: mHub, Read More...
Wednesday, May 28, 2008 AJAX Libraries API - Google Code
The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including, jQuery, prototype, script.aculo.us, Moo Tools, and dojo.
Posted in: mHub, Read More...
Monday, May 26, 2008 Visualizing Cultures - Image Driven Scholarship
Image driven scholarship is a lofty goal, however, MIT's Visualizing Cultures has created a wonderful visual learning space. I spent quite some time tonight going through the site and throughly enjoyed it. As they state, " Visualizing Cultures was launched at MIT in 2002 to explore the potential of the Web for developing innovative image-driven scholarship and learning. The VC mission is to use new technology and hitherto largely inaccessible visual materials to reconstruct the past as people of the time visualized the world (or imagined it to be). I love the idea and the site, however, the top drop-down menu at the top of the page started to bother me over time. Since this is the main navigation for the site it might be nice if it was a breadcrumb rather than a poppy drop-down. I still like the site very much.
More...
Posted in: DesignDemo, Read More...
How to Load In and Animate Content with jQuery
In this tutorial Nettuts takes as they say,"an average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects." Very fun AJAX tutorial.
Posted in: mHub, Read More...
Sunday, May 25, 2008 Twitter Social Network Analysis
A nice visualization by Akshay Java of network analysis of Twitter. "The following is a graph constructed using contacts from about 25K users. Notice that there is a link connecting two users if either one has the other as a friend and hence it is an undirected graph (of about 250K edges).
Posted in: VizLIst, Read More...
DimP - A Direct Manipulation Video Player
DimP is a video player prototype that allows to browse video clips by directly manipulating their content. The way it works is quite simple. First, DimP automatically extracts object motions from the videos and then allows the user to control video playback by scrubbing these objects on their trajectories.
Posted in: mHub, Read More...
Tuesday, May 20, 2008 UbiGraph - Dynamic Graph Visualization Software
UbiGraph is a tool for visualizing dynamic graphs. The basic version is free, and talks to Python, Ruby, PHP, Java, C, C++, C#, Haskell, and OCaml. Version 1.0 is distributed as two separate components. The server application, which renders graphs, is distributed as a compiled binary. The client bindings, which use XMLRPC, are distributed under an open source license. The software uses dynamic, multilevel graph layout for quick convergence of graph layouts. It uses XMLRPC for cross-language and distributed graph support, OpenGL for rendering, and Pthreads for parallelism. The software is also free and easy to use.
More...
Posted in: DesignDemo, Read More...
Page 3 of 43 pages « First < 1 2 3 4 5 > Last »
"Graph visualization is a way to discover and visualize structures in complex relations. What sort of structures are people who do large scale computation studying? We can get a glimpse by visualizing the thousands of sparse matrices submitted to the University of Florida Sparse Matrix collection. The resulting gallery contains the drawing of graphs as represented by 1890 sparse matrices in this collection. Each of these sparse matrices (for rectangular matrix, an augmented matrix is formed first) is viewed as the adjacency matrix of an undirected graph, and is laid out by a multilevel graph drawing algorithm."
Posted in: VizLIst, Read More...
Coda Slider Effect
Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it. Recreating this effect is simple to do if you know what plugins to use.
Posted in: mHub, Read More...
Tuesday, June 03, 2008 TEDsphere - an Audiovisual Knowledge Network
TEDsphere is a project created by Bestiario. All of the information and videos came from the TED Talks: Inspired talks by the world's greatest thinkers and doers. TEDspace offfers a different way to enjoy this amazing knowledge highlighting the relations between talks content.
Posted in: VizLIst, Read More...
Goosh Google Shell - Demo,
Between my work and my blog I look at a lot of interface design. I'm always looking for new ideas that I haven't seen before but, as you know many times that's very hard to find. Today I discovered Goosh and I knew I had found something different. Goosh is a website that puts the Google and Wikipedia searchs into a shell paradigm. This give you the feel of navigating these service in a command line environment. You can search all of the standard Google search such as, web, maps, news, feeds, video, and blogs etc. Playing around with this was pure fun. BTW Goosh was written Stefan Grothkopp, and is not an official Google product.
More...
Horizontal JavaScript Accordion 1kb
This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.
Posted in: mHub, Read More...
Monday, June 02, 2008 JavaScript Information Visualization Toolkit (JIT) - Demo
JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
More...
qGallery - Prototype Based Gallery Script
qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don't have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.
Posted in: mHub, Read More...
Plurk - Microblogging on a Timeline - Demo
At first glance I thought Plurk was just a twitter clone, however, after spending some time at the site it seems very different than twitter. Plurk is a microblogging application that hit the Bay Area and my Twitter friends feed in a big way today. The application takes the idea of Twitter and microblogging and adds several new features. Your thoughts appear on a timeline along with your friends thoughts. Instead of just "what are you doing" Plurk lets you add verbs like maxkiesler, loves, likes, shares, gives, and many others. The other interesting aspect of Plurk is the gaming aspect. One of the keys to your experience is your "karma points". These allow you more privileges on the site, such as, expanded profile, instant messaging, and uploading. There are still performance, and feature issues, however, it seems like a good start.
More...
Sunday, June 01, 2008 Dipity - Full Featured Shared Timelines
I've seen many shared timeline applications lately, however, Dipity has several features that make it stand out from the rest. Most timeline applications only allow one view if the content in a timeline view. Dipity shows timeline view, list view, flipbook view and a map view. I like the way you can see several view of the same or related information. You can also embed any timeline in your own website. Other features include favorites, comments, feeds and fans for each timeline. Currently this is my favorite shared timeline application.
More...
Ajax Security Tools
In this article, you'll learn about Ajax security tools, which you'll be using to scan for SQL injection and cross-site scripting vulnerabilities; to set a master password; and to restore the state of all windows after crashes. You'll take a look at tools and utilities that ensure that linked Web sites in applications are not on the blocked lists and which prevent hackers from altering browser functionality, defacing Web applications, and achieving malicious results. You'll find these utilities divided into three types within the article: hardening tools, Firefox tools, and Firefox add-ons.
Posted in: mHub, Read More...
Saturday, May 31, 2008 Prototip 2 - Create Beautiful Tooltips With Ease
This is a very nice piece of source code to keep in your personal AJAX toolkit. "Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework." It's very easy to use and works in all browsers.
Posted in: mHub, Read More...
Tag Galaxy - Flickr Visualization
Tag Galaxy is another in a long line of Flickr API visualizations. While I've seen several tag based visualizations for Flickr this one is particularly playful. You can move the globe, click on an image, and see more information about the photo. Most of the other tag visualizations for Flickr that I've seen when you click on the image to see a larger size, or learn more you leave the visualization and go straight to Flickr. I like that you stay in context with Tag Galaxy to view more. The project was created by Steven Wood of Georg-Simon-Ohm University of Applied Sciences Nuremberg. Nice work.
More...
Thursday, May 29, 2008 Barcode Plantage Visualization - Revealing Bar Code Data
One can find it on almost all products: the bar code. Everyone knows that the bar code is used to facilitate the cashing and recording of goods in stores. But which information is actually encoded within the bar code? A simple answer to this question can be found at one of the product databases on the Internet, which are basically huge networks of national code databases. Keying in the 8, 12 or 13 digit figures of a bar code into an international code database, returns information on the manufacturer and the country of origin of the product. Moreover, each bar code is assigned to only one product worldwide; but these individual details are hardly visible to the naked eye.
Posted in: VizLIst, Read More...
Detect the Social Sites Your Visitors Use
SocialHistory.js, code enables you to detect which social bookmarking sites your visitors use. How does SocialHistory.js know? By using a cute information leak introduced by CSS. The browser colors visited links differently than non-visited links. All you have to do is load up a whole bunch of URLs for the most popular social bookmarking sites in an iframe and see which of those links are purple and which are blue.
Posted in: mHub, Read More...
Wednesday, May 28, 2008 AJAX Libraries API - Google Code
The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including, jQuery, prototype, script.aculo.us, Moo Tools, and dojo.
Posted in: mHub, Read More...
Monday, May 26, 2008 Visualizing Cultures - Image Driven Scholarship
Image driven scholarship is a lofty goal, however, MIT's Visualizing Cultures has created a wonderful visual learning space. I spent quite some time tonight going through the site and throughly enjoyed it. As they state, " Visualizing Cultures was launched at MIT in 2002 to explore the potential of the Web for developing innovative image-driven scholarship and learning. The VC mission is to use new technology and hitherto largely inaccessible visual materials to reconstruct the past as people of the time visualized the world (or imagined it to be). I love the idea and the site, however, the top drop-down menu at the top of the page started to bother me over time. Since this is the main navigation for the site it might be nice if it was a breadcrumb rather than a poppy drop-down. I still like the site very much.
More...
How to Load In and Animate Content with jQuery
In this tutorial Nettuts takes as they say,"an average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects." Very fun AJAX tutorial.
Posted in: mHub, Read More...
Sunday, May 25, 2008 Twitter Social Network Analysis
A nice visualization by Akshay Java of network analysis of Twitter. "The following is a graph constructed using contacts from about 25K users. Notice that there is a link connecting two users if either one has the other as a friend and hence it is an undirected graph (of about 250K edges).
Posted in: VizLIst, Read More...
DimP - A Direct Manipulation Video Player
DimP is a video player prototype that allows to browse video clips by directly manipulating their content. The way it works is quite simple. First, DimP automatically extracts object motions from the videos and then allows the user to control video playback by scrubbing these objects on their trajectories.
Posted in: mHub, Read More...
Tuesday, May 20, 2008 UbiGraph - Dynamic Graph Visualization Software
UbiGraph is a tool for visualizing dynamic graphs. The basic version is free, and talks to Python, Ruby, PHP, Java, C, C++, C#, Haskell, and OCaml. Version 1.0 is distributed as two separate components. The server application, which renders graphs, is distributed as a compiled binary. The client bindings, which use XMLRPC, are distributed under an open source license. The software uses dynamic, multilevel graph layout for quick convergence of graph layouts. It uses XMLRPC for cross-language and distributed graph support, OpenGL for rendering, and Pthreads for parallelism. The software is also free and easy to use.
More...
Page 3 of 43 pages « First < 1 2 3 4 5 > Last »
Search
Advanced Search
Stream |
Blog Archives |
DesignDemo |
VizList |
mHub |
About |
News |
Contact
Max Kiesler is an award-winning strategic designer and co-founder and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...
This work is licensed under a Creative Commons Attribution 2.5 License
Max Kiesler is an award-winning strategic designer and co-founder and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...
This work is licensed under a Creative Commons Attribution 2.5 License