WebAppers

/ best free open source web resources /

Shopify

Image-free CSS Tooltip Pointers with Polygonal CSS

Posted · Category: License Free, Tooltips

A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element.

The tooltip widget design, fairly common in websites these days, uses a small triangular “speech bubble” pointer that is typically created quite easily with a background image. However, filamentgroup wanted to keep jQuery UI widgets entirely themable, and using an image for that purpose wouldn’t fit with the flexibility jQuery UI requires.

How to solve this problem without any need for images? That challenge led filamentgroup to the experimental approach using polygonal CSS, developed Image-free CSS Tooltip Pointers.

image-free-tooltips

Requirements: jQuery Framework
Demo: http://www.filamentgroup.com/examples/fg-tooltip/
License: License Free

A Tweeting jQuery Plugin for Visitors to Your Website

Posted · Category: License Free, Tools

Like it? Tweet it!” is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embedded in the input field.

It makes it easy for users to share your site with friends while still giving them the opportunity to type out something cool for themselves and thus avoiding auto-tweets. The tweet box is activated when users click on a link you specify, and Like it? Tweet it! has tons of customization options which you can play with to make the widget totally blend in and become one with your site.

tweet-plugin

Requirements: jQuery Framework
Demo: http://pongsocket.com/tweet-it/
License: License Free

100 Fully Scalable Vector Pictograms / Icons

Posted · Category: CC License, Icons

Here are 100 fully scalable pictograms/icons free to download. It will surely help you declutter your visual space and communicate your message, the right way. once they’re in there, you’ll love their simplicity, while at the same time improving project’s usability.

Use them in your online, print, mobile and software applications. They will work good even for signs in real world around your street, campus, resort or even city: possibilities are unlimited. Best of all, whole set is free to download and use it in accordance with license agreement. No watermarks, no limitations: available in all major, industry standard scalable vector formats.

pictoico

Requirements: -
Demo:
http://pictoico.com/
License: Creative Commons License

Griddy – Customizable Grid Overlay jQuery Plugin

Posted · Category: BSD License, GPL License, MIT License, Tools

Griddy is a small JQuery plugin thats creates a simple, customizable grid overlay on top of any element. It can also calculate row heights and column widths automatically based on the number of rows/columns and gutter space. There are few options, including: rows, row height, row gutter, columns, column height, column width, color and opacity.

All of the styling is done inline to avoid linking to an external CSS file or having to use images. The numbers on top are column widths, the numbers running along the left side are row heights. You can also look at 960.gs grid overlay which does the similar thing.

griddy

Requirements: jQuery Framework
Demo:
http://devgrow.com/griddy-overlay/
License: MIT, BSD, GPL License

jConfirmAction: A jQuery Plugin for Confirmation Box

Posted · Category: GPL License, Popup

jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. This plugin will help you to create a flying bubble confirmation box upside your link. Basically this plugin will create a DIV element that contains confirmation box after your clicked element, then it will appear with fading in and dissappear with fading out.

To create that one you just need to include jConfirmation plugin to your page, create a link, specify a class name, ask jConfirmAction to create a confirmation box and that’s it you have a cute confirmation box.

confirmation-box

Requirements: jQuery Framework
Demo:
http://webstuffshare.com/demo/jConfirmAction/
License: GPL License

Code Standards & Front-end Development Best Practices

Posted · Category: Information

Isobar Code Standards & Front-end Development Best Practices contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readily available to anyone who wishes to check the iterative progress of their best practices.

The document outlines their de-facto code standards. The primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, they can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, they ensure optimized page loading, performance and maintainable code.

code-standard

Source: Isobar Code Standards & Front-end Development Best Practices

HoverAttribute jQuery Plugin for Headings & List Entries

Posted · Category: MIT License, Tooltips

HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering. This is foremost intended for <a> tags residing within full-width elements, such as headings or list entries. Amongst several options, it is possible to choose any attribute of a given tag.

hover-link

Requirements: jQuery Framework
Demo:
http://www.afekenholm.se/hoverattribute-jquery-plugin/
License: MIT License

Integrate Face Detection & Recognition Into Your Apps

Posted · Category: License Free, Tools

Face.com has just opened up their APIs so that you can integrate their face detection and recognition technology with your apps and services. Whether you’re looking to add tagging for photos, cool sci-fi experiences, or creative flavors to your apps, Face.com API here to help.

They offer services for detecting, recognizing, and tagging faces in any photo, through our REST API. Face.com’s services are offered for FREE with rate limits. Whitelisting and Premium licensing options are available. Also, they process photos from anywhere, so you can mix and match photo sources with user IDs, which could enable you to, say, recognize Facebook users in Flickr photos.

face-detection

Requirements: -
Demo:
http://developers.face.com/new-detector-demo/
License: License Free

Easy List Splitter Helps You Split a List into Different Columns

Posted · Category: GPL License, Menu, MIT License

After a couple of hours spent on the lookout for a simple and clean jQuery plugin to columnize lists with no success, Andrea Cima Serniotti decided to create his own one. It took him a couple of nights but the result is pretty good and hopefully it will help you whenever you need to split a list into different columns.

Easy List Splitter will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).

easy-list-splitter

Requirements: jQuery Framework
Demo: http://www.madeincima.eu/samples/jquery/easyListSplitter/
License: MIT, GPL License

Google Map Custom Marker Maker

Posted · Category: License Free, Maps

Would you like to create your custom Google Map Marker? The custom marker for Google Maps consists of 6 separate images and an image map area defined by an array of x,y pixel coordinates used for capturing image clicks in non IE browsers.

Google Map Custom Marker Maker can do them for you automatically. To create your own custom marker, simply upload an image. A zip file containing the 6 separate images and some sample code (including the image map area coordinates) is created and made available for download.

custom-google-map-marker

Requirements: Google Map API
Demo: http://www.powerhut.co.uk/googlemaps/custom_markers.php
License: License Free

Page 149 of 255...«145146147148149150151152153»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons