Download All Symbols of Our Language for Free

The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world’s visual language, so we may share them in a fun and meaningful way. The symbols on the site are and always will remain free. They believe symbols can not be effectively shared with the world if they are not free.



information shared by www.irvs.info

Open Source Scalable Document-Oriented Database

MongoDB (from “humongous”) is a scalable, high-performance, open source, document-oriented database. It is written in C++. They built MongoDB from our own experiences building large scale, high availability, robust systems. They didn’t start from scratch, they really tried to figure out what was broken, and tackle that.

So the way about MongoDB is that if you take MySql, and change the data model from relational to document based, you get a lot of great features: embedded docs for speed, manageability, agile development with schema-less databases, easier horizontal scalability because joins aren’t as important. There are lots of things that work great in relational databases: indexes, dynamic queries and updates to name a few, and they haven’t changed much there.



information shared by www.irvs.info

How to Create Mobile Image Gallery Web Application

With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple Mobile Image Gallery using the amazing jQTouch jQuery plugin for mobile web development. jQTouch is a jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, iPod Touch, G1, and Pre.

Mobile Image Gallery is going to show some albums in a list view which will reveal a wall of thumbnails once it’s clicked. When a thumbnail is clicked, we get to the full image view where we can navigate through all the photos by either clicking on the navigation buttons or swiping over the image.



information shared by www.irvs.info

CodeIgniter Development Platform for Creating Web Apps

FUEL CMS is a modular-based hybrid of a framework and a content management system. It’s developed on the popular CodeIgniter PHP web framework and allows you to create your models, views and controllers like normal and only use the CMS part when and if you need it.

FUEL CMS evolved out of the need for having a development platform that was a Framework first and a CMS second. CodeIgniter fit the bill as a lightweight PHP framework that didn’t try and do too much behind the scenes. It allowed them to cleanly structure our code and use MVC principles.

They developed it so it could be easily integrated into your existing projects allowing you to select where and how you want to use the CMS. The interface is highly customizable and easily extensible with modules.



information shared by www.irvs.info

Easy to Customize Slideshow Plugin for jQuery

SlidesJS is a crazy simple slideshow plugin for jQuery. It’s easy to implement, customize and style. What could be better? With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, auto generated pagination, the list goes on.

SlidesJS is compatible with all modern web browsers including; Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari and Mobile Safari. And it’ll even work in our old friend IE6.



information shared by www.irvs.info

Display Sliding Notifications on Your Website with SlideNote

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application. SlideNote offers a set of options that allow you to modify the behavior and/or content of the script. You can specify how far down the user must scroll before the notification slides into view.

SlideNote is compatible with jQuery 1.4.3 and current versions of major browsers. IE8 is the only version of Internet Explorer that is officially supported.



information shared by www.irvs.info

Head JS Speeds Up, Simplifies & Modernizes Your Site

The HEAD section is the worst place to load scripts. It’s painfully slow. The more and the bigger the worse it gets. Move the scrips to the bottom of the page and you cannot use HTML5 and CSS3 safely.

The single best solution to this universal problem is to include Head JS on top of the page and load rest of the scripts with it. Head JS speeds up, simplifies and modernizes your site. Head JS loads scripts in parallel without blocking the page. The performance will be improved even with a single minified script.



information shared by www.irvs.info

Free & Premium Photoshop Brushes on BrushLovers

BrushLovers offers an amazing collection of exclusive free and premium Photoshop Brushes. The high resolution brushes are beautifully and carefully crafted and can be used for both personal and commercial projects.

All brushes were designed by Liora Blum. Liora is a highly-respected graphic designer who is hooked on grunge, swirls and Photoshop brushes. Inspired by flaky paint, rippling waves and trips to nowhere, she hangs out at the Brushes Palette to create truly incredible and trendy brushes.

BrushLovers is pretty user-friendly. You can easily pick the suitable Photoshop brushes for your site. These brushes will work in Photoshop CS or higher. They have been tested for compatibility in Photoshop CS, CS2, CS3, CS4 and CS5.

