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