Best Wireframe & Mockup Tools

Wire frame is very important part of create mockup of websites, normally user use pencil and paper or Photoshop to create a mock-up. However, in recent years, there are a lot of websites that allow designers to create prototypes, wire frames or sitemaps in finger point.

Gliffy’s intuitive drag-and-drop interface combines the power of traditional desktop software with the lightweight, low learning curve and flexible features of today’s most popular browser-based applications.

Mockup Tiger helps you build wireframes, mockups and prototypes. It is a web based Rapid prototyping application. You can install in on your desktop or host it yourself just like wordpress,drupal or joomla.
Mockup Tiger

Using BALSAMIQ mockups gives you the feeling like you are drawing, but it’s digital, so you can tweak and rearrange the controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting.
BALSAMIQ

The Pencil Project’s unique mission is to build a free and open source tool for making diagrams and GUI prototyping that everyone can use.
pencil

With iPlotz you can create clickable, navigable wireframes to create the experience of a real website or software application. You can also invite others to comment on the designs, and once ready, you can then manage the tasks for developers and designers to build the project.
iplotz

Serena Prototype Composer helps you quickly and accurately simulate how an application will look and function without writing any code. Instead of endless text entries, complex data hierarchies, or technical UML diagrams, Serena Prototype Composer makes it easy to collaborate on requirements by building simple, high fidelity prototypes that look like the real thing.
serena

FlairBuilder is a prototyping tool that lets you create interactive wireframes for websites and mobile applications. It’s easy to learn and use, and comes with lots of options.
FlairBuilder

With iPlotz you can create clickable, navigable wireframes to create the experience of a real website or software application. You can also invite others to comment on the designs, and once ready, you can then manage the tasks for developers and designers to build the project.
iplotz

Chatwing: The Effective Tool for Global Connectivity

Due to technological innovations available now, information relay has become easier than before. Connecting to people at the other end of the world is just a few clicks away. Information travels fast and questions are easily answered. Communication is one of the key factors in the society’s development. Business relies on communication. Transactions and marketing efforts are all about communicating the right message to the right target market with the use of effective medium. Online, installing a reliable communication tool will provide your website an edge over the competition.


Fully engaging your website visitors and promptly attending to their needs is already a good marketing step. Embed Chatwing chat app in your site to be able to accomplish this goal. Why Chatwing? Compared to other available chat widgets, Chatwing offers numerous communication and customization options. The more you are provided flexibility in using a certain chat tool, the more in control you become.

Chatwing provides web users communication leverage that improves online visibility and online connections. You can choose to interact to a thousand users through the regular chatbox style and pop up window or opt to communicate with a few chosen solid contacts through the vanity URL form. In terms of social network expansion, Chatwing is designed to be socially integrated online. Its multiple log in methods increases the website or blog’s accessibility to most web surfers. Chatwing chatroom can be easily accessed by just providing one’s Facebook, Twitter, Yahoo or Gmail account. You can actually limit the valid log in methods in the Chatwing dashboard.

If you want to start a dynamic exchange of ideas and information, connecting to other chatrooms online can be easily done as well. Go to the dashboard and provide the link of the targeted chatroom, you’re ready to party! Chatwing’s full conversation control feature lets you maintain a profanity free chat app because it filters out obscene and offensive terms before it appears in the chatbox. You can also ban abusive users and set how long they will be banned from the chatroom.

Maximize the advantages you can get from this advanced chat software. Communication can be upgraded with just a very simple chat box that is truly dynamic and reliable.

Important Social Plugins of Facebook

Now social media is playing very important role in business, Now days company is using social media for product launching.The user can review product ans register his complain as well with help of social media.
The Facebook is very important social media.

Like Button:

Clicking the Like button also publishes an Open Graph Like action, and displays stories on that person’s timeline and their friends’ News Feeds. This story will link back to the site and drive distribution of content.

Send Button:

The Send Button allows users to easily send content to their friends. People will have the option to send your URL in a message to their Facebook friends, to the group wall of one of their Facebook groups, and as an email to any email address. While the Like Button allows users to share content with all of their friends, the Send Button allows them to send a private message to just a few friends.

Follow Button:

The Follow button lets a user follow your public updates on Facebook.There are two Follow button implementations:
1-XFBML
2-Iframe

Comments:

Comments Box is a social plugin that enables user commenting on your site. Features include moderation tools and distribution.Friends and people who like the Page can then respond to the discussion by liking or replying to the comment directly in the News Feed on Facebook or in the Comments Box on your site.

Activity FeedActivity Feed:

The activity feed displays stories when users interact with content on your site, such as like, watch, read, play or any custom action.

Recommendations Box:

The Recommendations Box shows personalized recommendations to your users. Since the content is hosted by Facebook, the plugin can display personalized recommendations whether or not the user has logged into your site.

Recommendations Bar:

The Recommendations Bar allows users to like content, get recommendations, and share what they’re reading with their friends.

Like Box

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

Login Button:

The Login Button shows profile pictures of the user’s friends who have already signed up for your site in addition to a login button.

Registration:

The Registration plugin allows users to easily sign up for your website with their Facebook account. The plugin is a simple iframe that you can drop into your page. When logged into Facebook, users see a form that is pre-filled with their Facebook information where appropriate.

Facepile:

The Facepile plugin displays the Facebook profile pictures of users who have connected with your page via a global or custom action, or can also be configured to display users that have signed up for your site.

I have taken refrence from Here

Simple Hello Example

Hi friends, in this tutorial i will describe simple hello example in Perl.Perl is very simple programming language and easy to use.
in the below script first line tells the script compiler and second line tells the response content of script.Third line contains the ‘print’ constructor which is use to print variable in Perl.

1
2
3
4
5
#!C:/Perl/bin/perl.exe
print "Content-Type: text/html; charset=iso-8859-1\n\n";
print "Hello World";

Best Cross Platform Mobile Tools

Mobile application industires is going to rapid way,so basic need of all application must be run on desktop browser as well as mobile devices.The devices may be varry based on plateform,orientation and size of device screen.

1-jQuery Mobile: jQuery Mobile is aa HTML5-based user interface system for mobile device platforms, built on the jQuery and jQuery UI foundation.
jquery

2-Sencha Touch: Sencha Touch is a high-performance HTML5 mobile application framework for iPhone, Android, and BlackBerry.
sencha

3-PhoneGap (Apache Cordova): This is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores.
phonegap

4-Adobe AIR: Adobe AIR is a framework to build applications that run on the Apple iOS, Google Android, and BlackBerry Tablet OS platforms.
adobe

5-Mono iOS/Android: This ia a framework for creating iOS and Android apps, suing C# and .NET. .

mono

6-RhoMobile : RhoMobile is a framework for building native apps for iPhone, Android, Windows Mobile, and Windows Phone 7.

rho

7-jQTouch:jQTouchis is a Zepto/jQuery plugin for mobile web development on the iPhone, Android and other devices.
jqtouch

How To Set Up A Proxy In Your Browser

I will tell you how to set proxy ip on Mozilla. Its very simple some steps process to set proxy.This tutorial guides you how to set up your browser to work with an (anonymous) HTTP proxy server. The proxy address along with the port number sample are below:

192.12.XX.XXX:8080

The address is “192.12.XX.XXX”. The port is the part behind the colon, 8080″.


Step 1: Click Tools->Options and now you will see a new window.
click_option
Step 2: Click “Network” tab
Step 3: Click “Settings” under connection option.
step3
Step 4: Select “Manual Proxy Configuration” option button.
Step 5: Enter proxy IP and port into appropriate fields.
typeIp
Step 6: Click OK to close Connection Settings.
Step 7: Click OK to close Options.
Step 8: Reload browser.
Now you are able to operate browser request based on proxy ip. Please delete all cookies before using an anonymous proxy.

Coding Guidelines for the Developer During Development

There are some of the guidelines for the developers to assist do’s and don’ts during the coding practices.
This is by no mean a complete coverage of the Guidelines; there are other standard as well which can’t be covered in this Document.

1)Do use the Transactions in long running queries and many small-small queries

If there is expected a long running transactions and expecting large records output, developer should always use the transactions within the BEGIN TRAN and END TRAN.
This way transaction holds itself a place in buffer cache for individual transactions and memory is specifically assigned to it making a faster processing.

2)DON’T Use SELECT *

