Apr
25th

LightWindow v1.1

Files under Web Design, Web Development | 195 views | Leave a Comment

LightWindow v1.1

Why another light-’whatever’?

After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by.

Other caveats were the complete lack of ability to style and position the system, and the insane over-kill of some of the systems trying to reproduce either another desktop (As if most computer users aren’t confused enough) or the reproduction of a popup window (Show me someone who likes popup windows…). Lastly, most people didn’t actually test for their media types and how they behaved in other browsers and operating systems (Yes the movies and Flash work in Firefox for the Mac).

Because of Media problems and MAJOR flickering in Firefox on the Mac, you will not only need to specify a color for opacity but create a PNG to repeat that is the same opacity for this one situation, included is a 70% as you see on this page.

What are all of the features?

* Supports 5 different types of Media: Pages, Inline Content, Media(Movies, SWF, etc), Images(Galleries, Single), External Websites(via iframe)
* Automatically detects media and source.
* Fully customizable via CSS.
* Set starting heights and widths for each media and define media types.
* Window will fit content fetched! Excludes i-frame content
* The window is perfectly centered on the screen.
* There are optional Title Bars and Data boxes.
* Multiple Galleries are allowed with a Menu on the Galleries
* All windows will shrink to fit the screen including Image Sizes (Though in some cases its not recommended, i.e. fixed sized windows)
* Width, Height, Overflow, and Multiple Image Slides can optionally be set.
* Submit Forms via the window.
* ANY Character is supported with the exception of ‘[’ & ‘]’ (These are used to delineate categories for galleries)
* author, caption, title, and params (Added for this library) attributes are supported
* Click anywhere on the overlay to close the window or the ESC key. Optionally you can create your own close links or enable the title bar and use that close link.
* Define your own actions!
* NEW Instantiate a window on the fly instead of on page load.
* NEW Toggle Gallery Tab visibility.
* NEW Flash is resized to fit window (even if lWWidth and lWHeight are passed).
* NEW hideFlash is now a configuration option to choose whether or not to hide the flash in your page, in case you are smart enough to set the wmode and want that cool overlay effect on your flash.
* NEW formMethod is now available to set your form method to either ‘post’ or ‘get’.
* NEW iframes are removed from the DOM on lightWindow deactivation.

http://stickmanlabs.com/lightwindow/

Apr
24th

ThickBox 2.1.1

Files under Web Design, Web Development | 86 views | Leave a Comment

ThickBox 2.1.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Features:

* ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 19k, uncompressed it’s 55k.
* The ThickBox JavaScript code and CSS file only add an additional 12k on top of the jQuery code. Together, the compressed jQuery code and ThickBox only total 31k.
* ThickBox will resize images that are bigger than the browser window.
* ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
* ThickBox will hide form elements in Windows IE 6.
* ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.
* The ThickBox creator has decided that animation should be tailored by individual authors. So yeah, ThickBox no longer animates. Is this a feature? Well, some might say it is.

http://jquery.com/demo/thickbox/

Apr
23rd

SimpleJS

Files under Web Design, Web Development | 100 views | Leave a Comment

SimpleJS

Introduction

SimpleJS is a simple and light javascript library which proposes functions ready to use to make the the exploitation of ajax easier. First developed for the beginners and the small projects, SimpleJS is a free library which can’t be compared with Prototype or other professional framework.

SimpleJS size 5ko and does not require any external framework.

The functions are simplified as much as possible. SimpleJS has been tested on IE6, IE7( beta), Firefox 2.0 and Opera 9.02.

http://simplejs.bleebot.com

Apr
22nd

PlotKit - Javascript Chart Plotting

Files under Web Design, Web Development | 168 views | 1 Comment

PlotKit - Javascript Chart Plotting

Introduction

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

PlotKit is fully documented and there is a quick tutorial to get you started.

PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.
Requirements

* MochiKit 1.3 or higher
* HTML Canvas: Safari 2+, Opera 9+, Firefox 1.5+, IE 6 (in emulated mode)
* SVG: Opera 9+, Firefox 1.5+ (see note), IE6 with Adobe SVG.

Note: Firefox 1.5+ on Linux and Windows is supported. Firefox 1.5+ on Mac does not draw labels in SVG, so you must set axisLabelUseDiv to true if you want to have maximum compatibility.
License(s)

* PlotKit is copyright (c) 2006 Alastair Tse. Licensed under the BSD License.
* excanvas.js is copyright (c) 2006. Google Inc. Licensed under the Apache License.

http://www.liquidx.net/plotkit/

Apr
21st

PHP Mailer

Files under Web Design, Web Development | 153 views | Leave a Comment

PHP Mailer

Why you might need it

Many PHP developers utilize email in their code. The only PHP function that supports this is the mail() function. However, it does not expose any of the popular features that many email clients use nowadays like HTML-based emails and attachments. There are two proprietary development tools out there that have all the functionality built into easy to use classes: AspEmail(tm) and AspMail. Both of these programs are COM components only available on Windows. They are also a little pricey for smaller projects.

