WebAppers

/ best free open source web resources /

Graphic Resources

Backbone Supplies Structure to JavaScript-heavy Applications

Posted · Category: Framework, License Free

When working on a web application that involves a lot of JavaScript, one of the first things you learn is to stop tying your data to the DOM. It’s all too easy to create JavaScript applications that end up as tangled piles of jQuery selectors and callbacks, all trying frantically to keep data in sync between the HTML UI, your JavaScript logic, and the database on your server. For rich client-side applications, a more structured approach is helpful.

With Backbone, you represent your data as Models, which can be created, validated, destroyed, and saved to the server. Whenever a UI action causes an attribute of a model to change, the model triggers a “change” event; all the Views that display the model’s data are notified of the event, causing them to re-render. You don’t have to write the glue code that looks into the DOM to find an element with a specific id, and update the HTML manually — when the model changes, the views simply update themselves.

backbone

Requirements: –
Demo: http://documentcloud.github.com/backbone/
License: License Free

35 Free Credit Icons For Commercial & Personal Use

Posted · Category: Icons, License Free

We have featured some payment icons few months ago. Now, Graphicpeel has released 35 miniature credit card icons. They’re realistic, simple, and one-hundred percent awesome. Each one has just enough pixels to remain clear and understandable, and just few enough to stay out of the way.

You can use them for online checkouts, your personal store, donation buttons, affiliate links, or whatever else you need them for. One look at these miniature works of art and your customer won’t wait to checkout their cart.

credit-card-icon

Requirements: –
Demo: http://blog.graphicpeel.com/post/1316078665/credit-card-icon-pack
License: License Free

Create Consistent Forms with Formalize CSS

Posted · Category: Forms, License Free

By far, one of the most frustrating parts of dealing with browser inconsistencies has got to be forms. Some designers advocate styling form elements to match the brand of a site. Others would tell you to leave them alone entirely, so that they adhere to the native look and feel of a given operating system.

SonSpring has come up with Formalize CSS. which bridges the gap between various browsers and OS’s, taking the best ideas from each, and implementing what is possible across the board. For the most part, this means most textual form elements have a slight inset, and all buttons look consistent, including the button tag.

formalize-css

Requirements: –
Demo: http://sonspring.com/journal/formalize-css
License: License Free

Real-time Heatmap with Javascript & HTML Canvas Element

Posted · Category: Charts, License Free

Patrick Wied has shown us how to generates a real-time heatmap with javascript and the HTMLCanvas element depending on the user’s mouse movement.

It is also possible to save the image data of the heatmap. You just have to use the getData function, which returns a (long) data-URL of your heatmap image, to get it. This is especially useful for subsequent serverside processing or saving the image on the client.

javascript-heatmap

Requirements: –
Demo: http://www.patrick-wied.at/static/heatmap/
License: License Free

100+ Free HTML Email Templates with PSD Source Files

Posted · Category: Webmail

For too long HTML email has been the ugly step-child of the web. It’s time for a change, so Campaign Monitor teamed up with some seriously talented designers to bring their skills to the world of HTML email.

There are 100+ Free HTML Email Templates with PSD source files. Every template has been thoroughly tested in more than 20 of the most popular email clients like Outlook 2010, Gmail, Lotus Notes, Apple Mail, the iPhone, and more. They’re ready to roll and are completely free.

free-email-templates

Requirements: –
Demo: http://www.campaignmonitor.com/templates/
License: License Free

The Winners of 5 x RapidSSL Certificates by SSLmatic

Posted · Category: Announcement

Thank you for all of the participants of Giveaway 5 x RapidSSL Certificates by SSLmatic. We are happy to announce the following winner. Congratulations. You will receive an email from SSLmatic about how to claim your prize.

1. Santiago 2. Jens 3. Peter Dedene 4. Austin 5. Faisal Basra

WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.

Subtitle & Caption Your Videos Easily with Viewers

Posted · Category: GPL License, Video

The lack of captions and subtitles on video is a major obstacle for people with hearing disabilities and a huge language barrier for the whole world. Universal Subtitles want to give individuals and communities the power to overcome these barriers. The tools they are building are free and open source and will make the work of subtitling and translating video simpler, more appealing, and, most of all, more collaborative.

Universal Subtitles make it easy for anyone to add subtitles, captions, or translate nearly any video on the web. You add their widget to your videos. Then you and your viewers can add subtitles, which anyone can watch.

video-subtitles

Requirements: –
Demo: http://universalsubtitles.org/
License: AGPL License

Selected Web Development Posts From HotScripts Blog

Posted · Category: Best Collections

HotScripts is an iconic web resource directory featuring web development and programming-related resources for webmasters, developers, business owners, and programmers. Its blog covers a variety of web development topics and we’ve hand-picked some selected posts for you. Enjoy!

25 Emerging Free Web Scripts to Watch
Here is our list, in no particular order, of 25 Emerging Free Scripts to Watch. This list comprises scripts coded in different languages and in a broad range of categories, from e-commerce to social networking and frameworks.
Transform WordPress into more than just a Blog
Learn how you can turn WordPress into more than just a blog. We’ll look into plugins and themes aimed at transforming wordpress into a bug tracker, auction site, Q&A site, CRM or even a classified job board site.
10 Useful APIs for your Web Site & App
Web developers can take advantage of 1000s of APIs to add more content or functionality to their site. We’ve compiled a list of 10 most useful APIs you can consider using for your web site or application. Read the rest of this entry »

How to Measure Page Load Time With Google Analytics

Posted · Category: License Free, Stats

Have you ever thought of using Google Analytics’ Custom Variables feature to measure the real performance of visitors to your website? Take a look at the article: How to Measure Page Load Time With Google Analytics. It’s a little clumsy since Google Analytics wasn’t really meant to do this, but it’s good enough that many of you might find it useful.

google-analytics-page-load

Requirements: Google Analytics
Demo: http://blog.yottaa.com/2010/10/how-to-measure-page-load-time…
License: License Free

How to Create Animated Shine Effect with jQuery & CSS3

Posted · Category: Gallery, License Free

Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.

You’ll also learn today how you can successfully use layering in your designs to give your gallery that extra bit of detail that can make it stand out from the others.

shine-time-jquery

Requirements: jQuery Framework & CSS3
Demo: http://www.addyosmani.com/resources/shinetime/
License: License Free

Page 202 of 322...«198199200201202203204205206»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons