MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups. It also comes with ready-to-use 70+ Components and 200+ icons, all designed to suit wireframing.
Nothing to download or install, create and access your mockups from anywhere. You can share your mockups in private/public mode and get feedback from your clients & users, As simple as sharing an URL. The Basic account is completely free with 10 MB storage.
Requirements: –
Demo: http://mockflow.com/
License: License Free
Thumbnails of photos is very common part of any website. We have seen a lot of innovation and beautiful representation of thumbnails. Recently Nitin Hayaran has demonstrated how to create a beautiful hover effect on thumbnails using Mootools.
Beautiful Thumbnail Effect is just a demo of the possibilities. One can use the same technique to show the Title of the Image or RunTime and Title of Video Thumbnail.
Requirements: Mootools Framework
Demo: http://www.nitinh.com/static/Thumbnails/index.html
License: License Free
Tutorialzine is going to create a pure jQuery & CSS Twitter Ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.
To change the twitter accounts that are shown in the ticker, you’ll need to modify the tweetUsers array. If you provide two or more twitter names, their tweets will be shown together. Only the 50 most recent tweets from the past 7 days will be returned.
Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2009/10/jquery-twitter-ticker/demo.html
License: License Free
Spree capitalizes on the dynamic nature of the Ruby progamming language to provide the most flexible commerce platform available. Spree has been designed from the ground up to be as open and extensible as possible. You no longer have to be frustrated with the limited set of choices provided by most platforms.
Spree is maintained by an active team of developers who continue to refine the code based on lessons learned from the challenges of real world deployments. Best of all, Spree is completely free, the open source code is freely available and is licensed under the New BSD License.
Requirements: Ruby on Rails
Demo: http://spreecommerce.com/demo
License: New BSD License
CSScaffold is a CSS framework written in PHP. Rather than try and create a static framework that uses the standard abilities of CSS, like Blueprint, it uses PHP to extend CSS. The syntax looks and feels exactly like CSS, except that you have some new, powerful abilities.
The best part is that all of this is done transparently. You can drop Scaffold into your site and you’ll instantly have access to all of its functionality. Scaffold requires a web server with PHP 5+. Mod_rewrite for Apache is required if you want it work automatically route your css files through Scaffold.
Requirements: PHP 5+
Demo: http://github.com/anthonyshort/csscaffold
License: New BSD License
Most of us create identities across the web without much conscious thought. We fill in profiles, upload photos, videos, reviews, and bookmarks. Although this information is often public, it’s fragmented into the silos of individual websites.
Glenn Jones built a JavaScript library that can help you do just that. Ident Engine discovers and retrieves distributed identities and profiles from across the web. Simply enter your profile URLs, you would be shocked by the level of detail it found out about you. You can also find out how Ident Engine works on A List Apart: Discovering Magic as well.
Requirements: –
Demo: http://identengine.com/
License: MIT License
SWFAddress is a small, but powerful library that provides deep linking for Flash and Ajax. It’s a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state.
SWFAddress enables a number of important capabilities which are missing in today’s rich web technologies including: Bookmarking in a browser or social website. Sending links via email or instant messenger.
It also enables finding specific content with the major search engines. And utilizing browser history and reload buttons.
It has been tested on Internet Explorer 6.0+, Mozilla Firefox 1.0+, Safari 1.3+, Opera 9.5+, Chrome 1.0+ and Camino 1.0+.
Requirements: –
Demo: http://www.asual.com/swfaddress/
License: MIT License
punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality. punypng uses several web optimization techniques to reduce the file sizes of your images. It first analyzes the content of your image and figures out the best image format to use.
Depending on the file, punypng will automatically convert your GIF into a PNG format and then further compress that. For JPEGs, sometimes it’s better to make it a PNG, and other times it’s better to keep it as JPEG and use jpeg-tran to optimize it. punypng makes all those decisions for you and ensures the best possible results.
Requirements: –
Demo: http://www.gracepointafterfive.com/punypng/
License: License Free
CSSHttpRequest is cross-domain Ajax using CSS. Like JavaScript includes, this works because CSS is not subject to the same-origin policy that affects XMLHttpRequest. CSSHttpRequest functions similarly to JSONP, and is limited to making GET requests. Unlike JSONP, untrusted third-party JavaScript cannot execute in the context of the calling page.
CSSHttpRequest.get(
"http://www.nb.io/hacks/csshttprequest/hello-world/",
function(response) { alert(response); }
);
Data is encoded on the server into URI-encoded 2KB chunks and serialized into CSS rules with a modified data: URI scheme. The selector should be in the form #c<N>, where N is an integer index in [0,]. The response is decoded and returned to the callback function as a string:
#c0 { background: url(data:,Hello%20World!); }
#c1 { background: url(data:,I’m%20text%20encoded%20in%20CSS!); }
#c2 { background: url(data:,I%20like%20arts%20and%20crafts.); }
CSSHttpRequest is open source under an Apache License (Version 2.0).
Requirements: IE6+, Firefox 2+, Safari 3+, iPhone
Demo: http://nb.io/hacks/csshttprequest
License: Apache License
Cheat sheet is a reference tool that provides simple, brief instructions for accomplishing a specific task. We have collated a set of cheat sheets for web developers a while ago.
Woork has just released jQuery Visual Cheat Sheet, which is an useful and practical reference to jQuery 1.3 for web designers and developers. This cheat sheet (6 pages) contains the full jQuery API reference with detailed descriptions and some sample code. The simple visual style allows you to find at a glance everything you are looking for.
Requirements: –
Demo: http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html
License: License Free