Since I do Linux development I have missed these tools for my PHP coding. So I built a version myself that implements the same methods (object calls) that the Windows-based components do. It is open source and the LGPL license allows you to place the class in your proprietary PHP projects.

Features

* Can send emails with multiple TOs, CCs, BCCs and REPLY-TOs
* Redundant SMTP servers
* Multipart/alternative emails for mail clients that do not read HTML email
* Support for 8bit, base64, binary, and quoted-printable encoding
* Uses the same methods as the very popular AspEmail active server (COM) component
* SMTP authentication
* Word wrap
* Address reset functions
* HTML email
* Tested on multiple SMTP servers: Sendmail, qmail, Postfix, Imail, Exchange, etc
* Works on any platform
* Flexible debugging
* Custom mail headers
* Multiple fs, string, and binary attachments (those from database, string, etc)
* Embedded image support

http://phpmailer.sourceforge.net/

Apr
20th

Spiffy Corners - Purely CSS Rounded Corners

Files under Web Design, Web Development | 105 views | Leave a Comment

Spiffy Corners - Purely CSS Rounded Corners

What?
Spiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or javascript.

Why?
I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are serving millions of files a day you start to pay attention to how many files a particular page needs in order to load.

There are solutions for rounded corners using pure CSS. There are solutions that create anti-aliased corners. There are solutions that don’t require JavaScript. But to my knowledge, there has yet to be a pure CSS solution for rounded corners that does not require images or JavaScript. After looking, I decided to just create one myself. I’m not much of a programmer, but it was actually a lot of fun figuring out the math involved and learning arrays. In the end I ended up with 3 functions in under 20 lines of code total, so I’m quite happy with myself.

Spiffy Corners - Purely CSS Rounded Corners

http://www.spiffycorners.com/

Apr
19th

TinyMCE Javascript Content Editor

Files under Web Design, Web Development | 100 views | Leave a Comment

TinyMCE Javascript Content Editor

What is TinyMCE?

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

TinyMCE Features

* Easy to integrate, takes only two lines of code.
* Customizable through themes and plugins.
* Customizable XHTML 1.0 output. Block invalid elements and force attributes.
* International language support (Language packs)
* Multiple browser support, Mozilla, MSIE, FireFox, Opera and Safari (experimental).
* PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
* You can easily use AJAX to save and load content!

TinyMCE Javascript Content Editor

http://tinymce.moxiecode.com/

Apr
18th

FCKeditor - The text editor for Internet

Files under Web Design, Web Development | 115 views | Leave a Comment

FCKeditor - The text editor for Internet

This HTML text editor brings to the web many of the powerful functionalities of desktop editors like MS Word. It’s lightweight and doesn’t require any kind of installation on the client computer.

Features
* Multi browser compatibility
* Outputs XHTML 1.0
* CSS support for better integration with your web site
* Font formatting: type, size, color, style, bold, italic, etc
* Text formatting: alignment, indentation, bullets list, etc
* Cut, Paste and Paste as Plain Text, Undo and Redo
* Paste from Word cleanup with auto detection
* Link and anchors support
* Image insertion, with upload and server browsing support
* Table creation and editing (add, delete rows, etc) - one of the best systems in the market.
* Table cells editing (size, colors, etc)
* Form fields
* Right click context menus support
* Complete toolbar customization
* Skins support
* Plugins support
* Spell checker
* Multi-language support with automatic user language detection. Including Right to Left scripting.
* Complete page editing (from to ) or just contents.
* Lightweight and fast
* Automatic browser detection and customization
* Integration with ASP, ASP.NET, Java, ColdFusion, Perl, PHP, Javascript and more.
* Image and file links upload and server repository browser.
* For web developers it is easy to install and customize
* For web users it’s simple and easy to use!

FCKeditor - The text editor for Internet

http://www.fckeditor.net/

Apr
17th

Color Schemer Studio

Files under Web Design, Web Development | 82 views | Leave a Comment

Color Schemer Studio

Color Schemer Studio is a professional color matching application for anyone from hobbyists to advanced professionals.

Work with a dynamic visual color wheel, instantly explore harmony relationships and even let Color Schemer Studio intelligently suggest color schemes for you!

Color Schemer Studio

Color Schemer Studio

http://www.colorschemer.com/studio_info.php

Apr
14th

SWFUpload 2007

Files under Web Design, Web Development | 97 views | Leave a Comment

SWFUpload 2007

SWFUpload

A small javascript/flash library to get the best of both worlds - The great upload capabilitys of flash and the accessibility and ease of html/css

* Upload multiple files at once by ctrl/shift-selecting in dialog
* Javascript callbacks on all events
* Get file information before upload starts
* Style upload elements with XHTML and css
* Display information while files are uploading using HTML
* No page reloads necessary
* Works on all platforms/browsers that has Flash support.
* Degrades gracefully to normal HTML upload form if Flash or javascript is unavailable
* Control filesize before upload starts
* Only display chosen filetypes in dialog
* Queue uploads, remove/add files before starting upload

http://swfupload.mammon.se/