"How about a little TICkle to your business" - Thats what we call Technology, Imagination & Creativity

Upcoming techniques in web development quick notes for web developers

Webwingz — Thu, 20 May 2010 06:50:40 +0000

As well said “Necessity is mother of invention” and so is the emerging needs are demanding new techniques in web development.New online product ideas,concepts and user experience are demanding more comprehensive techniques.Here are the list of few techniques that every web developer should know and this is surely gonna be the future of web development industry

Html 5

As we know HTML (HyperText Markup Language) the mark up language for developing websites has been now revisied to be the core.

HTML5 aims to reduce the needs of RIA technologies ( Rich Internet Applications ), Applications like Adobe Flash, Silverlight, Java and few more.

HTML5 also incorporates Web Forms 2.0, another WHATWG specification. HTML5 also introduces a new way of presenting multimedia with such tags as () and () as a beginning to standardize the mark up of such content. Although these are new and very useful tags, their use in browsing technologies is still minimal.

HTML5 for offline Application

Web developers ca easily use HTML 5 for developing offline application using a SQL database API and an offline application caching API for storing data locally (by using a client-side SQL database) that enables user to access application even in absence of internet connection. This technique use a .manifest file and JavaScript to get an update of the cached files when is not available a connection to the server. You can enable offline application caching by using the manifest attribute on the html tag:

You have to create a .manifest file that specifies which files are to be cached offline. Here is a typical structure of a manifest file:

CACHE MANIFEST

index.html

about.html

style.css

logo.png

…

NETWORK:

server.cgi

According to the W3C Working Group Note about Offline Web Applications topic, server.cgi should never be cached in order to continuously get updates from the server.Apple Developer Connection provides a full detailed, step-by-step guide to help you learning how to buit modern offline web applications. You can read the full guide here.

HTML 5 for editing the content within a HTML element

The attribute contentditable in html5 enable developer to edit the content within the HTML element with the contenteditable state set to “true”. Rich text editors can be easily created in using this attribute and you do not need to use any other third party resources like Ckeditor, TinyMCE , WYMeditor, jQRTE, Nice Edit. And good news is that IE, Firefox, Safari, Chrome web browsers are compatiable to this attribute. That means one can use it and don’t need to worry about browsers.

Method to use HTML5 Contentidable attribute

…

You can use document.execCommand to add some basic features to your custom editor simply adding this code in the head tag of your webpage:

FLIR: Facelift Image Replacement for fonts on web

FLIR is the an image replacement script that generates image of the text on the page in different font and the generated the image get inserted into web page through javascript and which is visible on all latest IE, Firefox, Safari, Chrome web browsers .

Any element with text can be replaced: from headers (

,

, etc.) to elements and everything in between!

Check out the tutorial to use FLIR

Oauth - way to publish and interact with protected data.

Outh allows the developer to help the User to grant access to your private resources on one site (which is called the Service Provider), to another site (called Consumer, not to be confused with you, the User). While OpenID is all about using a single identity to sign into many sites, OAuth is about giving access to your stuff without sharing your identity at all (or its secret parts).

Want to implement OAuth protocol on your application also take a look at the following links:

Implement OAuth for Google
Implement OAuth for Twitter
Implement OAuth for Yahoo

oEmbed

Have you seen that when you insert a link of video or image from the well known sites like Youtube, Vimeo, flickr or any other site on your facebook status it converts the link into a movie or image and gets it embedded in your message.

Here is the Example:

This technique of allowing an embedded representation of a URL on third party sites is Oembed Api.

First of all you have to download the jQuery oEmbed Plugin.Then you have to include on the tag of the page a link to jQuery and jQuery.oEmbed:
In your HTML page, you have to add an field and a
layer (into which your links will be embedded):
Now add this simple JavaScript function immediately after the tag:

In this tutorial I used the blur() event but you can customize the code as you prefer (for example when an user submits the form).Read Article by Antonio Lupetti on Learning oEmbed: Convert Links Into Embedded Content

Suspense about BharatEstates.com to be revealed soon!

Webwingz — Tue, 17 Nov 2009 07:54:31 +0000

