For too long HTML email has been the ugly step-child of the web. It’s time for a change, so Campaign Monitor teamed up with some seriously talented designers to bring their skills to the world of HTML email.

There are 100+ Free HTML Email Templates with PSD source files. Every template has been thoroughly tested in more than 20 of the most popular email clients like Outlook 2010, Gmail, Lotus Notes, Apple Mail, the iPhone, and more. They’re ready to roll and are completely free.

Published under: Webmail

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Designers use standards-compliant HTML and CSS for both content and design, no JavaScript programming is required.

The JavaScript is under 25K gzipped. And it works with most modern browsers, and degrades gracefully for older browsers. However, Treesaver is still quite immature. There are still a lot of bugs that need to be fixed.

Published under: Framework | GPL License | MIT License

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

It can feed from a XML file or attached to an existing HTML table.

The library automatically enables users to edit cells with a suitable editor like textfields, checkbox, etc. and comes with built-in validators (integer, double, URL, e-mail and date).

More...

Published under: Tables | GPL License

AeroWindow  is a jQuery plugin for creating Windows 7-like aero style pop-ups.

The pop-ups not only look like a native Windows element but also behave similarly as well with the minimize, zoom, maximize and close functions.

There can be multiple pop-ups in one page where the active one is highlighted visually.

All can be resized, drag'n dropped or maximized with double-clicks, all like Windows.

AeroWindow has various options like defining:

    - window titles
    - start positions (x-y or centered)
    - standard and minimum sizes
    - getting the status of an open window
    - applying animations on windows


The plugin is pretty awesome specially for anyone who wants to build an OS-like web interface.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.soyos.net/aerowindow-jquery.html
Demo: http://www.soyos.net/tl_files/demos/aero-window/

Published under: Popup | Tooltips

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for.

And here is some of the geat features that Firebug provides you with:

  • Inspect HTML and modify style and layout in real-time
  • Use the most advanced JavaScript debugger available for any browser
  • Accurately analyze network usage and performance
  • Extend Firebug and add features to make Firebug even more powerful
  • Get the information you need to get it done with Firebug.

 

Published under: Code | Utilities