ProjectTres http://www.projecttres.org Resource for Web Designers and Web Developers Sun, 20 Feb 2011 03:44:13 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 jQueryUI Icons Cheatsheet http://www.projecttres.org/jqueryui-icons-cheatsheet/ http://www.projecttres.org/jqueryui-icons-cheatsheet/#comments Sun, 20 Feb 2011 03:44:13 +0000 admin http://www.projecttres.org/?p=549 Looking for the ultimate reference for all icons and symbols of jQuery UI? Here’s a good one to add to your collection.

Created by folks at petefreitag, the jQueryUI Icons Cheatsheet gives you a full view on all icons you can create with jQuery UI.

Visit petegreitag.com

]]> http://www.projecttres.org/jqueryui-icons-cheatsheet/feed/ 0 Javascript Framework to Create Magazine Style Layouts – Treesaver http://www.projecttres.org/javascript-framework-to-create-magazine-style-layouts-treesaver/ http://www.projecttres.org/javascript-framework-to-create-magazine-style-layouts-treesaver/#comments Sat, 19 Feb 2011 03:30:55 +0000 admin http://www.projecttres.org/?p=546 Create online magazine doesn’t have to be hard. Treesaver.js takes care of the rest and gives your website a magazine alike look and feel.

This Javascript framework is HTML and CSS compliant, and it works for fluid websites. Here are a few examples of magazine websites created with Treesaver.js

Visit Treesaver to download latest copy of the script.

]]> http://www.projecttres.org/javascript-framework-to-create-magazine-style-layouts-treesaver/feed/ 0 Alternative Lightbox For MooTools – CeraBox http://www.projecttres.org/alternative-lightbox-for-mootools-cerabox/ http://www.projecttres.org/alternative-lightbox-for-mootools-cerabox/#comments Fri, 18 Feb 2011 03:24:05 +0000 admin http://www.projecttres.org/?p=543 With all the vast variety of lightbox scripts we can find on the net, it will only make sense that the next favorite light box concentrates on the basic needz -  lighter, easier and simpler to use. CeraBox falls within the criteria we mentioned, and if you are using MooTools script, this might be something you want to check out.

Download Cerabox.

]]> http://www.projecttres.org/alternative-lightbox-for-mootools-cerabox/feed/ 0 Create Grids of Your Choice in Photoshop – Modular Grid http://www.projecttres.org/create-grids-of-your-choice-in-photoshop-modular-grid/ http://www.projecttres.org/create-grids-of-your-choice-in-photoshop-modular-grid/#comments Fri, 18 Feb 2011 03:15:55 +0000 admin http://www.projecttres.org/?p=538 Grid is not only important in coding and structuring a website, it can be extremely useful at the early stage during the designing in photo editing software like Photoshop too. Modular Grid Pattern is an application that helps you create modular grid easily in modern photo editing applications like Adobe Photoshop, GIMP, Fireworks, and Microsoft Expression Deisgn.

You can create a grid online or download an extension manager to have it work offline. Your call.

Visit Modular Grid to get hands on on this tool now.

]]> http://www.projecttres.org/create-grids-of-your-choice-in-photoshop-modular-grid/feed/ 0 Free Icons Everyday – IcoTrip http://www.projecttres.org/free-icons-everyday-icotrip/ http://www.projecttres.org/free-icons-everyday-icotrip/#comments Thu, 17 Feb 2011 03:10:28 +0000 admin http://www.projecttres.org/?p=534 Free icons anyone? Project IcoTrip attempt to prove that there is, indeed, free lunch in this world. At least in the design industry. Folks at IcoTrip design and distribute one free icon each day and you are free to download any of them.

All these icons have the standard size of 129×94 and they come in .PNG format.

Visit IcoTrip and get your free icons now.

]]> http://www.projecttres.org/free-icons-everyday-icotrip/feed/ 0 HTML5 Audio Player – ZEN http://www.projecttres.org/html5-audio-player-zen/ http://www.projecttres.org/html5-audio-player-zen/#comments Wed, 16 Feb 2011 03:05:31 +0000 admin http://www.projecttres.org/?p=531 ZEN is an audio player, a nifty little experiment to create something that plays the music with the powerful and upcoming HTML4 replacer – HTML5.

