Web 2.0 information blog

Lightview by Nick StakenburgCSS, Image, GalleryJanuary 29th, 2008

Lightview was built to change the way you overlay images on a website.

Clean: Designed to compliment your images.Fast: Smart image preloading.Easy to customize: You don’t even have to know CSS.Rounded: Adjustable rounded corners, without PNGs.Smart resizing: Images will always fit on your screen.Custom events: Using Prototype 1.6Slideshow: One button slideshow.Effects: Using Scriptaculous.Works on all modern browsers

(more…)

SearchFieldCSSJanuary 28th, 2008

SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields.
All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.

Features

SearchField features 3 states for search input field based on user’s actions. We have inactive state, on click state (on focus to be exact) and inactive with user inputted text. You’ve seen these features on many sites but the difference here is that all you need to do is provide id to your search field, script takes it from there.

(more…)

File upload forms that don’t suckCSS, HTMLJanuary 15th, 2008

Most file upload forms suck. It’s not just the lack of design, but also the unintuitive and inflexible interface. There is usually a single file upload field, where you need to select and upload files one at a time. If your connection is slow and you have a bunch of files to upload, it will soon start to be irritating. Hotmail does it that way.
(more…)

Vertical Bar Graphs with CSS and PHPCSS, PHP, ImageJanuary 9th, 2008

Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.

(more…)

dompdf - The PHP 5 HTML to PDF ConverterPHPJanuary 8th, 2008

dompdf is an HTML to PDF converter. At its heart, dompdf is (mostly) CSS2.1 compliant HTML layout and rendering engine written in PHP. It is a style-driven renderer: it will download and read external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes.

(more…)

Iconize Textlinks with CSSCSS, Image, HTMLJanuary 7th, 2008

Links are fun, but sometimes we don’t know where they take us. With this little CSS technique a user can identify a link by its icon. This whole thing was inspired by the “Showing Hyperlink Cues with CSS” article of Ask the CSS Guy.
The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.
Here are some more examples which are already implemented:

(more…)

Slideshow: A Javascript class for MootoolsCSS, Image, EffectNovember 13th, 2007

Overview

Slideshow is a javascript class to stream and animate the presentation of images on your website. Slideshow was originally written as a plugin for the Textpattern CMS in 2006, using the original Moo.fx javascript library. This new version has been re-written from the ground-up for Mootools, incorporating many developments and feature requests over the past year. Use the links below to see what new features are available in Slideshow and how it might enhance the presentation of images on your website.

(more…)

Scriptaculous Lists with PHPCSS, PHPNovember 10th, 2007

Scriptaculous Sortables

Scriptaculous is one of many great new JavaScript libraries created to answer the call for well written ‘Web 2.0′ JavaScript libraries. Written by Thomas Fuchs, scriptaculous has many features that can be used in AJAX-ified applications, drag-and-drop effects, and a whole slew of visual effects.

The drag-and-drop effects, most notably the sortables, caught my eye because the look great, they are so easy to implement, and they’re just so much nicer than the standard listbox with up/down arrows that we see in most of today’s applications and administration tools.

(more…)

JonDesign’s SmoothGallery 2.0CSS, Image, Effect, GalleryNovember 7th, 2007

Because a picture is worth a thousand words. Because accessibility is mandatory. Because Search-Engines should read your content. Because you want to be cool. And last but not least, because open-source rocks. JonDesign’s SmoothGallery 2.0 is there for you !.Brought to you by JonDesign, tailored website solutions.

Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…

(more…)

PopBox! Javascript Image Magnification 2.4Javascript, Image, EffectNovember 1st, 2007

V2.4 - Still Easy. Still Simple. Just Better.

PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it’s nothing new and that you’ve been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!

(more…)