MonthMarch 2010

Pure CSS Speech Bubbles

Just as the title says, speech bubbles done beautifully just with pure CSS.

All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo)…

Uniform

Uniform supposedly helps you produce “sexy forms with jQuery.” Essentially, it is a jQuery plugin that styles form elements and provides them a consistent look. A few designs are initially available as themes and it should be fairly easy to build your own from it.

jquery-transmit

jquery-transmit is a jQuery plugin used to produce a flash–based multi–file uploader for your pages, all this quite simply achievable:

$(document).ready(function() {
                $("#transmit").transmit("http://mysite.com/upload/");
            });

Now there’s no need to dive into flash or swfupload configuration files, multi–uploaders can be as simple a few lines of code.

Plupload: Uploading Made Simple

Plupload is an open–source tool that allows you to provide uploading functionality for your website. So what makes it special? It utilizes HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads—all this transparently and without the developer’s intervention.

This project is from the guys who made TinyMCE, so I’m sure incremental updates will be regular.

flashblockdetector: Detect Browser Flash Blocking

flashblockdetector allows a developer to use javascript to check if a browser client is using flash blocking extensions. Using this utility, you can inform a reader to whitelist/disable flash blocking for your given site, in case you need flash functionality. I’m sure this is useful for those dreaming of building the next Youtube.

html5media: <video> Tag for Everyone!

html5media is a javascript utility that you can simply call in your page’s header and use the generic HTML5 <video> tag to display videos, without having to worry if your reader’s browser support HTML5 and the <video> tag.

Usage is very simple. Place this code in the <head> section:

<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>

After that, embedded movies can be added simply:

<video src="video.mp4" width="320" height="240" controls autobuffer></video>

When HTML5 video is supported by a given browser, the file is served as is. Otherwise, a simple flash movie player is dynamically swapped in its place. Note however that encoding issues are still present, especially the H.264/Theora debate that plagues Firefox and makes it different to other modern browsers.

© 2017 builder2

Theme by Anders NorénUp ↑

Follow

Get every new post delivered to your Inbox

Join other followers: