Open Source Resources for Web Application Developers

Now that Apple has officially released the iPad we want to start designing for it. While Apple’s interface builder is great, it doesn’t really allow us to create custom UI elements on the fly. That’s why Geoff Teehan created iPad GUI PSD for us.

The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

Source: http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

• 5 Comments

Joomla! is often paralleled to point-and-click presentation software, such as Impress or PowerPoint, in terms of ease of use. Granted, Joomla! makes it extremely easy to build a site having no knowledge of its internal working, or even what HTML is. However, in order to build a stunning site you need a bit more than that. It’s the tricks in the web builder’s bag which determine his success, both in customer satisfaction and financial terms.

Some of the fundamental techniques for creating compelling sites is your ability to master the use of modules. Often overlooked, modules are the most practical way to integrate diverse content on a single page. Leveraging their use from mere content bearers to integral parts of your content can transform your site from boring to intriguing. The following technique has proved itself again and again in a vast array of site genres. I call it the “Faux module positions” technique. (more…)

• 10 Comments

A Facebook Page is a public Profile that enables information about business and products to be shared with Facebook users and the public. An user should be able to create one in a few minutes. This article “Creating a Custom Facebook Page” explains how to add custom tabs to your Facebook page to make it do more. He has explained how to built a carousel, navigation tabs, forms, etc on your facebook page easily.

You will need to use FBJS (Facebook Javascript). This provides the functionality we need to develop custom facebook pages. This is also to protect other users privacy at the same time and restrict Javascript features that can be abused. This tutorial helps you cut short your search and gives you a head start in your quest to build custom tabs within Facebook pages.

Source: http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/

• 4 Comments

The 14 Days of jQuery brings you fourteen consecutive days of new releases to celebrate the release of jQuery 1.4. Each day they will publish some fresh videos and announcements — there’ll be code releases, project-related updates, and jQuery UI goodness, among other things.

In addition to the announcements, they will also be releasing a set of videos over the 14 days with talks and tutorials relating the jQuery 1.4 release and other general jQuery topics. You’ll want to check back at The 14 Days of jQuery every day during the two weeks to see what’s new, or sign up to be notified via email. Think of it like an online conference, only longer, freer, and with a bit of mystery and suspense!

Source: http://jquery14.com/

• 2 Comments

A website is like your receptionist! They need to look good for making a good first impression on your client. Most of us like a dynamic partner and Flash websites are perfect partners for your business.

Flash sometimes makes websites look cool, attractive at the same time professional. The main glitch in Flash is nothing but using the software to piece the perfect website as it consumes a lot of time and money. Here is a quickfix for that problem: go shopping for to find your favourite flash apps at these places. Although they are not free, but some of them are really bargain, which can saves you hours of development time.

1. Digicrafts

Digicrafts is an excellent place to start shopping for your flash apps. It offers templates, banners, menus and other flash items for sale. They gallery is categorically organised under different creation tools like Flash, Lightroom, Dreamweaver etc as well as in application form type like templates, logo, clip arts etc. It also offers an excellent integrated search options that can reduce your shopping fatigue. The site also provides freebies as well as tutorials for their applications.

2. JumpEye

JumpEye really makes your eye jump! The website offers a very simple interface to browse through their repertoire which contains a wide range of flash components. They also package these apps as a unit which can assist you if you are looking for a complete makeover of your website. Their FlashEff software which is an action script viewer for Flash, where you can create as well as edit their components. They also offer many web apps like Media player, Text Box, Interactive Map to just name a few popular ones.

(more…)

• 23 Comments

Are you interested designing or developing your own iPhone Application or Palm Pre Application? Teehan+Lax has put together iPhone GUI PSD and Palm Pre GUI PSD to help designers pitch and develop polished concepts using a tool their pretty familiar with, Photoshop. The elements are built with vectors for easy editing and scaling.

iPhone GUI PSD: http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
Palm Pre GUI PSD: http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/

• 5 Comments

Web is a multiple utilities. It can either be a resource that can provide information or help you keep you in touch with your loved or even be a source of entertainment. There has been exponential increase in functionalities associated with the Internet, that it is very difficult to keep a track of it.

Here are some comics that can help you catch up with what is happening on the Internet! Thank you so much for BLaugh bringing us the following funny comics about web.

Where is the Secret of Life

Baby First Language

(more…)

• 23 Comments

We’ve all seen the videos of Google’s latest product – Wave. Although not “ground-braking” and “revolutionary” as we’ve imagined, it still features some great UI that will surely inspire at least a few developers to implement some of it in their works.

Tutorialzine was one of those inspired people, he showed us how to create a Google Wave-like History Slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

The technologies we are using include PHP as a back-end, MySQL as data storage, jQuery, CSS and XHTML for the front-end with AJAX in between. The slider itself is a component created with jQuery UI.

Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2009/10/google-wave-history-slider-jquery…
License: License Free

• 2 Comments

ProgrammableWeb keeps you up to date with APIs, mashups and the Web as platform. It’s a directory, a news source, a reference guide and a community.

The database of over 900 open web APIs and thousands of applications people have built with them is the most comprehensive resource of its kind. Indexed, cross-referenced, and up-to-date.

ProgrammableWeb also gives you the resources to learn how to use APIs and build applications. Get your hands dirty creating anything from weekend project mashups to enterprise apps to VC-funded companies.

Source: http://www.programmableweb.com/

• 0 Comments

We live in a world where people are increasingly expecting more and faster speeds. In fractions of a second, your website can lose valuable visitors and in turn, money. Although most people think CDNs are for the big sites, e.g. Facebook, Twitter. CDNs are actually very cheap and incredibly easy to use these days.

Nettuts has published an article: Supercharge Website Performance With AWS S3 and CloudFront, which shows you how to setup and use Amazon’s Web Services S3 and CloudFront to decrease website load time as well as show the performance differences.

There are a lot of ways to increase the performance of your website. Why not crank up the performance of your website if you can? Especially if it could save you money in the process.

Source: http://net.tutsplus.com/articles/general/supercharge-website…

• 0 Comments