You can also register an account for free on the site, which allows you to keep track of your favorite brushes and/or buy credit packs. Most importantly, they are updating the site very frequently, so you can get some unqiue and fresh Photoshop brushes regularly.



information shared by www.irvs.info

Quick Feedback Form Powered by PHP & jQuery

When releasing a web product, there is nothing more beneficial than receiving early feedback from your users. Unfortunately, many websites make it unnecessarily difficult to send your feedback or lack this functionality altogether

Tutorialzine taught us how to solve this problem with a Quick Feedback Form. Powered by jQuery, PHP and the PHPMailer class, the form sends the users’ suggestions directly to your mailbox.



information shared by www.irvs.info

Supersized 3.0 with Added Thumbnail Navigation

A while ago, we have featured Supersized, which is a Full Screen Background & Slideshow jQuery Plugin. Now, they are happy to announced Supersized 3.0. The ability of scrolling is added, so that you can have your site on top of Supersized. Increased performance for larger number of images. Images are now loaded from an array. And thumbnail navigation is also added for easy navigation.



information shared by www.irvs.info

JS Framework for Mobile, with jQuery-compatible Syntax

Zepto.js is a JavaScript framework for mobile apps and sites, with a jQuery-compatible syntax. The goal is have a 2k library that handles most basic drudge work with a nice API that you might already know so you can concentrate on getting stuff done.

Zepto.js is about 10 times smaller than jQuery or Prototype, yet provides a large subset of the features those libraries offer, thanks to all the goodness of advanced JavaScript and new DOM features in mobile WebKit browsers.



information shared by www.irvs.info

20 Things I Learned about Browsers and the Web

Chrome team decided to write an online guide for everyday users who are curious about the basics of how browsers and the web work, and how their evolution has changed the way we work and play online. Called “20 Things I Learned about Browsers and the Web“, this online guidebook is built in HTML5, JavaScript and CSS3.

The app utilizes the History API to provide a clutter-free URL structure that can be indexed by search engines. The HTML5 canvas element is used to enhance the experience with transitions between the hard cover and soft pages of the book. The page flips, including all shadows and highlights, are generated procedurally through JavaScript and drawn on canvas.



information shared by www.irvs.info

Create 84 GUI Icons Using Pure CSS

Pure CSS GUI icons is an experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints.

Some of these GUI icons can only be created in browsers that support CSS3 transforms. It has been tested on Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. However, this is not a “production ready” CSS icon set yet.



information shared by www.irvs.info

Giveaway 5 x Licenses of WordPress Developer Club

RocketTheme’s WordPress Theme Club is a new club based on the highly popular Joomla Template Club. These wordpress themes provide a stunningly unique blog design to enable you to stand out from the crowd. Their extensive community forums allow you to quickly get help and learn how to bring your own ideas to life.

They offer a variety of subscription options to satisfy the needs of any individual, organization or business. RocketTheme Developer level club memberships extend the regular clubs with added benefits with the sole intention to make your life as a developer easier.



information shared by www.irvs.info

VexFlow – Open Source Music Notation Rendering API

VexFlow is an open-source web-based music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. The score below can be rendered in your browser.



information shared by www.irvs.info

Offline Learning Pack for jQuery

AddyOsmani has just shared jQuery 1.4.3 Offline Learning Kit for anyone interested in tweaking their jQuery skills offline. It includes printable reference sheets so that whenever you’re wondering what selector or method might be best to use, you will have access to material that can assist with that. The pack also comes with all the 1.4.3 documentation in an easily browseable offline format (with all our API examples included).

This pack also includes a jQuery Mobile demo application – one for PHP developers and another for Rails developers. Rebecca Murphey’s excellent jQuery Fundamentals book is a wonderful starting point for increasing your knowledge and skills with both jQuery and JavaScript in general as well. You will find exercises for this included in the pack.



information shared by www.irvs.info

More Informative & User Friendly Download Experience

Download is a plugin built to assist file downloads and make the download experience more informative and user friendly. jDownload is built on jQuery UI and displays a UI dialog with information on the downloadable file before asking the user to confirm the download. It is built on jQuery 1.4.2, jQuery UI 1.8.1. And it has been tested on Safari 4, Firefox 3, IE8, 7 & 6.



information shared by www.irvs.info

How to Create a Safari Extension using Extension Builder

Safari 5, the latest version of Apple’s web browser, introduces extensions. Safari extensions are small add-ons that you can use to expand Safari’s capabilities, built using simple HTML, CSS and JavaScript. In this tutorial: How to Create a Safari Extension from Scratch, you will learn the basics of extension development by creating a simple extension using Safari 5’s Extension Builder.



information shared by www.irvs.info

Find a Good Typekit Font with The Great Typekit Table

Finding a good Typekit font for long blocks of text is hard, but Sleepover has made it a little easier for ya. They have sifted through the Typekit library and pared it down to the following The Great Typekit Table according to two simple rules: first, the font had to have lowercase, uppercase, bold, italic, and bold italic; second, the font couldn’t be hand writing, script, or mono space.



information shared by www.irvs.info

SpryMap – Google Maps-like Click and Drag Window

SpryMap is a super lightweight (2.8 KB), dependency free Javascript widget that turns any HTML element into a Google Maps-like click and drag window. SpryMap is released under the creative commons license, essentially you’re free to use it and adapt it for any personal or commercial purposes.

When using this script, you are given full control over how you want the map to act. What coordinates do you want it to start at? Do you want it to animate to a stop, or stop immediately when the user releases the mouse? Do you want the dragging to stop when an edge is hit? Would you like soup or salad with that? SpryMap aims to give you full control over how it acts.



information shared by www.irvs.info

Parse RSS Feeds and Display Images with Lumebox

The Lumebox is an Open-Source Lightbox clone written as a JavaScript jQuery plugin with a few added features. One of the main features is that it can parse RSS feeds just as easily as displaying images.

The Lumebox also searches the post or page for links leading to images (and RSS-feeds) and opens them in a popup instead of following them. The Lumebox was written using jQuery 1.4.3. The Lumebox plugin is released under the GNU GPL.




information shared by www.irvs.info

Create CSS3 Animations Easily with Sencha Animator

Sencha Animator is a powerful desktop application to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. Make your static content come to life quickly and easily, without the dependency of third-party plugins or writing a single line of CSS code. In no time at all, you’ll be creating rich experiences for today’s most popular devices.

You can animate text and images with smooth transitions, design buttons with gradients, and embed analytics tracking code. All with the power of web standards.

Sencha Animator is an easy-to-use desktop application with an intuitive graphical user interface (GUI), including an interactive timeline and object property controls. Similar to timeline concepts in other applications, Sencha Animator gives you the power to manage sequencing, grouping, easing, and other motion effects. Adjust an object’s properties and instantly play the animation in the stage area.



information shared by www.irvs.info

39 Color Schemes jQuery Syntax Highlighter

Snippet jQuery Syntax Highlighter is built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents. There are 39 unique color schemes to choose from.

It has been tested compatible in IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62. This script is released under the MIT license and is completely open to modification and redistribution.



information shared by www.irvs.info

Backbone Supplies Structure to JavaScript-heavy Applications

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.



information shared by www.irvs.info

35 Free Credit Icons For Commercial & Personal Use

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.




information shared by www.irvs.info

Create Consistent Forms with Formalize CSS

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.



information shared by www.irvs.info

Real-time Heatmap with Javascript & HTML Canvas Element

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.



information shared by www.irvs.info

100+ Free HTML Email Templates with PSD Source Files

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.




information shared by www.irvs.info

Subtitle & Caption Your Videos Easily with Viewers

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.




