Open Source Resources for Web Application Developers

Chrome team decided to write an online guide for everyday users who are curious about the basics of how browsers and the web work, and how their evolution has changed the way we work and play online. Called “20 Things I Learned about Browsers and the Web“, this online guidebook is built in HTML5, JavaScript and CSS3.

The app utilizes the History API to provide a clutter-free URL structure that can be indexed by search engines. The HTML5 canvas element is used to enhance the experience with transitions between the hard cover and soft pages of the book. The page flips, including all shadows and highlights, are generated procedurally through JavaScript and drawn on canvas.

Source: http://www.20thingsilearned.com/

• 4 Comments

AddyOsmani has just shared jQuery 1.4.3 Offline Learning Kit for anyone interested in tweaking their jQuery skills offline. It includes printable reference sheets so that whenever you’re wondering what selector or method might be best to use, you will have access to material that can assist with that. The pack also comes with all the 1.4.3 documentation in an easily browseable offline format (with all our API examples included).

This pack also includes a jQuery Mobile demo application – one for PHP developers and another for Rails developers. Rebecca Murphey’s excellent jQuery Fundamentals book is a wonderful starting point for increasing your knowledge and skills with both jQuery and JavaScript in general as well. You will find exercises for this included in the pack.

Requirements: -
Demo: http://addyosmani.com/blog/jq143offlinelearningkit/
License: License Free

• 1 Comment

Safari 5, the latest version of Apple’s web browser, introduces extensions. Safari extensions are small add-ons that you can use to expand Safari’s capabilities, built using simple HTML, CSS and JavaScript. In this tutorial: How to Create a Safari Extension from Scratch, you will learn the basics of extension development by creating a simple extension using Safari 5’s Extension Builder.

Requirements: Safari 5 Browser
Demo: http://net.tutsplus.com/tutorials/other/how-to-create-a-safari…
License: License Free

• 0 Comments

We have published an article of best free wordPress themes a couple of weeks ago. You can use them on different kinds of projects.

Some of our readers have asked where we can get some premium WordPress themes, which they normally provide premium quality of WordPress themes and come with helpful support as well. We have collected the following 15 Best Places to Get Premium WordPress Themes for your choice. Enjoy!

Organic Themes

Organic Themes offers a variety of beautifully designed premium WordPress themes for businesses and blogs. Our collection of themes is always growing to suit the needs of our clients. They plan to release at least one new theme per month, as well as continuous updates, new color options and layout designs for their existing themes.

Themeshift

ThemeShift WordPress themes are professional-looking and extremely well-coded. A lot of handy features let you turn your blogging software into a CMS. Due to the clean, well-structured and commented code you will have no trouble wiht customizing the ThemeShift code to your special needs.

Elegant Themes

Elegant Themes provides WordPress themes of quality and integrity. They craft themes with a goal of simplicity and professionalism and strive to inject each design with a dose of modest elegance. They respect each customer by providing attractive and userfriendly templates that will help you achieve your online goals. (more…)

• 6 Comments

WordPress is an open source CMS, often used as a blog publishing application powered by PHP and MySQL. It has many features including a plugin architecture and a templating system. Used by over 12% of the 1,000,000 biggest websites, WordPress is the most popular CMS in use today.

We have collected the following All of the Best Free WordPress Themes You Need. You can use them on any topics or purposes free free. Bookmark the list, I am sure you will find them useful on your upcoming projects.

1. Full Screen Photography & Multimedia Theme

Fullscreen is a free one-column photography and multimedia theme for WordPress that can be used for portfolios, photoblogs, videoblogs, and virtually anything else where you want your content to be front and center. It provides visual artists a unique way of presenting their latest work online using a minimalist side-scrolling homepage.

2. Modern Minimalist Style WordPress Theme

Imbalance is a free wordpress theme in modern-minimalist style. Imbalance is a very user friendly, jQuery powered theme which looks really well under any browser and OS. Perfectly fits for your blog, online magazine or portfolio websites.

