Friday, August 20, 2010

Script For "NO RIGHT CLICK" for Source on a Website

Script For "NO RIGHT CLICK"

Here is a handy little script which will not only protect your images from right clicking, but your whole page. Remember this only stops some visitors from viewing your source. There are ways around it and if someone really wants to view your source they may find a way. There is another trick below to protect your source code.

This script works best if placed within the head tags of your html.

<script language="JavaScript1.1">
//
 <!-- var debug = true; function
right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which
== 2)) return false; else if (navigator.appName == 'Microsoft Internet Explorer'
&& (event.button == 2 || event.button == 3)) { alert('This Page is fully
protected!'); return false; } return true; } document.onmousedown=right; if (document.layers)
window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; //--></script> 


studiobrains.com
Studiobrains is a dynamic design agency that specializes in delivering high quality, creative solutions in the key areas of advertising, branding, web development & multimedia solutions.

Web 2.0 layout and design tips

Good Typography
Always set your H1, H2, H3, H4, H5. Forget the 11px font size, use 12 px or higher. Try highlighting important elements with a larger font size. Always set line-height. Don't use too many font types.

Few colours
Avoid using too many colors. Set up 3-4 colors only and try using them. Forget the "over gradienting" use only a few smoth gradients

Nice icons

Get some nice colorful icons and use them wisely only in high value areas of the layout


Web 2.0 websites typically include some of the following features and techniques. Andrew McAfee used the acronym SLATES to refer to them:[20]

Search
    Finding information through keyword search.
Links
    Connects information together into a meaningful information ecosystem using the model of the Web, and provides low-barrier social tools.
Authoring
    The ability to create and update content leads to the collaborative work of many rather than just a few web authors. In wikis, users may extend, undo and redo each other's work. In blogs, posts and the comments of individuals build up over time.
Tags
    Categorization of content by users adding "tags" - short, usually one-word descriptions - to facilitate searching, without dependence on pre-made categories. Collections of tags created by many users within a single system may be referred to as "folksonomies" (i.e., folk taxonomies).
Extensions
    Software that makes the Web an application platform as well as a document server.
Signals
    The use of syndication technology such as RSS to notify users of content changes.


We have described below, the most significant characteristics that a core ‘Web 2.0 service’ does follow :

    User-centered Design

    A web design which is created in a way that it fulfills every possible need of the end user and empowers the user to perform certain customizations within the design. User-centered designs are cleaner, often ajax based and easy to navigate. The appearance of the design is given a special preference while creating such a design. iGoogle, a customizable Google homepage is one of the most appropriate examples of a User-centered design.

  Crowd-sourcing

    Every small unit of contribution is important to a Web 2.0 service. Millions of such contributions eventually lead the website to state of higher relevance. For instance, any conventional Media company (employing hundreds of reporters) has today been easily beaten by blogging platforms like Blogger and WordPress in producing extremely frequent and relevant content as millions of users are acting as a contributor, building up a large resource within much lesser span of time

  Web as Platform

    Gone are those days when one had to heavily rely on the desktop for accessing various web applications.Today’s Web 2.0 services don’t require a client download condition.Nor is the dependency on a particular OS for accessing the web services.Whatever be the method of internet access(Windows,Mac or Mobile OS),the web 2.0 applications are nowhere affected with it

    Collaboration

    Wikipedia takes the first place when it comes to proving the power of collaboration. Before 2001 (year of Wikipedia’s inception), there used to exist only driven information sources such as Britannica Encylopedia, About.com and similar other sources, where collaboration was never implemented. Today, Wikipedia stands way ahead in terms of content quantity as well as quantity.

    Power Decentralisation

    Earlier,most of the services used to be administered and not automated.But Web 2.0 services follow a self-service model rather than being a adminstrator dependent.For instance,Google Adsense is a self service platform for Ad publishing.There is no adminstrator for allowing/rejecting the requests from the users.The users get to have a self-service system by Google which helps them deploy Ads on their site/blog quite easily.Same is the case with social bookmarking services such as Digg,Reddit,Stumbleupon etc.

Dynamic Content

    In a generation where blogosphere has overpowered the conventional mainstream media, Web 2.0 services have to be highly dynamic and proactive.If crowdsourcing is there then dynamicity follows by default.

SaaS

    With Cloud computing on a roll,more and more web services are taking the route of SaaS(Software as a Service). Softwares are available as a web service with no platform dependency at all.
Rich User Experience

    Use of XHTML,CSS 2.0,Ajax,flex and simlar other rich media producing technologies have potencially helped making web services lighter,faster,less cluttered and more appealing to the end user.A great user experience plays a big role today,in making users come back again to the web service.

Wednesday, August 18, 2010

Tips for Search Engine Optimization

If you're a webmaster, you know you need to bring website traffic to get success.Search Engine Optimization is a compound process of friendly web design & content writing, keyword selection,link popularity, article submission, and internet marketing for increasing more traffics on your web site.

# Web Design & Content: 
Search engine friendly web design and content are the primary needs of effective Search Engine Optimization. You should avoid more programming at your web page. Web contents must be related to the site contents. It should be good without spelling mistakes and users interest.In the world of the internet, content is the backbone of articles found on websites.

Keeping steps in mind when you write contents are :
*content is easily learn-able and definitely do-able
*Go straight to the point
*Analyze your points
*Keep it simple
*Keep it short

# Keyword Selection :

* Make key phrases for your site
* Control on spelling mistake research
* Keywords should be related to seasonal search trends
* Right keywords should be selected, that hold the key for successful website

# Link Exchanging :

Link exchanging is most important terms of obtain high PR to your site.Each incoming link to your web site can be considered as a vote. The more votes your web site achieves, the more importance Google, and other major search engines will give to it. This means that in the all seeing eyes of search engines your web site is more relevant if it has a lot of incoming links. So the more relevancy you can acquire for your web pages means higher search engine rankings .
After your web site has been assessed for the number of incoming links Google will assign a value, called Page Rank (PR), to the web pages on your web site. This is a numeric value between 0 and 10. Higher PR indicating more importance.
During reciprocal link exchange you should try to exchange link with high pr site.

# Article Submission:

Article submission is the best and perfect way of got one way link form high pr web page. Your article should be user interested and more related to the your topics. A nice content article can give high traffics and unique visitors to your site.Always use signature while writing an article.

www.studiobrains.com

Friday, August 13, 2010

Basics of Web Design

    Graphics

  1. Think small, like 10-12KB per image. Yes, depending on the source, the number of broadband users is going up. But slow pages are still really annoying, even if you're on a T1. And huge images are a primary cause of slow pages. It's easy to optimize your pages.
  2. Always use graphics that fit the content. Just because you have an adorable photo of your dog doesn't mean you should have it on your Web site about Web Design (sorry, Shasta...). The main exception I would make to this is for "design" images. These are photos or graphics that help make up the design of the page, and are not intended to illustrate the content.
  3. Do not use images that blink or move or change or rotate or flash or do anything on your page. Or use them sparingly. There have been many studies that show that flashing graphics are distracting and annoying to people. In fact, in one focus group I watched the browsers actually physically cover up flashing graphics so that they could read the rest of the page.

    Layout

  4. Stick with standard layouts. I've seen some pages that use 6 or 8 frames on one page. Another site used a layout where you had to scroll to the right to read everything on the page (but you never had to scroll down). These layouts are cute, and you might find them fun to build, but they will drive your readers nuts. The reason that the 3-column layout is so popular on Web sites and newspapers is because it works. You might think it's boring, but you'll keep more readers if you stick with something simple that they can understand.
  5. Whitespace is more than the CSS property, it is a function of your layout. You should be aware of the whitespace on your pages and how it affects how the content is viewed. Whitespace is just as important in a Web layout as it is in a paper layout.
  6. Use your graphics as elements in your layouts. Graphics can be more than just graphics when you use them as actual elements in your layouts. An extreme example is when you wrap text around an image, but any image you have on your site is a layout element and should be treated as such.

    Fonts

  7. Serif for headlines and Sans-Serif for text. If you've taken any type of print design, this might be exactly the opposite of what you were taught. But the Web is not print. Sans-serif fonts are much easier to read on computer monitors because the screen resolution is not as high as in print. If you use serif fonts for normal text, the serifs can blur together on the screen making them hard to read. Your printer friendly page should use the opposite fonts (serif for headlines and sans-serif for text).
  8. Limit the number of different fonts. One of the best ways to make your Web site look amateurish is to change the font over and over. Sure, it's possible to do, but limiting your page and site to 2 or possibly 3 standard font families is easier to read and looks more professional.
  9. Use standard font families. Yes, you can choose to use "Rockwood LT Standard" as your font on your page, but the chances that one of your readers will have that font as well is pretty low. Sticking with fonts like Verdana, Geneva, Arial, and Helvetica may seem boring, but your pages will look better and the designs look correct on more browsers.

    Advertising

  10. Don't be greedy. If you have any control over the number of ads on your site, be aware that your readers are not coming to read the ads, they are coming for the content. If the ads overwhelm the page content, many readers won't stick around long enough to read your purple prose. Yes, it's important to make money from your Web site, but if your ads drive people away, you'll ultimately lose money.
  11. Treat ads as you would any other image. Keep them small, avoid blinking/flashing, and keep them relevant. Just because you can have an ad on your site, doesn't mean that you should. If the content is relevant to your readers, they're more likely to click on the ad.

    Remember Your Readers

  12. Test your pages in multiple browsers. Writing Web pages that work only on the most modern browser is both stupid and annoying. Unless you are writing a Web site for a corporate intranet or a kiosk where the browser version is completely fixed, you'll have problems with people not being able to view your pages.
  13. The same is true for operating systems. You can't assume that just because your page works in IE5.0 for Windows it will work in IE5.0 for Macintosh.
  14. Write content that they want. Unless you're writing a site purely for yourself (and if you are, why is it posted to the Web?), make sure that your content covers topics that your readers want to read.
www.studiobrains.com