WebAppers

/ best free open source web resources /

Graphic Resources

Path’s Fast Image Cache for iOS Application

Posted · Category: MIT License, Tools

Fast Image Cache is an efficient, persistent, and—above all—fast way to store and retrieve images in your iOS application. Part of any good iOS application’s user experience is fast, smooth scrolling, and Fast Image Cache helps make this easier.

A significant burden on performance for graphics-rich applications like Path is image loading. The traditional method of loading individual images from disk is just too slow, especially while scrolling. Fast Image Cache was created specifically to solve this problem.

path-image-cache

Requirements: iOS Application
Demo: https://github.com/path/FastImageCache
License: MIT License

Ifvisible.js – Check if User is Idle or Active on the Page

Posted · Category: License Free, Tools

ifvisible.js is a crosbrowser & lightweight way to check if user is looking at the page or interacting with it. It can handle activity states too, such as being IDLE or ACTIVE on the page. You can manually trigger status events by calling them directly or you can set events with their names by giving first argument as a callback. You can also set your smart intervals with ifvisible.js, if user is IDLE or not seeing the page the interval will automatically stop itself.

if-visible-js

Requirements: JavaScript Framework
Demo: http://serkanyersen.github.com/ifvisible.js/demo.html
License: License Free

Making Sticky Elements with Sticky-Kit jQuery Plugin

Posted · Category: Tools

Sticky-kit is a jQuery plugin for making smart sticky elements. It provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

Just call stick_in_parent on the elements you want to be stuck inside of their parent. Sticky elements “bottom out” so they never leave the container, no more worrying if a sticky element will accidentally cover your footer.

sticky-kit

Requirements: jQuery Framework
Demo: http://leafo.net/sticky-kit/
License: WTFPL License

Offline.js – Alert Users When No Internet Connectivity

Posted · Category: License Free, Tools

Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. It has been tested on Modern browsers like Chrome, Firefox, Safari and IE8+.

offline-js

Requirements: JavaScript Framework
Demo: http://github.hubspot.com/offline/docs/welcome/
License: License Free

Set Type on Circles with Circle Type jQuery Plugin

Posted · Category: GPL License, MIT License, Tools

Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you. It play well with FitText.js. And best of all, it works in fluid and responsive layouts.

circle-type-js

Requirements: jQuery Framework
Demo: http://circletype.labwire.ca/
License: GPL, MIT License

Display Instagram Media on Your Website with jQuery

Posted · Category: Tools

Pongstagr.am is a jQuery plugin that lets display your instagram media to your website using Bootstrap Front-end styles and modal-plugin.

For the most part, Instagram’s API only requires the use of a client_id. A client_id simply associates your server, script, or program with a specific application. However, some requests require authentication – specifically requests made on behalf of a user.

instagrams-api

Requirements: jQuery Framework
Demo: http://pongstr.github.io/pongstagr.am/
License: Apache License

A Touch Friendly Selection Plugin for jQuery & Zepto

Posted · Category: MIT License, Tools

Wrangle is a responsive, touch-friendly selection plugin for jQuery or Zepto. Wrangle offers a unique method of multiple selection: by drawing a line through items to select them. It gives your app a new way to perform multiple selections: a mouse, a finger or a stylus.

The plugin is lightweight and designed to be exstensible and adaptable. It’s also highly experimental, due in no small part to the diversity of touch implementations in various devices and browsers.

wrangle

Requirements: jQuery or Zepto Framework
Demo: http://zurb.com/playground/wrangle-jquery-plugin
License: MIT License

The Best of Designers Checklist Advices

Posted · Category: License Free, Tools

Designers checklist advices is a personal project by Adrien Heury, french UI/UX designer at NOE interactive and working sometimes with his sister under the name Heury & Heury. You can read a lot of design related list based articles. I am sure designers will find it usefull and there will be more “checklists advices” of designers in the future.

designers-checklist

Source: http://adrien-heury.net/designers-checklists/

Check How Good Your PSD Files with PSD Validator

Posted · Category: PS Tutorials, Tools

Designers overlook it. Developers demand it. There’s always been a need for discernible web design in Photoshop. Nobody likes inheriting muddy PSDs. PSD Validator can find out how good your PSD file is structured using some of the rules from Photoshop Etiquette.

Screen Shot 2013-10-16 at 3.14.50 PM

Requirements: –
Demo: http://www.psdvalidator.com/
License: License Free

Create HTML5 Websites with Google Web Designer

Posted · Category: License Free, Tools

It doesn’t matter how brilliant your work is if people can’t see it. Now everything you create is accessible on any screen – desktop, tablet or mobile – without compatibility issues.

Google Web Designer brings ideas to life across screens. You can create engaging, interactive HTML5-based designs and motion graphics that can run on any device. If you’re feeling more hands-on, all the code behind your designs is hand-editable, so you’re never locked out of your own work. Your ideas are now amplified by code – not restricted by it.

While a visual tool is helpful, it can never represent your creativity, imagination and vision in full. That’s why you can flip back and forth between Design View and Code View as you work, immediately seeing any changes made to code reflected back in your designs.

google-web-designer

Requirements: –
Demo: https://www.google.com/webdesigner/
License: License Free

Page 24 of 58...«202122232425262728»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons