Whichloadsfaster is a fun way to spread the word that web performance matters. It’s about friendly competition and about testing in everybody’s browser, not just ones that have nice performance tools already.
Whichloadsfaster is open source, written in HTML and JavaScript and runs entirely on the client-side. You can host the files on your own site and tweak them to suit your own nefarious plans. You can download Whichloadfast on github.
Requirements: –
Demo: http://www.whichloadsfaster.com/
License: BSD License
WebMatrix was built to streamline Web development and make it easy, whether you’re getting started or you just want to get things done. WebMatrix is a free Web development tool that installs in minutes and elegantly brings together a Web server, a database, and programming frameworks into a single, integrated experience. WebMatrix lets you code, test, and deploy both ASP.NET and PHP applications side by side.
WebMatrix connects you to a world of popular and free open-source Web applications, including DotNetNuke, Umbraco, WordPress, Joomla!, and more. Simply select an application from the built-in gallery, and WebMatrix handles the downloading and installation of your new Web site. The days of hand-editing configuration files and making sure you have all the right components are long gone. Customize your site using the built in code editor and make it yours.
Requirements: Windows OS
Demo: http://www.microsoft.com/web/webmatrix/
License: Read License Agreement
Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.
The process is simple – Enter your name and email and the same for a recipient, your project details and website URL, and then proceed through the list of provided fields. If a question is irrelevant, you can tick N/A and it will be disregarded. You can even add your own custom fields at the bottom of the checklist if required.
Once submitted, you and your recipient/s will receive a report of your checklist with a summary for your records. Launchlist is and always will be free to use.
Source: http://launchlist.net/
Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. It supports 2D drag and tap, mouse and touch (mobile tested). Basically it gets dragged, tapped, even somehow stretched; then it slides, snaps, responds and reacts.
The file size is just 12kB unminified with No dependency. You can also easily change the shape and look of the slider, with modest CSS skills.
Requirements: Javascript Enabled
Demo: http://code.ovidiu.ch/dragdealer/
License: MIT License
Would you like to create music on the web? Whether you are an amateur or a pro you will be able to satisfy all your needs with Soundation Studio — a powerful online sequencer with 11 real time effects, 3 synthesizers, a drum machine and a fully integrated Sound Shop.
Soundation Studio offer you an introductory library of over 400 loops, the possibility to buy more sounds and in short, a place where you can store all your sounds as well as your own productions. Anything you create in Soundation is your production, the only exception is you cannot transfer, upload, share, give or sell any of the isolated or individual sound files. They are licensed to you to use in your productions but not to give away, upload or sell as individual loops or samples.
Source: http://www.soundation.com/studio
Can your website handle the stress? Slow websites means lost customers and revenues. Be proactive and find out the performance limits of your website before you learn the hard way. Load Impact is an online load testing service that lets you load test your website with just a few mouse clicks.
Load Impact generates simulated user traffic to your site – for example it might simulate that 50 users are trying to load your web pages at the same time. While simulating the traffic from these 50 users, it also records how fast pages are loaded from your server. This lets you know how fast your site is (as experienced by a user) when it is being accessed by 50 users at the same time.
Load Impact runs on the servers, over the Internet. You will always have access to your test configurations and your test results. You will never need to install or maintain any special software or servers for your testing. It is completely free to run simple load tests with up to 50 concurrent, simulated users.
Source: http://loadimpact.com/
BrowserLab lets you preview web pages across multiple browsers and operating systems. Accurately pinpoint compatibility issues and compare web pages at a glance to easily identify differences and potential problems. Preview full screenshots with multiple view options and customizable test settings.
You can get a full-view screenshot, even beneath the fold, or compare how your web page looks in two browsers, side by side. With the Onion Skin View, spot discrepancies at a glance by overlaying two screenshots on top of each other. You can focus on specific areas with custom positioning of the screenshots and adjust the opacity from 0–100%.
Source: https://browserlab.adobe.com/en-us/index.html#state=browse
“Like it? Tweet it!” is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embedded in the input field.
It makes it easy for users to share your site with friends while still giving them the opportunity to type out something cool for themselves and thus avoiding auto-tweets. The tweet box is activated when users click on a link you specify, and Like it? Tweet it! has tons of customization options which you can play with to make the widget totally blend in and become one with your site.
Requirements: jQuery Framework
Demo: http://pongsocket.com/tweet-it/
License: License Free
Griddy is a small JQuery plugin thats creates a simple, customizable grid overlay on top of any element. It can also calculate row heights and column widths automatically based on the number of rows/columns and gutter space. There are few options, including: rows, row height, row gutter, columns, column height, column width, color and opacity.
All of the styling is done inline to avoid linking to an external CSS file or having to use images. The numbers on top are column widths, the numbers running along the left side are row heights. You can also look at 960.gs grid overlay which does the similar thing.
Requirements: jQuery Framework
Demo: http://devgrow.com/griddy-overlay/
License: MIT, BSD, GPL License
Face.com has just opened up their APIs so that you can integrate their face detection and recognition technology with your apps and services. Whether you’re looking to add tagging for photos, cool sci-fi experiences, or creative flavors to your apps, Face.com API here to help.
They offer services for detecting, recognizing, and tagging faces in any photo, through our REST API. Face.com’s services are offered for FREE with rate limits. Whitelisting and Premium licensing options are available. Also, they process photos from anywhere, so you can mix and match photo sources with user IDs, which could enable you to, say, recognize Facebook users in Flickr photos.
Requirements: –
Demo: http://developers.face.com/new-detector-demo/
License: License Free
