Similar to the IE6 situation, when using HTML5/CSS3 in our websites, it is a good idea to offer non-problematic outputs to web users with older/non-standard browsers.
Modernizr is a JavaScript library that uses feature detection techniques to determine whether or not the current browser is capable of CSS3 and HTML5 features like rgba(), border-radius, CSS Transitions & more.
It enables you to write pseudo-IF/ELSE statements in your CSS &, if wanted, it is possible to wirite conditional statements in JavaScript with the help of a "Modernizr JavaScript object" created.
Also, Modernizr adds support for styling HTML 5 elements. This allows you to use more semantic, forward-looking elements such as <section>, <header> and <dialog> without having to worry about them not working in Internet Explorer.
MyTableGrid is a JavaScript-powered datagrid control, built with Prototype, for displaying data in an easy-to-browse & flexible way.
It offers an Ajaxed interface with pretty fast paging & data-sorting.
Columns can be resized & any columns can be easily removed for a better view of data.
MyTableGrid allows browsing via keyboard (with the help of KeyTable library).
It supports instant editing of cells & complete skinning via CSS.
Requirements: Prototype, Script.aculo.us, KeyTable
Compatibility: All Major Browsers
MooFlow is a highly customizable coverflow-like image gallery that is built with MooTools.
It is easily & automatically setup by mentioning the HTML element that grabs the images.
MooFlow has various features like:
- fullscreen support
- browsing with mouse wheel
- browsing with keyboard
- autoplay & loop
- automated JavaScript image reflections
The script is also flexible when loading the images. The data source can be JSON or HTML with selector-filter.
And, its interface can be totally skinned via CSS.
Requirements: MooTools, Slider & Asset plugins
Compatibility: All Major Browsers
jQuery Impromptu, a jQuery pugin, is offering a chic replacement for alert, prompt, and confirm dialogs.
Although it is not an alternative for modal windows, it can display any HTML content, supports sequential messages & more.
The plugin comes with a bunch of options for maximum customization like:
- loaded, callback & submit functions to step in every point
- changing prompt & overlay speeds
- using different animations on prompt windows 6 more
The look/feel of the message boxes can be updated easily via CSS & various examples are provided on theming.
Requirements: jQuery
Compatibility: All Major Browsers
BlueTrip is a CSS framework which aims to combine:
to provide you a sensible set of styles and a common way to build a website so that you can get right to designing.
Some features of BlueTrip:
- 24-column grid
- sensible typography styles
- clean form styles
- a print stylesheet
- an empty starter stylesheet
- chic buttons
- status message styles
To see the framework in action, check the demos.
Requirements: No Requirements
Inside the "Let’s make the web faster" website, Google is sharing the tips & tutorials for better performing webpages.
Some of the articles are:
Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.
Also, links to various tools for the issue provided & a large community discusses the subject continiously.
Google Analytics offers various ways to view the data & make comparisons, which is great. But if you need a totally unique view or want to make comparisons with another data source, you’re limited.
Excellent Analytics is an Excel plug-in for importing web analytics data from Google Analytics in to an Excel spreadsheet.
So, you can easily build queries with all dimensions and metrics available or apply filters to create advanced queries
The plug-in is open source & for improving it further, it can be found here.
jMonthCalendar is a jQuery plugin for creating an event calendar which displays the calendar as a month-view.
Once the plugin is initialized & events array is mentioned, the calendar is ready. But jMonthCalendar offers extension points which makes it possible to interact with it like adding events, changing the month & more.
The calendar supports multi-day events & drag’n drops for updating event dates easily.
It can be browsed by months & years with the prev-next links. And, the plugin uses the beautiful DateJS library for date functions
Requirements: jQuery
Compatibility: All Major Browsers
Hemlock is an open-source Flash framework which offers the richness of Flash & the scalability of XMPP.
It eases the creation of real-time & multi-user applications like games, collaboration and more.
Generally, real-time applications are handled with polling where a database is queried every x seconds to get the latest updates.
With the Hemlock approach, a client registers for a message and is only contacted when a relevant one arrives. This is clearly a better method as it is much real-time & cost-effective (no unnecessary polls).
Requirements: Adobe Flex SDK & ejabberd
jQuery Superbox! is a jQuery plugin for creating easily customizable modal windows (lightbox-like).
It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.
To change the look & feel, it is enough to play with the CSS as no styles are set by default.
It can display any type of content as every HTML content can be presented. But by default, images (single or gallery mode), text content & iframes are supported
Dimensions of the modal window can be choosen to resize automatically according to the content or width & height can be defined for a standard size.
Requirements: jQuery 1.3+
Compatibility: All Major Browsers