information shared by www.irvs.info

How to Measure Page Load Time With Google Analytics

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.



information shared by www.irvs.info

How to Create Animated Shine Effect with jQuery & CSS3

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.



information shared by www.irvs.info

The Linear Layout – Network Visualization Method

The Linear Layout visualization is a productive approach to network visual analytics. It is a scalable, computationally fast, and straight-forward network visualization method that makes possible visual interpretation of network structure and evolution.

The linear layout method can be applied to data structures other than networks. Fundamentally, the method requires that your data structure can be mapped onto a set of pairwise relationships. The objects of each pair can be network nodes, but they can also be an interval or spatial position.

The power of the method is realized when you can classify your objects (e.g. assign them to an axis) and, for each object, compute a meaningful property (e.g. degree, to determine object position on the axis).



information shared by www.irvs.info

How to Create HTML5 Forms

Years later forms are still the primary way our users can interact with us, more than just clicking on links or triggering JavaScript events. Indeed, it’s likely the first thing you do when you start up your favourite browser is type a search query into a form.

With a combination of server-side scripting and AJAX we now have feature-rich forms, but all at the expense of programming complexity. Funny thing is, we’re now so used to this sort of code that what is about to happen almost seems too simple.

Inevitably, as is the case with much of the HTML5 spec, HTML has now caught up with the needs of web designers and developers by providing a remarkably simple way of creating usable and even extensible forms.



information shared by www.irvs.info

Newswall – A Tool to Display Feeds and Emails

Newswall is a tool to display feeds and e-mails. Just like on a “news wall” all messages – sorted by date and time – show up in small blocks, if possible together with an image.

That way it is easy to find the most important and interesting news and then have a closer look at these. So it is sort of a feed reader mixed with an e-mail viewer having the look of an image gallery.

To install the script you need a webserver with PHP (tested with Apache2 and PHP 5.2.3), there’s no need for a database. It has been tested on Firefox 3, Safari 4, IE 8 and Chrome.



information shared by www.irvs.info

Convert Images into a Pixelated Version with Close Pixelate

Close Pixelate is inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It’s basically a simple demo for canvas’ imageData functionality.

The function accepts an array of objects. Each object holds a set of options (resolution, shape, size, offset and alpha).



information shared by www.irvs.info

HTML5 Javascript Framework for Mobile Applications

Jo is a JavaScript framework for HTML5 capable browsers and devices. It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap.

Since its creation, Jo has also been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets. Jo is under a friendly OpenBSD License. Minified JavaScript is just over 8K with no dependencies.

How to Styled Maps Using Google Maps API Version 3

Justin O’Beirne has written a nice tutorial to give you an overview of how you can use Google Maps API V3 to create unique map styles. He begins by detailing how your mashups can be improved by removing select map elements, and then He goes on to detail how you can “simplify” other map elements.

After that, He discuss some of the ways in which you can modify the coloring of existing map elements in order to create visually striking map styles. Finally, He discuss some practices to avoid when styling your smashup.



information shared by www.irvs.info

Capture Your Thoughts by Drawing on Any Webpages

Capture your thoughts quickly and easily by drawing on any webpage. Share your ideas with coworkers, colleagues, and friends.

MarkUp works in your browser, so there’s nothing to download and install; just drag the Get MarkUp icon into your bookmarks bar. When you want to make notes on a webpage, click your bookmarklet to load the MarkUp toolbar. Publish when you’re ready to share your thoughts.



information shared by www.irvs.info

Blog Action Day – Protect Nature and Preserve Life

WebAppers has joined the Blog Action Day with 4000+ blogs around the world. We are here to publish a post today about the environment. We hope the power of bloggers can draw the attention of everyone to the issue of environmental problems on earth. Please spare some time to visit The Nature Conservancy and see what you can help.