This audio player is powered by jPlayer, and nicely styled with animated CSS3. It comes with the basic feature of an audio player, start, pause and stop. If you are thinking of adding something on your site that impresses your peers, this could be one of them.

Check out the player on Github.

]]> http://www.projecttres.org/html5-audio-player-zen/feed/ 0 Get Ruby on Rails Running on Your Computer – Rails Installer http://www.projecttres.org/get-ruby-on-rails-running-on-your-computer-rails-installer/ http://www.projecttres.org/get-ruby-on-rails-running-on-your-computer-rails-installer/#comments Tue, 15 Feb 2011 02:49:16 +0000 admin http://www.projecttres.org/?p=523 One of the biggest pain in web development is not able to test the codes locally and have to go through the cumbersome process of uploading to the Internet for testing and debugging.

If you are rails developer, good news for you. Rails Installer is a kit that allows you to install rails environment on your computer if few easy steps. Rails Installer currently works with on Windows only. Packages in Rails Installer includes:

Download Rails Installer Kit, watch a video or head over to Rails Installer website for more details.

]]> http://www.projecttres.org/get-ruby-on-rails-running-on-your-computer-rails-installer/feed/ 0 Create Loading Image With Style – Activity Indicator http://www.projecttres.org/create-loading-image-with-style-activity-indicator/ http://www.projecttres.org/create-loading-image-with-style-activity-indicator/#comments Sun, 13 Feb 2011 20:56:33 +0000 admin http://www.projecttres.org/?p=527 If you surf the Internet on daily basis, you probably seen this often – the loading indicator. It tells you that you should wait while the content is being fetched.

As a web designer and developer, clearly prompting this icon while we process the content for browser is very important. You don’t want to confuse your visitors that the page is hanged, idle or there’s no activity. Activity Indicator is a jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. It allows you to add a nicer loading indication – a little feel good effect while waiting for content to load.

Activity Indicator supports all major browser we are using today: Firefox 2.0, Safari 3, Internet Explorer 6 and Opera 10.6.

Visit Activity Indicator, or download Activity Indicator plugin now.

]]> http://www.projecttres.org/create-loading-image-with-style-activity-indicator/feed/ 0 Easy Image Magnification Effect with Zoomy http://www.projecttres.org/easy-image-magnification-effect-with-zoomy/ http://www.projecttres.org/easy-image-magnification-effect-with-zoomy/#comments Sun, 13 Feb 2011 02:41:56 +0000 admin http://www.projecttres.org/?p=520 Zommy is a jQuery plugin that allows one to zoom in to a picture once installed. How it works is this – you need two piece of the same image, the smaller image for the display and the bigger image as the zoom image.

Next, link the zoom image to the display and Zoomy will do its magic. It is pretty simple to implement and use Zoomy on any website image that wants visitors to get a more detail look into its photo.

To understand better on how Zoomy works, or to get the script, visit Zoomy’s website.

]]> http://www.projecttres.org/easy-image-magnification-effect-with-zoomy/feed/ 0 Convert Any Websites into Wireframes http://www.projecttres.org/convert-any-websites-into-wireframes/ http://www.projecttres.org/convert-any-websites-into-wireframes/#comments Sat, 12 Feb 2011 03:58:20 +0000 admin http://www.projecttres.org/?p=504 We start web designing by creating the wireframes. But do you know wireframes can be created by referring to other websites?

Volkside’s latest development, Wirify allows you to create wireframes from other websites you see online. It is a bookmarklet you can place on your browser’s, that when click, turns any website into a wireframe view within one click. Wirify works on Internet Explorer and Firefox.

Get Wirify bookmarklet now.

]]> http://www.projecttres.org/convert-any-websites-into-wireframes/feed/ 0