Suspense about BharatEstates.com to be revealed soon! As we move closer to the public launch of the new product site BharatEstates.com, we’ll be publishing updates on our development. First on the agenda: telling you about the all-new BharatEstates we’re building — soon to be released to current users and new Beta testers. Drop in your “Name” and “Email id” and get updates, about release dates and more about BharatEstates.

Avoid Choice Paralysis for your users

Webwingz — Tue, 17 Nov 2009 07:35:16 +0000

Individual from marketing field must be very well versed to the concept of “Choice Paralysis”

What is Choice Paralysis?
The phase of Choice paralysis takes place when the user is given too many options to look and choose. Having choice is good option, but when your customers are presented with too many options, they may be confused about taking right decision.

What is solution to state of ”Choice Paralysis”?
Get things more simple to know and make less clutter of choices from the plate of user, guide the user by telling the benefits of making right choice. Use visuals to highlight the most popular product and steer potential customers towards it. If the product is not right for them, they’ll pick another, but if they’re confused, a “default” choice helps prevent choice paralysis

Eyes wide open for Bharat Estates!

Webwingz — Sat, 29 Aug 2009 03:20:40 +0000

I have been talking to sooo many people about bharat estates and everyone is just as excited as I am… . Bharat estates will actually be the number one real estate portal with properties more than 5 lac posted by direct owners.. no agents allowed.. yes thats rite! Direct buyers meet direct sellers.. And where Builders will be treated with all due respect and will have an exclusive corner to showcase their projects! Project ratings, property reviews, pricing, documentation, Allied services… its all there on bharatestates.com.

Prototype will soon be ready and will be posted on bharatestates.com and i cant wait to show it to my investors.. If you are interested to invest in the portal please email me and i will guide you to become a part of “soon to be” the biggest real estate brand.

bharatestates.com: real properties, real buyers

Is my Online Advertising Effective ?

Webwingz — Sat, 29 Aug 2009 03:03:59 +0000

As a business concern, have you spent sleepless nights wondering how well are your Internet advertising campaigns are performing ? Not uncommon, we say… In the past, many sites did not offer suitable methods of tracking clicks, views, and conversions leaving you in dark on the effectiveness of your campaigns.
The good news is, this is changing.. Most of the sites these days have employed tracking programs which offer you the ability to view how many impressions your ad has received, as well as how many clicks your ad has earned.

A few handy tips on this would be…
The legitimacy of the conversion ratio reports you get from your advertising company can be checked through a simple tracking method. By using redirects or a link program, you can assign specific links to the different sites where your ads are appearing and each time a customer clicks on your ad, you will be able to see the info in your Web site’s log files or through reports generated by a link program.

Asking your customers how they found your website can be a low-tech option to track effectiveness, by placing a simple referral box in your site’s shopping cart before customers finish placing their order.

The referral box can be pretty helpful if you have to find out which sites are providing you with the best impression to click ratio or the best click to buy ratio as well.

If the ratio of impressions to clicks is low, it’s a clear indication that your ad is not able to connect to your target audience. Time to redesign your campaigns !

Always test waters by starting small in the beginning.. This way, you will have feelers about your new campaign’s effectiveness even before its launched.

Tracking which of your ads convert browsers to buyers will tell you which approaches work best. This way, you can fine tune your advertising spend on the campaign through tested data .

Advertising on the major search engines gives you access to relatively sophisticated tracking systems. Something as simple as a tracking code on the URL submitted to each unique campaign can provide gross level information by looking at your the traffic data in your ISP log files.

For more sophisticated solutions, you might want to try traffic monitoring (aka “Web analytics”) tools like Clicktracks or OneStat. Tools like this will give you more data than you will initially know what to with; however, as your business grows, so will your need for information.

A successful online advertising campaign will come with pro activeness of the advertiser and his grip on the facts and figures. Have them correct and you will be able to exploit your advertising budgets to the fullest and get the best out of it. Good Luck !

Pipingo on go

Webwingz — Mon, 17 Aug 2009 07:24:14 +0000

Pipingo.com is one of our favorite projects,

Congrats to everyone who made pipingo come alive on the web.

Know more about pipingo.com

GraphJam – Sooo Funny