This is because if you selecting all the records from the table, it will buffer unnecessary columns as well pushing the round trip of the IO to the disk and memory.

3)Avoid explicit or implicit functions in WHERE clauses

Like Convert ()

4) Avoid long actions in triggers if using

5) Use temporary tables and table variables appropriately

Always try to use the Table variable when result set is small and Temp Table when result set is considerably large.

6)As a good rule of thumb try to replace all sub queries with joins

Sub queries treat itself as inline code whereas Joins use itself as Table which is faster.
If possible try to avoid the sub queries within join

7)Order of Tables in Join Conditions.

If possible always use the smaller table in Join condition first and bigger tables in the end moving forward.

8)Loop optimization

Should try to put all operations outside of the loop if they don’t change inside
This reduces the amount of unnecessary repetitive work. SQL Server optimizer doesn’t automatically recognize such inefficiencies and clean the code for you (compilers of some other languages do)

9)Parameter sniffing

Developers should not use the SP parameters within the SP on the fly which causes the “Parameter Sniffing”. Use the Parameters of the SP after declaring and setting. Due to this issue SP behaves differently every time during run.

10)Can use Fixed Index Hint while using the conditions

Like in 2008, we can use with Index hint and also fixed plan hint to force the hint to queries to make it run faster
a) With (index=1)
Like
b) OPTION ( OPTIMIZE FOR

11)Size the data type wisely in the SP during declaration.

Developer randomly declares the data type size which is of no use like: Varchar (500). It increases unnecessary reserved space in buffer during run.

12)Efficient use of MAXDOP setting within query.

Need to ask the DBA’s for the setting of Quad core/CPU availability including the memory setting then use the hint appropriately which could improve the query drastically

13)GROUPING SETS in SQL 2008

There is new feature in SQL 2008 to use the Grouping Set instead of Group By in all the Unions.
This way optimizer will not make a plan every time group by occurs in all Union.

14)Always use the With rowlock, with no lock where occurring deadlocks.

TRANSACTION ISOLATION LEVEL READ UNCOMMITTED is one substitute

15)Use Update From Rather than simply Update
UPDATE titleauthor
SET royaltyper = 90
WHERE au_id = (SELECT au_id FROM authors
WHERE au_lname = ‘Ringer’ AND au_fname = ‘Albert’)
AND title_id = (SELECT title_id FROM titles
WHERE title = ‘Life without Fear’)
Update from
UPDATE titleauthor
SET royaltyper = 90
FROM authors a, titles t
WHERE titleauthor.au_id = a.au_id
AND a.au_lname = ‘Ringer’
AND a.au_fname = ‘Albert’
AND titleauthor.title_id = t.title_id
AND t.title = ‘Life Without Fear’

16) UNION ALL instead of UNION
UNION has a “side-effect” of eliminating all duplicate rows and sorting results, which UNION ALL doesn’t do
Selecting a distinct result requires building a temporary worktable, storing all rows in it and sorting before producing the output

17) Avoid expensive operators such as NOT LIKE

How To Check Page Speed

Below tutorial described how to check page speed of your blog/website.
Following steps tell you how to install & use Page Speed addOns.

Step-1: Install firebug add-on in firefox: https://addons.mozilla.org/en-US/firefox/addon/firebug/
Step-2: Install page speed : http://code.google.com/speed/page-speed/download.html
Note: Page Speed is a firebug extension. So you first need to install firebug.
Step-3: Open up the firebug console.

Step-4: Click on the “page speed” tab.
click_page_speed


Step 5: Click ‘Analyze Performance’ button.

Result
Page_Speed_Result

you’ll get a score out of 100. The Best page speed website score as close to 100 as possible.

What is doctype in html

A doctype is refers to a Document Type Definition (DTD) and declaration of the HTML.It is an instruction to the web browser about what version of HTML the page is written in.The DTD specifies the rules for the markup language, so that the browsers render the content correctly based on HTML version.

HTML2:
  1. <!DOCTYPE HTML PUBLIC ”-//IETF//DTD HTML 2.0 Level 2//EN”>  

HTML3:
  1. <!DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 3.0//EN”>  

HTML4:
  1. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>  

HTML5:
  1. <!DOCTYPE html>