3. Shaken Grid with a Gap-less Layout

Shaken Grid WordPress Theme is perfect for you if you’re in need of a gallery/portfolio website or if you just want a website with a unique grid layout that not many websites have taken full advantage of yet. Shaken Grid uses the jQuery Masonry plugin which arranges elements vertically then horizontally according to a grid. The result is a gap-less layout even if you have varying post heights. (more…)

• 6 Comments

It will take an awful lot of effort on Google’s part to tear most web developers away from their beloved Firefox, but with the number of web-developer-friendly extensions for Chrome on the rise, developers in increasing numbers are giving Chrome a try and some of them are not looking back.

Chrome’s faster than Firefox, uses less CPU and comes with built-in Developer Tools (accessible by pressing Ctrl+Shift+I). Even if you’re not ready to abandon Firefox yet, make sure you give Chrome a chance with the outstanding extensions below. Chrome’s improving rapidly and early adopters will benefit most.

1. MeasureIt!

Totally straightforward, MeasureIt! lets you draw a ruler so that you can measure the pixel width and height of any element online.

2. Pendule

Pendule provides a veritable smorgasbord of valuable developer tools to help with style sheets, JavaScript, forms, images, accessibility and much more.

3. BuiltWith Technology Profiler

(more…)

• 22 Comments

Business cards are cards bearing business information about a company or individual. They are shared during formal introductions as a convenience and a memory aid. Traditionally many cards were simple black text on white stock; today a professional business card will sometimes include one or more aspects of striking visual design.

Here we have collected 25 Professional Business Cards Made By Designers. Most of them are unique and really creative. Please feel free to suggest some creative business cards design you have come across.

1. Ronald Paredes

2. P2 concept

3. Genix Design

4. SYNTHVIEW

(more…)

• 9 Comments

The world of websites is expanding rapidly and this has given rise to the need of creating good and interesting websites. How does one even make out whether it would lead to good and quality conversion rates? What would you do to make your website popular apart from the other Internet marketing strategies, analytics, SEO, and usability? What about A/B testing?

This post is an attempt to provide you with an ultimate guide on the W’s and H’s of A/B testing.

Now, cutting short the long communication threads, let’s begin the very first question of the post:

What Is A/B testing?

As the name suggests, A/B indicates to the idea of making a choice. In the world of web design, it is a method to figure out the performance of two individual designs for a specific purpose. Improving upon the conversion rate is the specific goal of testing, and these tests are generally for the design elements to be able to figure out the response of the visitors.

Let’s take it in a more general way. For instance, you have two designs for your website and cannot choose between the two even if you have a fair knowledge of all the points that lead to a good and quality web design. Then, you put both on the web and conduct an experiment to be able to come up to a conclusion that would serve the needs of a successful website. You calculate the conversion rate by comparing the number of visitors on both the sites and the number of users who had actually signed up. The more the conversion rate, the better the design. (more…)

• 6 Comments

Increasingly web application developers and entrepreneurs are turning to the “Software As A Service” (SaaS) model to monetize their products. Together with this growth has come the need for reliable recurring billing systems and in turn a number of enterprising folks have built said solutions and fittingly used the SaaS model to monetize their efforts.

ThinkVitamin has written a really nice article: Recurring Billing For Web Apps, we will look at how these services work, why you’d want to use them, the various options available, and how they differ from one another. It should give you a better idea of which service is right for you and how you plan to use it.

Source: Recurring Billing For Web Apps

• 1 Comment

Bundle Hunt is a premium resource pack aimed at empowering the creative community, offering more than $1,400 worth of outstanding apps, templates, icons, eBooks, hosting plans and premium memberships, all for less than $50.

The bundle will only be available for 15 days, from Aug. 2-16 and includes some of the most prestigious brands in the business. The items Included in the bundle are top selling resources for designers & developers, each of them normally sold for more than this entire bundle.

Source: http://bundlehunt.com/

• 2 Comments