jQuery News Ticker Add Change Tracking to Online Text Editing with Ice.js If you're looking to add change tracking to a Web app, you might want to take a look at Ice from the CMS group at the New York Times. Ice (or Ice.js) is an implementation of change tracking for any content-editable element on the Web. It can track changes (inserts, deletes) from multiple users, and has some optional plugins for converting "smart" quotes and creating em-dashes. Hands-on experience is probably the best way to get an idea what Ice.js can do. The current demo shows a plain content-editable element with Ice.js as well as a TinyMCE instance using Ice.js as a plugin. Ice.js also has an API, so you could use it as the basis for your own custom editor or integrate it into an editor like TinyMCE. Ice.js looks pretty good so far, but the project is still in early days and the developer is calling for other folks to get involved adding features, plugins and documentation.
element « DOM Reference The Element interface represents an object within a DOM document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality. For example, the HTMLElement interface is the base interface for HTML elements, while the SVGElement interface is the basis for all SVG elements. Languages outside the realm of the Web platform, like XUL through the XULElement interface, also implement it. Properties Inherits properties from its parents Node, and its own parent, EventTarget, and implements those of ParentNode and ChildNode. Event handlers Element.oncopy Returns the event handling code for the copy event. Element.oncut Returns the event handling code for the cut event. Element.ongotpointercapture Element.onlostpointercapture Element.onpaste Returns the event handling code for the paste event. element.onwheel Returns the event handling code for the wheel event. Methods
OpenShift by Red Hat remybach/jQuery.superLabels - GitHub JSON Mobile Middleware slabText – a jQuery plugin for creating big, bold & responsive headlines I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again? Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text. Calculated and preset word combinations While the script does an admirable job at automating the creation of the individual rows, there are certainly situations in which you would choose to control the word combinations used to split the headline. Headers containing links Plugin options
HTML5: The Missing Manual - The Try-Out Site Welcome, readers! Below is a chapter-by-chapter list of all the sample files discussed and demonstrated in the book. Click a link to run one straight from the Web, or download everything as one big ZIP file if you'd prefer to try it out on your own computer. Examples are, as much as possible, exactly as demonstrated in the book. Note: If you're looking for the list of web addresses mentioned in the book, visit the links page. Another Note: These resources are for the latest, most up-to-date second edition of the book. Chapter 1. Chapter 2. Chapter 3. Chapter 4. Chapter 5. Chapter 6. Chapter 7: Responsive Web Design with CSS3 Chapter 8: Basic Drawing with the Canvas Chapter 9. Chapter 10. Chapter 11. Chapter 12. Chapter 13. Appendix A.