The Nature Conservancy conserves the Earth’s ecologically important lands and waters in local places across all 50 U.S. states and in more than 30 countries all around the world. The Conservancy focuses on creating lasting, tangible results by using the best possible science — the Conservancy employs over 700 conservation scientists who do daily work in lands and waters worldwide to create conservation solutions that benefit both nature and people.

The Conservancy is non-confrontational and works respectfully and collaboratively with all sectors of society to achieve meaningful conservation results. By showing that tangible, large-scale conservation results can be delivered, the Conservancy provides hope that the Earth’s special places can be restored and preserved for future generations.

information shared by www.irvs.info

Blog Action Day – Protect Nature and Preserve Life

WebAppers has joined the Blog Action Day with 4000+ blogs around the world. We are here to publish a post today about the environment. We hope the power of bloggers can draw the attention of everyone to the issue of environmental problems on earth. Please spare some time to visit The Nature Conservancy and see what you can help.

The Nature Conservancy conserves the Earth’s ecologically important lands and waters in local places across all 50 U.S. states and in more than 30 countries all around the world. The Conservancy focuses on creating lasting, tangible results by using the best possible science — the Conservancy employs over 700 conservation scientists who do daily work in lands and waters worldwide to create conservation solutions that benefit both nature and people.

The Conservancy is non-confrontational and works respectfully and collaboratively with all sectors of society to achieve meaningful conservation results. By showing that tangible, large-scale conservation results can be delivered, the Conservancy provides hope that the Earth’s special places can be restored and preserved for future generations.

information shared by www.irvs.info

Turn HTML Element Into Infinite & Circular Carousel

jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.

You can dynamically add and remove items to/from the carousel. It is compatible with most popular (jQuery) lightbox-plugins. The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.



information shared by www.irvs.info

A Set of Beautiful & Useful Icons for Designers

The Design Inspiration has just released a set of “Icons for Designers“. You will find the icons including Illustrations, parinting, Fonts, 3D, Photography, Drawing, Vectors, Palette, Sketchbook and Printer. All icons are 64×64px in PNG format. You are free to use them on both personal and commercial projects.



information shared by www.irvs.info

bMap jQuery Plugin for Google Maps

The bMap jQuery Plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.

The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object. The prerequisites of the plugin are jQuery and google maps. You will need to obtain your own Google API Key.




information shared by www.irvs.info

A Simple & Elegant Fullscreen Image Gallery with jQuery

Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron jquery mousewheel plugin.

You can use Sideways on both personal and commercial projects you choose, develop it further or just make it better.



information shared by www.irvs.info

Easy To Use jQuery Plugin For Radical Web Typography

Web Typography is exploding all over the web. In many instances we would need to style individual letters. We need a system to keep our markup maintainable. Something agile enough that a text change wouldn’t ruin us.

The solution was to call upon the power of Javascript to insert some easy to remember span tags. Here we have Lettering.JS which is a lightweight, easy to use jQuery plugin for radical Web Typography.




information shared by www.irvs.info

Turning HTML Tables Into Advanced Editable Components

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

It loads grid from XML or attach to an existing HTML table. Built-in validators for columns of type integer, double, url, email and date. Sort columns accordingly to their types, by clicking on the column header. Open Flash Chart integration to render charts from the grid data. Callbacks for all events: load, edition, sorting, etc.



information shared by www.irvs.info

Stunning Full Page Image Gallery with jQuery

Full Page Image Gallery with jQuery shows us how to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.

When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.



information shared by www.irvs.info

Pulling Photos From Flickr Feeds & Display Them Easily

We often work with clients that maintain accounts with Twitter, Flickr, Youtube and other services in addition to their website. Often they will want to pull in data from one of their accounts to their website.

With Flickr, this is pretty easy because they make a simple API available. Having worked with it a few times, HiFi decided to make it even easier to pull photos from a public feed. jFlickrFeed works by pulling a JSON feed from Flickr and applying the data it gets back to a template. You can also look at Flickrshow, which is a simple Javascript slideshow for Flickr.



information shared by www.irvs.info