weird skates. 720 skates
Relatd javascript Articles
Amazon was an early user of dHTML techniques, and one of the first mega-sites to do inline popups and such (See All Categories).
The new design takes this to the next level with many more menus that popup when you mouseover them. Since Amazon has so many products these days, it must be a nightmare to try to fit things in, in a way that people find them easily. I personally just use search with the one exception of browsing "what's new".
The new design is in a test phase, so you may or may not see it:
What's the 1 thing missing from Ext JS? inline editing - this project aims to fix that! A simple class written for Ext JS which works in both IE and FF allowing inline editing and oh so easy posting of data to the server! read all about it... Abe Fettig works on JotSpot, which has evolved its rich text editor as new releases have come out. People have a love hate relationship with WYSIWYG, especially developers, and Abe started out there:
"I didn't always like WYSIWYG"
He starts off redefining what most people think of WYSIWYG. It doesn't mean Microsoft Word. vi can be WYSIWYG. If you are editing a text file you see what you are getting.
In fact this is a definition of WYSIWYG:
"EMACS was one of the very first WYSIWYG editors, replacing (actually, at first overlaying) the extremely obscure, command-based TECO."
WYSIWYG is WYSIWYG if you do not have to imagine what the output will be.
Wordpress Editor Example
Abe created a WP theme that changes the default WP behaviour for editing:
- user comments: lightweight wysiwyg: the div it grows, url recognised. simple.
- admin post: edit inline instead of going to the edit page in /wp-admin
Abe next went into some nuts and bolts, getting into details on document.designMode="on", contentEditable, and document.execCommand.
The bad news is that browsers differ a lot here, which means that if you are writing to this low level you are in for a lot of browser checking work.
Abe shows how we can build editors, but quickly warns us from doing so.
I have seen enough to know that I sure as hell do not want to write my own rich editor.
The Dojo editor was the obvious example to see how much easier it is to use an editor that is out there, versus writing your own, and we should plug it into our template at ajaxian.com.
Watch out for the following in rich components
- Custom undo/redo stacks that work
- Spell check: FF2 has it, gmail has it. Goal: cross browser inline spell check that works
- Zimbra ALE: embedding rich objects in WYSIWYG using iframes
- Advanced plain text editing: grok code and syntax
Related javascript Projects
What is XSTM?
XSTM is a n open sourcelibrary which enables high performance object replication between processes. It is an object oriented Distributed Shared Memory, or a Distributed Object Cache.
XSTMhas similarities with technologies like Adobe Flex Data Services , JBoss Cache, Terracotta, Tangosol Coherence , ScaleOut , or IBM's ObjectGrid .
Our model is based on object shares, which work like file shares. When an object is added to a share, it appears on the other machines which have the same share opened. Modifications done to the fields of the object are from this point replicated between machines.
Read more in the project overview.
XSTMis made of three projects. The Java implementation is called JSTMand is the base from which
the other versions are derived. An adapted version made with Luciano, the
author of GWM , is available for GWT . It allowsthis library to be used in a browser. NSTM is a .NET port based on IKVM.
All implementations are compatible with each other so object replication can take
place e.g. between a Java server and a .NET Smart Client.
- No plugins like Flash or Java required.
- Popup blockers are no problem. The content expands within the active browser window.
- Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
- Compatibility and safe fallback. If the user has disabled JavaScript or is using an old browser, the browser redirects directly to the image itself or to a fallback HTML page.
The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.
Google Web Toolkit (GWT) is an open source Java software development framework that makes writing AJAX applications like Google Mapsand Gmaileasy for developers who don't speak browser quirks as a second language. Writing dynamic web applications today is a tedious and error-prone process; you spend 90% of your time working around subtle incompatibilities between web browsers and platforms, and JavaScript's lack of modularity makes sharing, testing, and reusing AJAX components difficult and fragile.
GWT lets you avoid many of these headaches while offering your users the same dynamic, standards-compliant experience. You write your front end in the Javaprogramming language, and the GWT compiler converts your Java classes to browser-compliant JavaScript and HTML.