Oct 09

Bob Dylan’s least comprehensible interviews – videos

MISC No Comments »


New York Magazine has compiled a set of links to the ten most incomprehensible Bob Dylan interviews of all time. Man, when Dylan rambles, he really rambles. It must be that all his articulateness neurons have been given over to writing some of the greatest poetry in living memory, leaving none left over for pointless little TV interviews. Link (Thanks, Danny!)


[via Boing Boing]

Oct 09

Complete UI 2007 for Dreamweaver

Ajax, Web Design No Comments »

Awhile back we discussed Dreamweaver as a potential Ajax IDE.

Here's the press release:

Nitobi"s Complete UI is a powerful set of components that will give Dreamweaver users the ability to present data in an engaging format in a fraction of the time," states Michael Lekse, Vice President of Sales and Services at WebAssist. "Dreamweaver professionals looking to enhance their user interface functionality should turn to Nitobi with confidence."

The easy drag and drop feature for Dreamweaver reflects Nitobi"s philosophy of fast, easy web application development–a key selling point of Complete UI. Complete UI components are designed to be easy to implement and to help create web applications with intuitive and graceful user interfaces. The Complete UI suite includes:

  • Grid — A cross-browser spreadsheet with Excel "copy/paste", LiveScrolling, and more.
  • ComboBox — A drop-down menu with autocomplete functionality, similar to Google Suggest.
  • Calendar — A high-performance calendar picker that can be used with Nitobi Grid or in standalone web applications.
  • Callout — A rich, skinnable tool-tip that prompts users with real-time feedback and helpful instructions as they navigate through an application.
  • Fisheye — A tool bar menu featuring fisheye magnification, similar to Apple OS X tool bar.
  • Spotlight — A tool for creating stylish guided tours of websites and applications.
  • Tabstrip — Folder tabs for navigating to different sections of a web application via Ajax or iFrame requests.
  • Tree — A hierarchical data view, similar to the folder view in Windows Explorer.
  • Ajax Toolkit — A library of fully-documented tools used in Nitobi components that can be re-used in your own applications, or to build your own components.

In addition to Dreamweaver support, Complete UI includes enhancements to Nitobi Grid, including expanding spreadsheet-style rows and even better performance.

What better way to check this out than a set of screencasts?

What do you think of Dreamweaver now?

[via Ajaxian]

Oct 09

Simple Layout Manager with Prototype

Ajax, Javascript No Comments »

Sébastien Gruhier (Mr. Proto) has created a JavaScript layout framework using Prototype 1.6. The Simple Layout Manager lets you create simple layouts using simple CSS and also let you dynamically add to the manager:

PLAIN TEXT
JAVASCRIPT:

  2. layoutManager.add('your_element_id');

You can see some simple demos.

We have see a slew of CSS frameworks coming out there, and now we are starting to see people go past the pure CSS frameworks, and using JavaScript to take things to the next level.

Download the Simple Layout Manager code.

[via Ajaxian]

Oct 09

$: Now with more magic!

Ajax No Comments »

Dustin Diaz is on a roll :) He has posted about Roll out your own JavaScript Interfaces in which he discusses the desire to use style from libraries such as prototype, jquery and friends, yet in a small bit of code where you don't want to use the library:

There are times when using a JavaScript library is called for. Building large web applications that use a wide array of utility functions that help aid in developing multi-tiered class systems, advanced UI components, complex event models, and heavy use of DOM scripting helpers. Yep. Those are all great.
However, there are other times when you don’t need all that. And often what we end up doing is just importing a few of our favorite functions as globals, and work off those. But what ends up happening in this case is that we lose the particular style that these libraries offer. For instance, I’d still like to be able to do something like this without a library.

Dustin would like to write something like this:

PLAIN TEXT
JAVASCRIPT:

  2. $('foo', 'bar').on('click', function(e) {
  3. $(this).css({
  4. color: 'green',
  5. fontSize: '2em'
  6. }).addClass('active');
  7. });

And to implement the magic he takes Prototypes $() and makes it a special object that can do much more:

PLAIN TEXT
JAVASCRIPT:

  2. (function() {
  3. // private constructor
  4. function _$(els) {
  5. this.elements = [];
  6. for (var i=0; ilength; i++) {
  7. var element = els[i];
  8. if (typeof element == 'string') {
  9. element = document.getElementById(element);
  10. }
  11. this.elements.push(element);
  12. }
  13. return this;
  14. }

  16. _$.prototype = {
  17. each: function(fn) {
  18. for ( var i = 0, len = this.elements.length; i) {
  19. fn.call(this, this.elements[i]);
  20. }
  21. return this;
  22. },
  23. setStyle: function(prop, val) {
  24. this.each(function(el) {
  25. el.style[prop] = val;
  26. });
  27. return this;
  28. },
  29. addClass: function(className) {
  30. this.each(function(el) {
  31. el.className += ‘ ‘+className;
  32. });
  33. return this;
  34. },
  35. on: function(type, fn) {
  36. var listen = function(el) {
  37. if (window.addEventListener) {
  38. el.addEventListener(type, fn, false);
  39. } else if (window.attachEvent) {
  40. el.attachEvent(’on’+type, function() {
  41. fn.call(el, window.event);
  42. });
  43. }
  44. };
  45. this.each(function(el) {
  46. listen(el);
  47. });
  48. return this;
  49. },
  50. css: function(o) {
  51. var that = this;
  52. this.each(function(el) {
  53. for (var prop in o) {
  54. console.log(prop);
  55. that.setStyle(prop, o[prop]);
  56. }
  57. });
  58. return this;
  59. }
  60. };
  61. window.$ = function() {
  62. return new _$(arguments);
  63. }
  64. })();

You can see a demonstration at work.

[via Ajaxian]

Entries RSS Comments RSS Log in