Reader
You are here: Home / Archives for 2009

Archives for 2009

Simple Web-Based MooTools WYSIWYG Editor: MooEditable

Last updated on by Gabriel Livan

MooEditable is a simple and user friendly web-based WYSIWYG editor written in MooTools. It replaces the <textarea> element with the actual editor. The default options that you can use are: bold, italic, underline, ordered & unordered lists, indent and outdent text, undo & redo, add & remove hyperlink, add image. Like many similar editors out there, MooEditable supports “toggle view” for switching between the WYSIWYG area and the HTML source code. Moreover, it can be extended by adding more action elements to it including: a character map, the possibility to insert image with manipulation options, smiles, a basic color picker, the option to add and modify tables.

Features include:

  • Clean interface
  • Customizable buttons
  • Tango icons
  • Lightweight
  • Fully degradable when Javascript disabled

All-in-One CSS/HTML/JavaScript Front-End Framework: Easy

Last updated on by Gabriel Livan

The main goal of Easy’s framework is to provide a solid base for all of your front-end projects. This CSS/HTML/JavaScript framework is meant to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques. Easy includes all 3 layers of front-end: structural, presentational and interactive. That makes it the true all-in-one solution for your next front-end project.

Easy is not just a CSS framework designed for building layouts. It includes built-in (JQuery powered) interactive functions and a library of preformatted and precoded CSS/HTML content blocks that you can simply paste into your master template.

Main features include:

  • Rock-solid base HTML structure
  • Predefined basic CSS styles for both screen and print
  • Built-in set of interactive functions (no JavaScript code needed)
  • 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

Easy is rock-solid, true all-in-one front-end solution that you can easily use as it is or customize to fit your own needs.

Downloadify: Save Files using Flash & JS without Server Interaction

Last updated on by Gabriel Livan

Downloadify is a JavaScript and Flash library that enables you to download files on the fly files without requiring server interaction. Since it’s running client-slide, this super small library (~3KB of JavaScript, ~2KB SWF, ~2KB Image) enables faster downloads when re purposing data already contained in a page (vCard, iCal, etc.). Thus, this solution can reduce the database and server load of existing web applications.

This is not a library to ‘force download’ a file from a server. It does not interact with a server at all.

Read more from this entry…

Produce Interactive, Zoomable Charts of Time Series: dygraphs

Last updated on by Gabriel Livan

dygraphs is a lightweight (45kb) and responsive JavaScript Visualization Library that produces interactive and zoomable charts of time series. This library is designed to display dense data sets and enable users to explore and interpret them.

Being purely client-side JavaScript, dygraphs does not send your data to any servers: the data is processed entirely in the client’s browser.

Read more from this entry…

Move Elements into an Interactive Area: Roundabout jQuery Plugin

Last updated on by Gabriel Livan

jquery-roundabout

Roundabout is a JQuery Plugin that converts a structure of static HTML elements (either ordered or unordered) into a highly customizable turntable-like interactive area. After a quick configuration it can even work with a set of nested elements. Although the default setup is for <ul> and <ol> elements, you can apply this plugin to anything (for instance a DIV class that has some child objects).

Read more from this entry…