Video For Everybody is a smartly created HTML code for embedding videos into websites using the HTML5 <video> element.

If HTML5 is not supported, it falls back to QuickTime & Flash as the last option automatically (actually, as the last option, it can display an image if the Flash is not supported).

It does not use any JavaScript or browser-sniffing & works in RSS readers, iPhone / iPad besides all the major browsers.

Video For Everybody requires the video to be encoded in 2 different formats:

• MP4 (Safari, Flash,  iPhone / iPad)
• OGG (Firefox 3.5+, Chrome, Opera 10.5+)

There is also a test page provided to see the compatibility it offers across browsers.

TinyEditor is a lightweight (8kb) JavaScript WYSIWYG editor that is free to use in both personal & commercial projects.

It is a standalone script (does not require any JS frameworks) & converts any given textarea to an editor

The can be easily customized by updating the parameters (like removing some of the controls). And it is possible to style it via CSS:

TinyEditor can be resized, a starting content can be defined, set to generate HTML or XHTML code & more..

52framework is a CSS framework which aims to provide an easy way to build websites using HTML5 & CSS3 while still supporting all modern browsers (including ie6).

It uses HTML5 tags like header, nav, section, article, footer or new input field types like url, email, etc. The framework also has a HTML5 compatible reset stylesheet.

52framework uses the new ::selection selector that enables you to customize the properties of selected text.

It can apply rounded corners for any block level element, text-shadow for text elements & more.

The framework also includes styles for creating grids: 16 column, 52 pixel based with 8 pixel gutter.

52framework is a user-contributed resource & you can easily send suggestions to improve it further.

gMap is a lightweight (2kb) jQuery plugin for easily integrating Google Maps into any website.

It can embed a map with a tiny function like:

$("#map").gMap();

and can be customized further with settings like:

• latitude/longitude
• default zoom level
• markers, their positions, info to display as a pop-up, custom marker images
• mapping controls on/off
• & more..

Grimace is a free Flash-based component for displaying emotions through facial expressions.

It is developed in pure AS3, delivered as a lightweight SWF file & supports 6 emotions: joy, surprise, fear, disgust, sadness, anger (and their combinations).

The component can be integrated into any project using Javascript, Flex, Flash IDE or pure Actionscript.

The configuration of the Grimace is accomplished through external XML-based files, which allow full customization.

Some usage ideas for the component:

• visually displaying emotions in a chat application
• using it as a password-meter (a bad password can be "shocked", good one can be "joy", etc)
• online games (status of a player)

P.S. The component is only free for personal use.

xmoovStream Server is an open source http streaming server built with PHP.

It creates a layer between the web & your files to provide you control over them in many ways like:

• stream Flash videos
• force file downloads
• logging of every action
• hot link protection
• hide original file locations
• bandwidth throttling & burst loading
• & more..

xmoovStream is a centralized server which can manage different kinds of content from different urls under a single installation.

Like mentioned, it is not limited to streaming Flash videos, it can simply stream any file type including the video player itself or a thumbnail.

The server also comes with a lightweight video player & an audio player for streaming your content.

P.S. The resource is free for non-commercial website & requires a license for any other usage.

Upperx is a set of 100+ free grunge textures with a nice little story.

They are photographed from the old, oxidized, metallic & graffiti-painted doors at Barcelona's Poblenou, an old industrial neighborhood now in full transformation.

All images are in .JPG format, 850*637px size & 72 PPI resolution.

Some Random Dude, a blog on design & technology, is presenting a clean & stylish icon set named Iconic.

The set consists of 84 icons that comes in both .SVG & .PNG formats.

The PNG format has various sizes (8×8, 12×12, 16×16, 24×24 & 32×32 pixels) & 14 different colors already included.

#grid is a tiny tool, built with JavaScript & CSS, which inserts a layout grid into web pages & enables you to detect alignment issues in place.

It is activated with a hotkey (Alt+g) & can toggle between displaying the grid in the foreground or background.

By default, #grid comes with a 980-pixel-wide background image to provide the vertical grid lines (a 940-pixel-wide content area with 20px gutters).  But, when working on different grids, you can create a new image for your guides.

Usage is very straightforward, just include the JavaScript file & CSS to your project.

MooEditable is a MooTools plugin that instantly converts a textarea field into a WYSIWYG editor.

It has a slick interface & comes with only the frequently used items like text formatting, lists, inserting images/links & undo/redo.

The plugin can also switch between design & HTML modes.

If you'd like to improve it further or customize to your needs,  It has a very detailed documentation.