Html + Javascript general porpouse timeline.
How-To Create Your Own Instant Search in jQuery
Google recenlty launched a new way to search the web called Google Instant, which can save several seconds per search.Google instant involves a lot of high technology, including a new and smarter predicting system.
This technology is not available for every webmaster in your own page yet, however, we can get really good results with php and jQuery, allowing everyone to create your own version of instant search.We are going to create now the simplest code, in order to learn how it works.This way anyone may learn easily and recreate it, fitting it perfectly with your own project.
BootMetro : Create web apps with Windows 8 Metro user interface
BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov.
The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style. Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites. I’ve choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).
Crumble : jQuery Feature Tour
Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!.The bubbles are visually interesting, will draw attention and due to the small size make sure that you will write using concise language that visitors will read.
The tour itself is defined as a standard ordered list in your html, making it accessible.
Make a better FAQ page with jQuery
The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It’s used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service department, and as a helpful tool for site visitors to learn more about the company or organization they’re dealing with or the products or services they’re interested in purchasing.
ShopSlider : jQuery Responsive Shop Slider with Tab
ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.
Features:
- Smart Responsive Design
- Detect Screen Size and Determine the Best Way to Display Items.
- Support Multi Tabs
- Support Many Sliders in same page
- Touch Swipe / Click to Move Next/Prev
- Support AJAX and Inline Content
- Many Styles and Effects
- Control AutoPlay, Effect In, Effect Out with Duration and Delay Time …
How to Create Lazy-Loading Images with jQuery
The effects of lazy load images can be seen on a number of websites. This technique forces your images to pause the loading process until the reader has viewed that specific area of the page. Web designers can build this onto a webpage through a number of resources, especially jQuery plugins.
In this article I’d like to examine lazy loading images and why so many people are interested in the technique. Then I’ll offer a brief tutorial which explains how you can include a popular jQuery plugin and customize the settings for your own lazy image loader. This doesn’t require much knowledge in the realm of JavaScript which is great for non-technical webmasters.
jsDraw2DX : SVG Graphics Library for JavaScript Html5
jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers). Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, arc, etc., the library can draw curves, beziers (any degree), function plots, images and decorated text.