Connect With WRD
feed via e-mail
feed via e-mail

Firebug LogoFirebug is probably one of the most helpful tools used when developing websites.

Specially, after JavaScript & Ajax became that much popular, it is hard to findout how we were developing & debugging without Firebug.

This great Firefox add-on, besides the ease of use & continious development by a talented team, has many features that make it a must-have like:

  • working inside browser, no need to switch apps.
  • being real-time, logging every request
  • ability to edit code & see results instantly
  • debugging JavaScript, measuring its performance & more..

It also has another feature, which is extendibility with help of Firefox add-ons.

There are various add-ons that can add more power to Firebug for creating better & faster. Here they are:

 

YSlow

YSlow Firebug Addon

YSlow is a Firebug add-on for analyzing web pages and getting suggestions on ways to improve the performance (parallel with the rules for high performance web pages).

YSlow grades web pages based on the predefined rulesets or a user-defined one . It also provides tools for performance analysis, including Smush.it™ and JSLint.

Page Speed

Firebug Page Speed

Very similar to YSlow, it is an add-on by the Google team for evaluating the performance of web pages and, best of all, getting suggestions (based on "Web Performance Best Practices") on ways to improve them.

Page Speed automatically optimizes images & provides compressed ones foruploading later.

It can also detect  JavaScript and CSS loaded that actually isn’t used for decreasing the total size of these files.

Read the rest of this entry »

dhtmlxScheduler is a free & Ajaxed event calendar script providing a scheduling solution similar to Microsoft Outlook Calendar or Google Calendar.

It is possible to create new events with a double-click & created events can be drag’n dropped, resized (for updating the times), updated or deleted with ease, fully Ajaxed.

Ajax Event Calendar

The scheduler can present the calendar as day, week or month views & data can be loaded in XML or iCal formats.

With the help of the detailed documentation, it is possible to use any server-side scripting language to make dhtmlxScheduler fit any application.

Pattern App (previously UI Pattern Factory) is both an user interface design pattern library and UI gallery where it is possible to find the best practices, get inspired, and share your solutions with others.

The website is mostly focused on web-based business applications & shares patterns like:

UI Pattern Factory

Pattern App is also a place where you can ask & vote for new pattern ideas in their forum or add new images to the currently published ones via Flickr.

Led Web Icons is a set of 500 icons (currently) which is very suitable to be used in web applications.

It is inspired by 3 icon sets:

and includes totally original icons without any repeating ones.

Sizes of the icons are 16*16px & they are in PNG format. A preview of the full set can be found here.

Web App. Icon Set

InfoVis is an open source JavaScript data visualization toolkit offering multiple ways to present data using the canvas tag.

It is feeded with data in JSON format & some of the ready to use visualizations are:

  • treemaps
  • radial layouts
  • bar charths, pie charts & more…

InfoVis JavaScript Visualization

Besides a static presentations, InfoVis supports interactive animations which can be fired by any event (like mouseovers, clicks).

It has various methods to add/remove/update nodes & manipulate every aspect of the outputs.

The toolkit doesn’t depend on a JavaScript framework, can be used with any of them & easily updated for adding new features to it.

Flabell is presenting another handy resource for creating Flash-XML based survey with multiple questions.

An unlimited number of questions & a variable number of answers can be added by simply editing the XML file.

When users select an answer, they can pass to the next question & all answers are stored inside the XML file for visualizing them later (not included within the code).

Free Flash XML Survey

P.S. Download requires a free membership.

jQuery TOOLS is a set of frequently used user interface components, built with/for jQuery, to power your websites.

The library is lightweight (5.8kb) and consists of the following tools:

  • tabs
  • tooltip
  • scrollable
  • overlay
  • expose
  • flashembed

jQuery Tools

All the tools can be used together, extended, configured and styled which makes it very flexible.

Every feature in the library is very well documented & offers various examples to lower the learning curve.

It is also possible to download the tools you need rather than the whole package, combined in a one file.

Cloud IconCloud hosting, storage & content delivery networks (CDNs) are very popular services for the last few years, which is very normal, as they offer a series of advantages in running + serving web applications.

An application hosted in the cloud will:

  • easily scale (with instantly deployable & API controlled instances, unlimited diskspaces, etc..)
  • serve files faster with content delivery network (CDN) support
  • have a better availability (with strong SLAs)

With the increasing number of providers & tools created, cloud hosting is getting simpler & simpler everyday.

Getting in the cloud, in most cases, will save so much time & resources when running a growing web application. You won't need to think of the hardware, better react to the system resources & bandwidth usage fluctuations, pay exactly for what you use & much more.

Here is a collection of popular options & tools that can help you in hosting your applications in the cloud:

 

Cloud Hosting & Storage Options


Rackspace Cloud

Cloud Servers – (hosting)

Mosso Cloud Servers

The service provides instantly deployable servers with a choice of popular Linux distributions (no Windows). Currently, there is no API support but it is on the way.

Cloud Files – (storage)

Mosso Cloud Files

A redundant data storage service which replicates the data in 3 seperate locations.

Files can be managed from a web-based interface or an API. The system is integrated with LimeLight content delivery network & files can be selected to be served faster via this network.

Amazon Web Services (AWS)

Amazon Elastic Compute Cloud (Amazon EC2) – (hosting)

Amazon EC2

Amazon EC2 is a web service that provides you the environment to instantly launch (or remove) new servers (instances) with the OS & configuration you need which makes scaling of a web application much easier.

This functionality can be controlled via the web service APIs or tools to be mentioned in this post.

You are charged with the resources consumed like hours your servers (instances) work or the bandwidth used.

Read the rest of this entry »

FlashMint.com, one of the most popular flash templates provider with a rich collection of premium website templates for all tastes, is giving away free credits to 3 WebResourcesDepot readers:

  • $100 credit to one reader
  • $75 credit to one reader
  • $50 credit to one reader

Credits can be spent on any FlashMint products which varies from high quality Flash IntrosFlash CMS Templates, premium WordPress Themes to Joomla Layouts & superior osCommerce / Swish Templates.

Details of winning the free credits can be found at  the bottom of the post.

FlashMint Flash Templates

Apart from the exclusive web designs, FlashMint provides Flash components (from XML slideshows to editable e-mail contact forms) for improving your website’s functionality and enhancing its presentation.

And, for any questions you may have before or after purchasing any FlashMint products, they offer a friendly & helpful customer support.

How to win the free credits?

Small Twitter IconSimply tweet this message on Twitter: Want to win $100 credit for Flash Designs from http://www.flashmint.com/ ? Check the details and join the contest at: http://tr.im/nfy8 (click to tweet easily).

Winners will be selected randomly from tweeters & announced 1 week later (10 June 2009) at WRD.

P.S. Credits can not be replaced with cash & it is possible to buy items with a higher price than the credit earned by simply paying the difference.

jqPlot is a jQuery plotting plugin which can generate very good looking line and bar charts.

The plugin offers various features like:

  • different chart style options
  • ability to rotate axis text & customize date axes
  • tooltips, data point highlighting & more..

jQuery Plotting Plugin

jqPlot itself has a plugin support too and it be extended with new chart types & options.

Almost every aspect of the charts created can be controlled like the background of the grid, show/hide ticks, font sizes/types & much more.

The plugin is very well-documented & provides very nice examples.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com