Webwingz — Thu, 13 Aug 2009 09:38:23 +0000

Man People are Sooo creative.. i am soon going to start doing this once I retire!!

see more Funny Graphs

see more Lolcats and funny pictures

Online T-Shirt Stores, catching up!

Webwingz — Tue, 11 Aug 2009 13:44:02 +0000

As a part of our market research activities, we were evaluating the customized t shirt market scenario in India. Online t-shirt selling websites are a huge successful in the US and lot of these models are being adopted for the Indian market as well.

There are two prominent business models that have been successfully implemented in the US.

The Custom made t-shirts(Customized by user) Eg : Zazzle, cafepress (They sell other merchandise as well : mugs, stickers, caps etc)
Community based T-shirt company (Winners of a design competition) Eg : Threadless

Both these models are replicated in the Indian market.

Myntra, Pringoo are at the top of the league now.They have a model similar to Zazzle

Inkfruit has a different business model more on the lines of threadless.

When we are talking about a emerging market like India where the size of the market is huge and adaptability of a new product is slow, we realized a few important aspects which have to be done right to be successful in this business. we spoke to some sample set of users and we asked them what would influence their decision to buy t-shirts online and this is what we found out in the order of priority.

1. Brand suggested by peers
2. Visual appeal of the site
3. Customer experience on the site
4. Availability of designs
5. Selection of T-shirt types
6. Customer service
7. Name of the web site
8. Search engine ranking
9. Price

One might be surprised to see price at the bottom of the list, but if we consider the fact that we are still in the nascent stages of this market, price after all is not a major competitive advantage.

Many new businesses are emerging in this field and these aspects have to carefully addressed by them to make an impact on the market.

Web Strategy? Whats that.

Webwingz — Tue, 11 Aug 2009 13:11:02 +0000

Definition: Web strategy is translation of the organizations objectives into a web implementable set of activities.

For a business/product to be successful online it has to successfully talk to all the aspects of the web ecosystem. It has to answer ‘who’, ‘what’,’when ’s ‘ of the market. The business has to align itself to a set of guiding principles that would make it successful online. These web guiding principles will describe how the business will use the web effectively to establish conversations with the target customers.They are not a set of rules which can be applied to any business domain,but is a framework which will align the organizations objectives with the web principles.

Singapore web design and web development services

Webwingz — Thu, 21 May 2009 06:03:08 +0000

Webwingz Softwares have recently initiated their business relations in Singapore providing top level web design and web development services for Singapore Customers, at extremely reasonable rates. Sagar Kogekar (founder of Webwingz) said “Singapore is the hub of International Communications and Digital Media. There is a heavy demand for web applications, web development and design services to which quality suppliers are very few.” Webwingz has also been focusing on investors from Singapore who are interested in setting up their development centers in India. Webwingz also helps build a team of quality professionals offering a wide array of IT services including web development, website designing, SEO services, google optimization, internet marketing, 2D and 3D animations and more… Not only this Webwingz has also started DPO (design process Outsourcing) which means they create bulk flash or gif attractive banners for advertising and marketing purpose. This is typically required for Magazine websites and portals. Webwingz has a team of 8 highly qualified designers for this task and they have come up with the best creative banners which are irresistible to click.

Moreover Webwingz expert services include, portals development in singapore, web applications in singapore, singapore payment gateway integrations, advertising for singapore market, flash intro development, flash banner development, real estate portal development in singapore, flash presentations, brochures and print media in singapore and many more…

Why Singapore? Because Singapore has a lot of potential corporates and individuals who are still pondering to get the right web designing and web development solutions from the right vendor within the right budget. A website which looks not only professional but also gives a medium to exhale potential businesses. It is essential in a good website to be crystal clear on content, navigation, easy point of purchase and uncomplicated structure. Webwingz takes care of exactly that. Before start of any website development or design Webwingz has a list of questions for the client to make the task simple. Instead of going to and fro to the client for requirement Webwingz believes to deliver the perfect web solution without troubling the client too much. Singapore has a lot of potential web design and web development market still waiting to get explored and Webwingz has taken an active part in doing so.

From Webwingz Softwares Pvt. Ltd. – Combining Technology Imagination and Creativity