April 3, 2013 jQuery no responses # , , , ,

Draggabilly – Standalone JS Library For Drag & Dropping Elements

Draggabilly – a standalone and lightweight JavaScript library for “Draggable” and “Droppable”  elements.

Draggabilly

The element to be dragged can be limited to have that feature in a container and there are callbacks on each event (start, move, end) which can also return the position/location of the item.

It works in all modern browsers (IE8+) and there is built-in support for touch events.

Requirements: No Requirements
Compatibility: All Modern Browsers

Website: http://draggabilly.desandro.com/
Download: http://github.com/desandro/draggabilly

March 29, 2013 jQuery no responses # , , ,

Fool.js – A jQuery Plugin For April Fools’ Day Jokes

The 1st of April is getting very close and I’m sure we’ll see lots of fake news or fun stuff going around on websites that day. For anyone willing to implement a quick joke to their websites, Fool.js, a jQuery plugin reaches to help.

Fool.js

The plugin can feature various jokes including “falling scrollbar”, “displaying annoying videos”, “hiding random elements”, “turning the page upside down” and more. All of these can be called with a single jQuery function that can be attached to any event.

There is also a pure CSS alternativeaprilFools.css which can again perform some crazy stuff.

Requirements: jQuery
Compatibility: All Major Browsers

Website: http://fooljs.com/
Website 2: https://github.com/wesbos/aprilFools.css
Download: https://github.com/idiot/Fool.js

March 28, 2013 Freebies no responses # ,

New Fresh Freebies from Dribbble

Fresh freebies from icons and player widgets to login forms, UI kits and more, we have a lot of well designed freebies for you. Click on the images to go to the project’s page to download it and learn more about each design.

ENJOY!
Continue reading

March 5, 2013 PHP no responses # , , , ,

Genghis – A Single File MongoDB Admin

For NoSQL fans, MongoDB is definitely the most popular solution with the simplicity and cross-platform support offered. In order to manage MongoDB databases easily, Genghis, a single-file, self-hosted and web-based solution is pretty handy.

Genghis MongoDB Admin

It can be installed either as a Ruby gem or as a standalone PHP scriptGenghis is capable of managing any number of databases on any number of servers with support for managing databases, collections and documents.

The interface of the application is responsive and works well down to mobile.

Requirements: PHP or Ruby on Rails

Website: http://genghisapp.com/
Download: https://github.com/bobthecow/genghis

March 4, 2013 Google Maps no responses # , ,

Maplace.js – A JavaScript Helper For Google Maps

Maplace.js is a jQuery plugin that simplifies integrating Google Maps into websites. It works with the latest Google Maps API (v3) and has methods for adding markers + custom content and drawing paths, polygons or routes.

Maplace.js

There are options for defining the zoom level or controls to be displayed (zoom, map/satellite..). The plugin allows customizing almost everything from the icons used to texts and colors. It has callbacks on each action and comes with a very well documentation.

Requirements: jQuery
Compatibility: All Major Browsers

Website: http://maplacejs.com/
Download: https://github.com/danielemoraschi/maplace.js

February 27, 2013 jQuery no responses # , , , , , ,

Spectrum – Perfect jQuery Color Picker Plugin

Spectrum is a jQuery colorpicker plugin that probably comes with allВ theВ features you are looking for. It is image-free (only CSS and JS) and can be used for all browsers or only as a polyfill for the

input[type=color]

of HTML5.

Spectrum - jQuery Colorpicker

The picker is actually familiar to designers/developers as it is the same one that comes with WebKit DevTools (created by the same developer) but now available as a jQuery plugin.

It has support for color palettes by storing/displaying the colors you chose, the default selected color can be set or it can be configured to only display the palette with pre-defined colors.

Alpha transparency selection is available, can be always visible (without clicking to a picker icon) and supports multiple color formats.

Spectrum can be customized with CSS and it works on mobile as well.

 

Compatibility: All Major Browsers
Requirements: jQuery
Website: http://bgrins.github.com/spectrum/
Download: http://github.com/bgrins/spectrum
February 27, 2013 Design , Fonts no responses # , , ,

Redacted Font – A Non-Text Lorem Ipsum Alternative

Redacted Font is an open source font which is inspired from BLOKK but has a script version besides the block. The script version is available as regular + bold and the project is so useful when wireframing.

Redacted Font

February 26, 2013 Icons no responses # , , ,

A few Free Useful Free Icon Font Sets

Icon fonts are great because, as you may have guessed, they are delivered as a font. This gives them a number of advantages over traditional image icons. For instance, if you want to change the color, it can easily be done with CSS. Whereas with an image, you would need to have a separate version of the icon. Scaling and adding effects, such as shadows, is just as simple.

Here we’ve rounded up a few useful sets of free icon fonts. You’ll find that these can be invaluable for your interface and web design projects.

Continue reading

February 26, 2013 JavaScript no responses # , , ,

SVG.js – Manipulate And Animate SVG Easily

SVG.js is a JavaScript library for working (manipulating and animating) with SVG without any complexity. The library is standalone, very lightweight in size (5kb gzipped) and has lots of features.

There are built-in methods for creating shapes (rectangle, circle, polygon, etc.) or defining images.

SVG.js

They can all be animated with size, position, color or any other properties and be interacted with standard JavaScript events.

It has support for grouping elements for mass manipulations, filling them is possible and a unified API simplifies working withВ theВ library.

SVG.js is extendable with plugins and there are already various plugins (like dragging or easing).

Compatibility: All Major Browsers
Requirements: No Requirements

Website: http://www.svgjs.com/
Demo: http://svgjs.com/test/
Download: https://github.com/wout/svg.js

February 25, 2013 Mobile no responses # , , , , ,

DeepTissue.js – Cross-Browser Gesture Handling

DeepTissue.js is a library that removes such differences (of MSPointer, WebKit Touch and mouse pointer APIs) and provides a cross-browser gesture handling library.

DeepTissue.js

It has support for all the major events like tap, double tap, tap and hold, rotate, scale or swipe.

The library is standalone but a jQuery-friendly version is also under development.

Requirements: No Requirements
Website: http://deeptissuejs.com/
Download: https://github.com/docluv/deeptissuejs
1 3 4 5 6 7 8 9 20
Stay In Touch