WebAppers

/ best free open source web resources /

Shopify

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

Giveaway 5 x RapidSSL Certificates by SSLmatic

Posted · Category: Announcement

SSL is a web standard for encrypting communications between users and SSL (secure sockets layer) websites. Data is encyrpted when sent via a SSL connection to make it safer.

SSLmatic offers the SSL certificates of the most popular brands like RapidSSL, Geotrust, Verisign for huge discounts. Apart from getting cheap SSL certificates, once the certificate is bought, you also become the customer of the provider which means you can get support directly from the provider itself and/or SSLmatic.

SSLmatic is very kind to giveaway 5 x RapidSSL Certificates to our readers. Simply leave a comment under this giveaway contest. We will pick 5 lucky person and announce the winners on 31st Oct. What are you waiting for?

sslmatic

The Linear Layout – Network Visualization Method

Posted · Category: Charts, License Free

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).

linear-visualization

Requirements: -
Demo: http://mkweb.bcgsc.ca/linnet/
License: License Free

How to Create HTML5 Forms

Posted · Category: 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.

html5-form

Source: http://thinkvitamin.com/code/fun-with-html5-forms/

Newswall – A Tool to Display Feeds and Emails

Posted · Category: CC License, Tools

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.

newswall

Requirements: PHP
Demo: http://newswall.mayoco.de/
License: Creative Commons License

Convert Images into a Pixelated Version with Close Pixelate

Posted · Category: License Free, Tools

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).

pixelate-image

Requirements: -
Demo: http://desandro.com/resources/close-pixelate/
License: License Free

jQuery Mobile Alpha 1 Released

Posted · Category: Framework, GPL License, MIT License

We have published a post about jQuery Mobile Project a couple of months ago. Today, they have pleased to announce the first alpha release of the jQuery Mobile. jQuery Mobile is a user interface framework, built on top of jQuery, designed to simplify the process of building applications that target mobile devices.

There are two guiding principles of the jQuery Mobile project that differentiates it from most other offerings: It’s completely built on the principle of progressive enhancement and is designed to be functional in all HTML-capable mobile browsers.

There are demos and documentation for all the components in jQuery Mobile 1.0a1: Theming and Layout, Headers/Footers (Fixed and Persistent), Form Controls, Dialogs, List Views, Events, Transitions.

jquery-mobile

Requirements: -
Demo: http://jquerymobile.com/
License: MIT, GPL License

Free Simple Collaborative Tool for Sharing Documents

Posted · Category: Tools

Entri is a free collaborative tool for writing and sharing documents. Say you are writing an article for your blog and you want to share with your readers before you publish it to get feedback and allow changes.

They are building the API, they will have a feature that will let you flip between past Entris that you made, plus a new text editor with better formatting features. You will be able to integrate blogging engines such as WordPress and Expression Engine as well.

collaborative

Source: http://entri.co/

HTML5 Javascript Framework for Mobile Applications

Posted · Category: Framework, License Free

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 dependancies.

html5-mobile-framework

Requirements: -
Demo: http://joapp.com/
License: License Free

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons