WebAppers

/ best free open source web resources /

Shopify

Highly Customizable Javascript ColorPicker with 4 Sizes

Posted · Category: Color Schemes, GPL License

JavaScript ColorPicker is a light weight all-rounder (only ~46k incl. all 16 files) that can display and let you choose the entire color palette (~16.78 mil. colors) in 6 different color modes (+3 extra modes in RGB).

This highly customizable and easy to install app comes in 4 different sizes (from 151 x 87 pixels to 405 x 302 pixels) and therefore different feature levels so you can use it for every supposable cause from ‘easy choice’ to ‘professional determination’. That’s probably all you’ll ever need to let your clients choose the right color.

You’ll also find a lot of extra helpers and smart features like contrast-meter, color-difference-meter, value-slider in input fields, web-smart and web-save button, color memories and much more that can help your clients make the right decision.

javascript-color-picker

Requirements: Javascript Enabled
Demo: http://dematte.at/colorPicker/
License: GPL License

Various Billing Services for Your Web Applications

Posted · Category: Information

Increasingly web application developers and entrepreneurs are turning to the “Software As A Service” (SaaS) model to monetize their products. Together with this growth has come the need for reliable recurring billing systems and in turn a number of enterprising folks have built said solutions and fittingly used the SaaS model to monetize their efforts.

ThinkVitamin has written a really nice article: Recurring Billing For Web Apps, we will look at how these services work, why you’d want to use them, the various options available, and how they differ from one another. It should give you a better idea of which service is right for you and how you plan to use it.

billing-system

Source: Recurring Billing For Web Apps

Bundle Hunt Offers Premium Design Resource Pack

Posted · Category: Information

Bundle Hunt is a premium resource pack aimed at empowering the creative community, offering more than $1,400 worth of outstanding apps, templates, icons, eBooks, hosting plans and premium memberships, all for less than $50.

The bundle will only be available for 15 days, from Aug. 2-16 and includes some of the most prestigious brands in the business. The items Included in the bundle are top selling resources for designers & developers, each of them normally sold for more than this entire bundle.

bundle-hunt

Source: http://bundlehunt.com/

Giveaway 3 x Slideshow Box Premium HTML Licenses

Posted · Category: Announcement

JumpeyeComponents has launched SlideshowBox recently. SlideshowBox comes with 24 professionally designed photo slideshow templates. There is no coding required. Everything can be easily customized through the FlashEff-like interface with no more than a few clicks. They work hard to make your job easier. SlideshowBox is a web development product that is fun and easy to use!

SlideshowBox is packed as: The Flash version of SlideshowBox works with standard XML files containing each image’s title, URL and description. The HTML version that uses SWF embed code generated by SlideshowBox online panel to customize the slideshows. Also, there are 5 out of 24 slideshows are available as pure JavaScript slideshows and are compatible with iPad and iPhone. They are working on more full JS slideshows and they plan to release another 2 in mid August sometimes. This version is for non-Flash developers who want to use Flash slideshows on their projects.

JumpeyeComponents is very kind to giveaway 3 x Slideshow Box Premium HTML License ($99 each) to our readers. Simply leave a comment and tell us what you think about Slideshow Box. We will randomly select 3 lucky people and announce the winners on 15th August. What are you waiting for?

Please note that the Free Version is always available for download. It includes a cool preset for each photo slideshow template but it doesn’t feature any customization options. The free version can only be used for non commercial purpose, it includes a context menu item (“About SlideshowBox.com”) and it has no time limitations.

slideshowbox

How to Build a Custom HTML5 Video Player with jQuery

Posted · Category: License Free, Video

As professional web designers, we want to create a video player that looks consistent across browsers. Each browser however provides its own different look and feel for the player, from the minimal approach of Firefox and Chrome, to the more shiny controls of Opera and Safari. If we want our controls to look the same across all browsers, and integrate with our own design, we’ll have to create our own controls from scratch. This is not as hard as it seems.

All media elements in HTML5 support the media elements API, which we can access using JavaScript and use to easily wire up functions such as play, pause, etc. to any buttons we create. Because the native video player plays nicely with other open web technologies, we can create our controls using HTML, CSS, SVG or whatever else we like.

Article: Building a custom HTML5 video player with CSS3 and jQuery taught us how to build an easily customizable HTML5  <video> player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.

html5-video-player

Source: Building a custom HTML5 video player with CSS3 and jQuery

Adds Notes Below Input Fields Based on Regex Patterns

Posted · Category: Forms, License Free

InputNotes jQuery Plugin automatically adds notes below textareas and input fields based on regex patterns. The patterns are normal JavaScript regex patterns and you are free to create and style any type of notes and note texts as you want. Note texts can contain HTML. It has been tested on IE 6 and 7, Firefox 3.5, Safari 4, Google Chrome, Opera 9.6.

input-notes

Requirements: jQuery Framework
Demo: http://fredibach.ch/jquery-plugins/inputnotes.php
License: License Free

Open Source Status Dashboard for APIs & SaaS Services

Posted · Category: MIT License, Tools

Stashboard is a status dashboard for APIs and software services. It’s similar to the Amazon AWS Status Page or the Google Apps Status Page. Stashboard was originally written by Twilio to provide status information on its Voice and SMS APIs. Stashboard is designed to provide a generic status dashboard for any hosted service or API. The code can be downloaded, customized, and run on any Google App Engine account.

You are able to Track multiple different API or SaaS services, Set custom status messages and icons such as Up/Down, Show historical status for each service, CNAME to http://status.yourapp.com. Stashboard is written in Python and hosted on Google App Engine.

statsboard

Requirements: -
Demo: http://www.stashboard.org/
License: MIT License

Recommended: How to Build a Successful Blog Business

Posted · Category: Information

How to Build a Successful Blog Business is a straight forward guide to building a publishing business online that covers everything from choosing a niche to hiring staff, registering a business to selling it, finding traffic to monetizing it. This is an essential read for web entrepreneurs and online publishers.

Collis is a web veteran with a wealth of experience and an easy to read style. He has founded sites such as the Tuts+ network, the Envato Marketplaces, FreelanceSwitch and AppStorm which combined serve up over 50 million pageviews a month.

In How to Build a Successful Blog Business Collis shares tips from his years of operating kick ass blogs, and reveals stats, graphs, revenue figures and inside details from three real world case studies.

Nowhere else will you be able to find information like this. It costs $39 for Ebook, $47 for Paperback Copy. You can always view a sample of the book here first. I strongly recommend this book to everyone who wants to build a successful blog business.

blog-business

Source: How to Build a Successful Blog Business

Measures Performance of Websites From End User’s View

Posted · Category: BSD License, Tools

boomerang is a piece of javascript that you add to your web pages, where it measures the performance of your website from your end user’s point of view. It has the ability to send this data back to your server for further analysis.

With boomerang, you find out exactly how fast your users think your site is. boomerang comes to you from the Exceptional Performance team at Yahoo!, aided by the Yahoo! Developer Network. boomerang is opensource and released under the BSD license, and they have a whole bunch of documentation about it.

boomerang

Requirements: -
Demo: http://yahoo.github.com/boomerang/doc/
License: BSD License

How to Create a Beautiful Background Image Navigation

Posted · Category: License Free, Menu

Codrops has shown us how to create a Beautiful Background Image Navigation with jQuery. The main idea is to have three list items that contain the same background image but with a different position.

The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

On top of that we will have sub-menus that appear with their semi-transparent background sliding in. These backgrounds create an awesome effect of actually just being one element that slides into place, changing its color.

background-image-slider

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/
License: License Free

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons