Sarwara's Blog

Introduction and Exploring the Potential Benefits of Artificial Intelligence

2023-06-27T20:57:00.002+05:30

Introduction

Artificial Intelligence (AI) has emerged as a transformative technology that is revolutionizing various industries and aspects of our daily lives. With its ability to simulate human intelligence and perform tasks that typically require human intervention, AI holds enormous potential to enhance efficiency, productivity, and decision-making across different sectors. In this article, we will delve into the possible benefits of AI and the positive impact it can have on society.

Increased Efficiency and Automation

One of the primary advantages of AI is its capacity to automate mundane and repetitive tasks. AI-powered systems can handle large volumes of data, analyze it at a rapid pace, and perform complex computations much faster than humans. This automation enables businesses to streamline their processes, reduce human error, and increase overall efficiency. For instance, in manufacturing, AI-powered robots can optimize production lines, leading to enhanced productivity and cost savings.

Improved Healthcare

AI has the potential to revolutionize the healthcare industry by assisting medical professionals in diagnosis, treatment, and research. AI algorithms can analyze vast amounts of medical data, including patient records, research papers, and clinical trials, to provide accurate diagnoses and personalized treatment plans. AI can also enhance medical imaging by identifying patterns and anomalies in radiology scans, facilitating early detection of diseases. Additionally, AI-powered virtual assistants can provide 24/7 healthcare support and answer patient queries, improving accessibility to medical information.

Enhanced Customer Experience

AI technologies, such as chatbots and virtual assistants, are transforming customer service interactions. These AI systems can handle customer queries, provide personalized recommendations, and offer real-time assistance, leading to improved customer satisfaction. AI algorithms can also analyze customer data to understand their preferences and behaviors, enabling businesses to deliver targeted marketing campaigns and personalized experiences. By automating customer support processes, AI frees up human agents to focus on more complex issues, fostering better engagement with customers.

Smarter Decision-Making

AI's ability to process and analyze vast amounts of data allows it to generate insights and make informed decisions faster than humans. By analyzing historical data, AI algorithms can identify trends, patterns, and correlations, providing valuable insights for businesses and organizations. These insights can help in making data-driven decisions, optimizing operations, and predicting future outcomes. In sectors such as finance and investment, AI-powered algorithms can analyze market data and make trading decisions in real-time, potentially increasing returns on investments.

Increased Safety and Security

AI plays a crucial role in improving safety and security across various domains. In the transportation industry, AI can enhance autonomous vehicles' capabilities, leading to safer roads and reducing the number of accidents caused by human error. AI-powered surveillance systems can monitor public spaces, detect suspicious activities, and identify potential threats, bolstering security measures. Furthermore, AI algorithms can analyze large datasets and identify patterns that indicate cybersecurity threats, enabling proactive measures to protect sensitive information and prevent cyberattacks.

Advancements in Scientific Research

AI has the potential to revolutionize scientific research by accelerating discoveries and breakthroughs. Machine learning algorithms can analyze vast datasets, identifying patterns and correlations that may elude human researchers. AI can aid in drug discovery by analyzing molecular structures and predicting their efficacy, potentially leading to the development of new treatments. Additionally, AI can assist in climate modeling, DNA sequencing, and other complex scientific processes, providing valuable insights to advance our understanding of the world.

Conclusion

The benefits of AI are diverse and have the potential to positively impact various aspects of society. From increasing efficiency and automation to transforming healthcare and improving customer experiences, AI is reshaping industries and enhancing our daily lives. By harnessing the power of AI, we can unlock new opportunities, solve complex problems, and pave the way for a more innovative and sustainable future. However, it is crucial to consider ethical considerations

How to use Jquery in JSP for user authentication

2013-07-07T13:21:00.000+05:30

Hey users we all knows benefits of jquery and this is used by most of developers.Here now this tutorial is related
to show jquery magic with jsp (Java Server Pages). Actually i'm posting this article because it took a long time when when i was finishing my project.

So come to main point what things we required ?

JSP page from where request goes to server to check user authintication.
Servlet where cheking is been done.
A jquery code to check the response and perform its task to validate user.

A response is sent back to jsp and action is performed by jquery. In this example i used bootstrap model for my login area.

Front End Code (JSP):




       


Enter Username 
 

Enter Password

Jquery Code:

You can put this code either on seprate file and call it in head section or put in the same jsp file with its script tag.

Servlet Code:

i had used EJB technique and method is written in session bean in which query is written. This method is called from servlet which is shown below.

List login =sessionbean.login(name,password);

int t=login.size();

if(t==0)

{

response.getWriter().write("Wrong Username Or Password");

}

else

{

HttpSession session=request.getSession(true);

session.setAttribute("currentSessionUser", name);

response.getWriter().write("Welcome");

}

Techniques to Increase your Page Views

2013-01-13T15:02:00.000+05:30

Page views reflects the rank of your page. Main task of blogger is to spread their information as wide as possible. Page views are also helpful in building reputation of the blog. So blogger or Admin need to follow some simple steps to increase the page views. People visit your blog will impressed to see its page views and alexa rank. Where Alexa rank directly belongs to page views. So our main target is to increase the page views.
Some admin start blogging just to make money and they put adds on their blog so that visitor click but if page views are less then it make bad impression.

If you are interested to increse the page views then you may follow these simple steps :

1. Highlight Related Posts – This is the first point and very important one thet highlight the related posts. If your post is related to php login system then their must be some other posts related to that keywords. Admin can use plug-in to do so. Just like their are so much add-on in wordpress and widgets in blogger that can make help.

2. Interlink within Posts – a similar but perhaps more effective technique is to highlight same kind of posts within the content of your posts. If you’re writing a post that mentions other post that you have already written then create a link to that post in your currunt post. It makes a good impression on reader that this blog is countinuesly updating.

3. Highlight Popular Posts– i've noticed that visitors visit those posts which are popular. they have interest to read that. So admin must give link to those posts which have more page views to attract the visitors. We can see that most of sites have columns named Popular Posts at the end of their site. This can help to increase the page views

4. Updates – you need to be a little bit careful while updating your blog with posts over periods of time, they are a great way to keep readers coming back and once they are complete to have them surf through multiple pages on your blog.Don’t just write new posts just for the sake of increasing page views of course. This can really frustrate readers but use them on longer posts or when you’re genuinely wanting to interact with a larger topic over time.

5. RSS FEED – Once again there is always debate over this topic of full or partial RSS feeds. I know some bloggers main purpose in partial feeds is to get bloggers directly onto their blog – thereby increasing their impression/page view count. While this is certainly a benefit of partial feeds it is not my own reason for using them. Rather I use them for copyright protection and to stop people scraping my full content onto their site’s via RSS. Whatever reason you choose to use partial/excerpt feeds – you should also realize that doing so will cause some readers to unsubscribe to your blog completely. I know in going only with partial feeds that there are some other bloggers who refuse to visit my blog – this is a cost/benefit scenario that individual bloggers need to weigh up.

6. Enable links in RSS Feeds – Another way that I know a couple of bloggers use to get RSS readers to actually surf to their blogs is to enable the ability to post html/links in their RSS and then using links to previous posts in their blog, especially in the first paragraph or two of their posts. This is not a technique I’ve tried but I know of one blogger who swears by it and says it significantly impacted the number of visitors to his blog from RSS as well as the number of pages that they viewed.

7. Search Feature – Most blog platforms have the ability to use a search feature on your blog which enables users to search any post using the keywords. This feature obviously helps your readers to locate other posts on your site and as a result increases the potential for a multiple page view visit.

8. Build a Blog According to its Theme – Another way to increase your page views is to build your blog according to its content. It means technical blog doesn't need so much effects or graphics. They just have information in a specific manner which is also user friendly.

9. Unique Content -This should go without saying but needs to be reinforced. Obviously if you write quality content your readers will want more of the same. Useful, original and interesting content should leave your readers hungering for more. Work on the quality of your blog and you’ll find that things like traffic levels and the numbers of pages being read should look after themselves and be on the rise..

10. Subscribe Via Email - If your blog has this feature that visitors can subscribe the feeds of your blog then it make help visitors to connect them with your blog. Subscribers are generally regular visitors. As i mentiones above blogger can get this feature with the help of widget and add-on.

Eden: PHP Library To Get Things Easy For PHP Developer

2013-01-04T11:59:00.001+05:30

Eden is PHP Library designed for helping developers in their rapid development work. In Our most of the project we have to integrate our developed website or application with most of the social networking websites like Google, Facebook, Twitter, yahoo etc. so what we do is we integrate libraries of different websites differently Although We could make the code reusable but still if the websites increases then confusion will also increases.

Adding different libraries form different sources add more complexity to your project and ends up to be hard to maintain. Eden simply a set of reusable components, that works with any PHP framework and CMS. Eden makes code logical and readable with dead simple syntax.

Eden Will work With Most Of Web services including

Amazon Web service
Facebook
Foursquare
Google
twitter
tumbler
Paypal
Yahoo

You could Download the File From Eden Official Website and Can use this will just a simply including this file in your Coding. It will decrease the complexity level of your application and make things a lot easier for you. You can work with various services that Google provide to you like

Also allows you to work with payment gateways like

It also Support many core functionality also. So according to me its a complete package. That will make things a lot easier for you. That means you can do things with just a little code. Eden is a PHP Library maintained by Openovate Labs. In year 2013 we can hope many updates from Eden.

Thank you

CISCO System & Certifications

2013-01-03T09:15:00.000+05:30

CISCO Systems Corporation:

CISCO Systems is a large corporation that produces computer networking products and services. The Linksys brand of consumer networking products is also an owned subsidiary of CISCO Systems.

CISCO Routers:

CISCO Systems is undoubtedly best known for their line of network routers. These products range from basic consumer routers under the Linksys brand to top-end routers that help form the backbone of the Internet. Besides routers, CISCO Systems produces numerous other types of network equipment including VPN, storage, and video conferencing systems.

CISCO Network Certifications:

Cisco's network certification program is world recognized. Popular CISCOcertifications include the CCNA, CCNP and CCIE. These programs are intended to recognize knowledge and experience in computer networking, particularly in routing and switching. Students and professionals may seek to take certifications from CISCO Systems to improve their skills and employability.

Cisco Certification

CISCO Press (ciscopress.com) publishes certification study titles and other reference books for CISCOSystems.

Why Build Career in networking?

2013-01-03T08:57:00.001+05:30

Starting or building a career in computer networking:

So Many people view computer networking as one of the best and "hottest" career fields available today. Some experts claim that a serious shortage of qualified people to fill these networking jobs exists, and these claims may lure some people into the fray hoping for an easy position with a fast-growing companies.

Don't be fooled! Debates over the actual extent of any "shortages" aside, networking involves mostly hard work, and competition for the high-quality positions will always be strong. Continue reading to learn more about beginning or expanding a career in networking, and pick up some valuable job-hunting tips that also apply to many other types of technical careers.

Job Titles

Many types of positions exist in networking, each with different average salaries and long-term potential, and one should possess a clear understanding of these. Unfortunately, job titles in networking, and in Information Technology (IT) generally, often lead to confusion among beginners and experienced folks alike. Bland, vague or overly bombastic titles often fail to describe the actual work assignments of a person in this field.

The Main job titles one sees for computer networking-related positions include:

Network Administrator
Network (Systems) Engineer
Network (Service) Technician
Network Programmer/Analyst
Network/Information Systems Manager

The Network Administrator

In general, network administrators configure and manage LAN's and sometimes WANs. The job descriptions for administrators is detailed as under:

"Candidate will be responsible for analysis, installation and configuration of company networks. Daily activities include monitoring network performance, troubleshooting problems and maintaining network security. Other activities include assisting customers with operating systems and network adapters, configuring routers, switches, and firewalls, and evaluating third-party tools."

Needless to say, a person early in their career often lacks experience in a majority of these categories. Most employers do not expect candidates to possess in-depth knowledge of all areas listed in the job posting, though, so a person should remain undeterred by the long, sweeping job descriptions they will inevitably encounter.

Network Engineer:

The job function of a Network Engineer differs little from that of a Network Administrator. Company A may use one title while Company B uses the other to refer to essentially the same position. Some companies even use the two titles interchangeably. Firms making a distinction between the two often stipulate that administrators focus on the day-to-day management of networks, whereas network engineers focus primarily on system upgrades, evaluating vendor products, security testing, and so on.

Network Technician:

A Network Technician tends to focus more on the setup, troubleshooting, and repair of specific hardware and software products. Service Technicians in particular often must travel to remote customer sites to perform "field" upgrades and support. Again, though, some firms blur the line between technicians and engineers or administrators.

Network Programmer/Analysts:

Network Programmer/Analysts generally write software programs or scripts that aid in network analysis, such as diagnostics or monitoring utilities. They also specialize in evaluating third-party products and integrating new software technologies into an existing network environment or to build a new environment.

Managers

Managers supervise the work of administrators engineers, technicians, and/or programmers. Network Information Systems Managers also focus on longer-range planning and strategy considerations.

Salaries for networking positions depend on many factors such as the hiring organization, local market conditions, a person's experience and skill level, and so on.

Cisco Hierarchical Model

2013-01-03T08:11:00.000+05:30

Cisco Hierarchical Model

Defined by Cisco to simplify the design, implementation, and maintenance of responsive, scalable, reliable, and cost-effective networks.

The 3 layers are logical and not physical – there may be many devices in a single layer, or a single device may perform the functions of 2 layers, eg: core and distribution.

The Cisco Hierarchical Model

The 3 layers in the Cisco Hierarchical Model:

Core layer:

Also referred to as the backbone layer. It is responsible for transferring large amounts of traffic reliably and quickly – switches traffic as fast as possible. A failure in the core can affect many users; hence fault tolerance is the main concern in this layer. The core layer should be designed for high reliability, high availability, high redundancy, high speed, and low convergence. Do not support workgroup access, implement access lists, VLAN routing, and packet filtering which can introduce latency to this layer.

Distribution layer:

Also referred to as the workgroup layer. Its primary functions are routing, Inter-VLAN routing, defining or segmenting broadcast and multicast domains, network security and filtering with firewalls and access lists, WAN access, and determining (or filtering) how packets access across the core layer.

Access layer

Also referred to as the desktop layer. Here is where end systems gain access to the network. The access layer (switches) handles traffic for local services (within a network) whereas the distribution layer (routers) handles traffic for remote services. It mainly creates separate collision domains. It also defines the access control policies for accessing the access and distribution layers.

In a hierarchical network, traffic on a lower layer is only allowed to be forwarded to the upper layer after it meets some clearly defined criteria. Filtering rules and operations restrict unnecessary traffic from traversing the entire network, which results in a more responsive (lower network congestion), scalable (easy to grow), and reliable (higher availability) network.
A clear understanding of the traffic flow patterns of an organization helps to ensure the placement of network devices and end systems within the organization.

Tips for your blog to improve your blog load time

2012-12-20T00:51:00.001+05:30

Speed is really important to your blog. its the major issue for what you should worry about because your blog visitor will be happy if your blog's load time is really fast. if your blog takes a lot of time to load he will not think for a sec. before closing your website because he got a lot of more options but you don't. The main issue which is related to speed is design. it means you must have a simple and easy design.

On the other hand if we think about the crawler. if your website load time is less he can go through your data easily. but if your page takes a lot of time to load he will not spend much time on this. So your blog speed matters a lot for you. Like i said design also matters when things comes upon speed so here i got some tips about design of your blog that might effect your blog speed.

Choose a good template

Template is everything when things comes to the design. Try to use simple and clean template that will provide each and every information required. Don't run after heavy designs they will definitely increase your page Load time.

Optimize your JavaScript and CSS files:

This could be the easiest way to control your blog load time. If you got a lot of JavaScript you can combine them. So there will be less requests to the server and server can process more request. E.g. If you got 5 JavaScript files. Then each time the webpage is loaded if will put 5 request for the server each time server will take these requests individually. if you combine them. if will make less requests to the server that means decrease in server load and bandwidth also.

Get a Good Server

You should be care full while buying your hosting service. Because it matters a lot when thing comes to the page load time. When your server will be having a lot of traffic a good server can handle it really easily.

Avoid Images wherever you can

You can use colors on place of images in your blog or we can say that where images are not the only option. You should try to avoid images as much as possible. you can try css gradient generator for various colors. it will definitely help in improving load time.

Caching

If you got a lot of images or files caching will help you a lot. e.g. when you see a new website it might took time to load first time but after that its loadtime is improved. But carefully manage your cache settings and Don't enable cache on your langing page this will effect your site SEO.

Re-size your Images

Images takes a lot of time and bandwidth to load on any website. Sometimes you uses images of large size on place of small size images so you should find those images on your blog/website and scale them down to appropriated size.

Minimize your Code

You should try to minimize your CSS and JavaScript code. Don't place any dead code in your files. Try to optimize your CSS code. You can try out some tools to minimize your CSS code. One of these tools is Clean CSS.

Manage Plugins

if you are using WordPress then you shouldn't keep unnecessary plugins to your blog/website. try to use best plugins and read carefully about the plugin before using it. you can get more that one alternative for your single plugin so choose from them carefully.

So these are the tips to improve your Page Load Speed.
Thankyou....

Object Oriented Programming (OOP) in PHP

2012-12-12T17:30:00.001+05:30

Hypertext Pre-processor (PHP) is a server side scripting language that means it is operated and executed on the server that means the result will be shown to your browser and it really doesn’t depends on browser.PHP is pa procedural language and you can do each and everything with PHP you can do using Object Oriented(OO) approach. Objects Oriented Approach is just a mean of simplifying the situation.

You could see it in a way as “Include and Reuse”. Object Oriented Programming simplifies web-development by eliminating the need to Cut, Paste and adapt existing code.

The biggest argument about the OOP is that OOP is something that is for the large group of developers that means if a number of programmers are involved in the same project, an Object oriented Programming is required because in that environment there is a great need of Collaboration between the programmer. But a Lone Developer doesn’t need to worry about these things. But a lone developer can easily use the solutions that are made in OOP.

While using an OOP in PHP three basic concepts come in the Mind that is Class, Access Modifier and Objects.

Class is a data type. We can modify this statement as can say that “class is a data type that is made up of other data Types that together describe an object”.

When we are binding data in a class the most amazing feature of the Object oriented programming comes in account is Access Modifiers. They Refines the object model and Control how an object can be used or reused or we can understand it with an example. Say if there is room in your home you can easily define that this is a personnel room only family members are allowed to go in that room. It means no person other than family members are allowed to go to that room or we can say that others are not allowed to use that thing. So the same we can do with the classes that is we can define rules on the subroutines or functions that how they are being accessed or who can use them or if they can be accessed by the outside of the class or not.

Conclusion:

Classes define objects, access modifiers determine how objects can be used, and inheritance makes it easy to adapt objects for different circumstances.

We will study those concepts (Classes, Access modifiers) in brief in my upcoming posts.

Thank you...

15 must having jquery plugins for developers

2012-12-04T23:11:00.000+05:30

Jquery plugin is the prebuilt package of code which is going to perform some specific task in your website such as sliders or any other effects. So by writing a very little code you can do many things in your development. So to help developer to easily built their code i got a list of 15 plugins. These might be useful for many developers.

Skrollr

Skrollr helps us to bring scrolling effects Like transformation and many more...

jQuery Waypoints

jquery waypoint is a plugin that helps to trigger any event at any specific scrolling position. Example and Usage of Jquery waypoint is given on its website.

DataTables

A simple Jquery Plugin that will improve the functionality of simple HTML table. Like Multi-column sorting, Search with in table, Pagination to the table etc.

Wookmark

Jquery Plugin that will help in the layout designing of a web site.

jQuery Masonry

Again a layout plugin that will help you to get a grid design for your website.

Jquery TextExt

This jquery plugin will convert your simple HTML text Input into a fully featured input type with a wide range of functions such as autocomplete, Tages, ajax Loading without bloating your source code.

FitText

Really helpful for responsive web-design. it will help you make text flexible. Use this plugin on your fluid or responsive layout to achieve scale-able headlines that fill the width of a parent element.

jQuery Knob

jquery Knob will help you create circular knobs. its a UI plugin.

Noty (Notification Plugin)

its a UI plugin for showing notifications on your web-site.

Avgrund

really cool Plugin for using Models with awesome effects

One Page Navigation

Smooth scrolling navigation and animation for single page sites. Really Simple to use.

Jqpagination

Jquery pagination plugin. unlike showing the traditional list of number it showns 'Page 1 of 5' Format and when selected it lets users to enter a page number.

Slider Shock

A responsive slider with a lots of great option.

Jquery Lightbox

A plugin to bring Lightbox effects.

FlexSlider 2

A responsive Image Slider from WooThemes with awesome features like multi-directional slide animations, semantic markup, touch support and the ability to include any HTML as a slide.

These were some Jquery Plugins that might help developers to save their tons of time because they can directly achive many features with in minutes that may take hours to built.

Thanks Designshack.

Tips to Improve Your Development Skills

2012-11-25T00:31:00.001+05:30

If you are not a developer of 80's and you are not doing development from past decade then you have to work really hard to become a good web-developer. Tools that are being used for development helps us a lot but those tools also make our development hinder. so here i have some tips with the help of which you can easily improve your development skills, But don't try these tips when you are working on a client based project. These tips should be used in your extra time and personal projects.

Try To write your Own Code

In late 80's developers should have to write their code by their self that why they have a lot of code memorized which is really beneficial while development. But today's development tools are really different they are pre-loaded with every-thing if you don't know the whole word you just have to type 2-3 keys and you are done word will appear in front of you that means they have made your work really easy but you will never learn that word but also next time you will take help of your editor and do the same but you will never get the exact word. So this is really dangerous for your development so you just try to memorize some code.you can do that will simple steps
Use a Basic Text Editor or turn off auto complete feature you can see effect of this by your own.

Try to avoid Developer Tools

This might sound a little crazy because developers tools like chrome development tools, Opera dragonfly, firebug etc are meant for help and make our work easy because where there is a sword of deadline hanging over your neck then only these tools can save you when you make some stupid mistakes in your coding, But if you know your code very well then you can also know the reasons that have created that problem and also find a way to remove that bug. That can also help you from making same mistake in future.

Try To code book examples

When you read or study about any programming topic and so never try the example given with the code then your performance will be limited because there will be more chances that you will forget the concept of the topic. So just try to code the examples of the books to deeply understand the topic.

Teach others

Studies say you are more likely to retain material you teach than if you didn’t teach it. Main point behind all this is that you can challenge your knowledge so that you find your stand. For this you can also try to give some workshops in local college and there are a lot of communities that will let you in for workshops.

Start from scratch

This will be not a good idea when you are in a company because there is a old statement “Let’s not re-invent the wheel” , it means you can use the code that is already built. But if you are using every thing automated then you can not get any knowledge. e.g image sliders, you can find awesome looking sliders over the internet but i will say you should built your own that might not look that awesome but if will give you knowledge and after a little more try you can also built your own slider with more effects.
Also if you are using your developing your own code then this will also help you to improve your mistake and may be this might lead us to another good product.think about it: We wouldn’t have Cake PHP or jQuery library if not for developers who decide to re-invent the wheel.
Re-inventing the wheel might lead you to your own successful projects, which would not only make you a smarter developer, but gain you some attention.

Conclusion

Development is like a race if you will not run fast you will fall behind and that will not be good for your career. Now, the techniques I mentioned above aren’t necessarily going to keep you on the cutting edge of technology but these will definitely help you to become a good developer.

Thanks..

Sliding navigation with single image

2012-11-24T23:05:00.000+05:30

Simplicity is the best tool and we know it. So this tutorial is all about a simple and very effective navigation bar. This tutorial is all about CSS. There is no jquery or javascript and still it has very great effects.
For proffesional users who want simplicity and give more prefrence to their content rather than effects can go with that one.
We all know more effects take more time to load the page. Here is the solution. This tutorial contains a single image which slides as you move your mouse cursor. Simple lines of html code and small amount of css code is required to do this. Here we go......

Download Code

Html Code:

<ul class="green">
 <li><a href="#" title="home" class="current"><span>home</span></a></li>
    <li><a href="#" title="products"><span>products</span></a></li>
    <li><a href="#" title="blog"><span>blog</span></a></li>
    <li><a href="#" title="contact"><span>contact</span></a></li>
</ul>

<ul class="blue">
 <li><a href="#" title="home" class="current"><span>home</span></a></li>
    <li><a href="#" title="products"><span>products</span></a></li>
    <li><a href="#" title="blog"><span>blog</span></a></li>
    <li><a href="#" title="contact"><span>contact</span></a></li>
</ul>

Screen Shot:

Css Code:

Css for unordered list and its position is:

ul {
 padding: 5px;
 margin: 10px 0;
 list-style: none;
 background-color: #fff;
 border-bottom: 1px solid #e7e7e7;
 float: left;
 clear: left;
}

ul li {
 float: left;
 display: inline; /*For ignore double margin in IE6*/
 margin: 0 10px;
}

ul li a {
 text-decoration: none;
 float:left;
 color: #999;
 cursor: pointer;
 font: 900 14px/22px "Arial", Helvetica, sans-serif;
}

ul li a span {
 margin: 0 10px 0 -10px;
 padding: 1px 8px 5px 18px;
 position: relative; /*To fix IE6 problem (not displaying)*/
 float:left;
}

Css for navigation and its hover effects are here :

ul.red li a:hover {
  color: #fff;
 background: url(images/red.png) no-repeat top right;
}

ul.red li a:hover span {
 background: url(images/red.png) no-repeat top left;
}

ul.red li a.current {
 background: url(images/red.png) no-repeat top right;
  color: #fff;
}

ul.red li a.current span {
 background: url(images/red.png) no-repeat top left;
}

Hope you will like this post.

Designing books that you can follow

2012-11-23T13:59:00.001+05:30

Although there is a lot of information online for the webdesign and there are lot of sources to learn online but still the best way to learn is books. There are some books that can give you information more then any other way. in some way was connected to a book, whether on your own or in a classroom. And you still need books today. Here i do get a list of 8 designing books that we can prefer for learning.

“Type Idea Index” By Jim Krause

“The Elements of Style” By William Strunk and E. B. White

“Color Design Workbook: A Real-World Guide to Using Color in Graphic Design” By Terry Lee Stone with Sean Adams and Noreen Morioka

“The Newspaper Designer’s Handbook” By Tim Harrower and Julie Elman

“The Designer’s Web Handbook” By Patrick McNeil

“Thinking with Type: A Critical Guide For Designers, Writers, Editors & Students” By Ellen Lupton

“Caffeine for the Creative Mind: 250 Exercises to Wake Up Your Brain” By Stafan Mumaw and Wendy Lee Oldfield

“Above the Fold: Understanding the Principles of Successful Web Site Design” By Brian Miller

Source DesignShack

Tips for designing a professional website

2012-11-23T13:07:00.000+05:30

The term web design is normally used to describe the design process relating to the front-end (client side) design of a website. Designing a website includes a such type of design which give a beautiful look to a website as well as gives all information to a person or a user in a easy way. So while designing you should keep some things in mind such as design should be according to your client means color combination of the website should be in such a way that it should represent many things by its own.

So here are some tips for designing

1. Select a color scheme for your design:

When yo design a website you should be careful about color scheme of the website. if the company (client) has a logo or if he preferred any color scheme then its good to start with those colors but if there is nothing then you should try out some color scheme by your own for this you can search any website or can take reference of the color combinations of any other website.

2. Take help of templates :

This could be useful for the fresh start. you can use different pre-built template design that could help you a lot. these could be the part part of you web-development software or you can search free templates over the internet.

3. Navigation System should be easy to use:

In parallel to design it is essential that your information should be easily available. For this you could follow a 3 click theory. it means that each and every information on your website should be only 3 click away for the user. If the information is not accessible then there will not be any use of its availability.

4. Keep You design as simple as possible:

you should try to keep your design as simple as possible. You content should be readable in your color combination. If your background color will be too dart then font color should be light so that it will be readable. Don't come with a lot of effects in your design. Effects a good but upto a limit because too much use of effects will make your page too heavy.

Hope there tips will help you.

Just an Simple Html Tag to Crash window 7 64 bit

2012-11-11T18:55:00.000+05:30

Window 7 New vulnerability just by a simple iframe tag in html

Try This The below code to get above screen

<iframe height='18082563'></iframe>

Note: This will work with the pirate windows as this has been patched by the microsoft for the genuine 64bit winows 7 ..

Yea that's true. This small ( not exactly small) iframe is powerful enough to crash down a 64 bit Win7 system to the famous Blue Screen Of Death (BSoD). This vulnerability has been recently reported by w3bd3vil (awsome work!!)

This has been tested on Windows 7, 64 bit version, running Safari. I hate the blue screen of death so didnt bother about testing it on other browsers. Microsoft is still accessing the impact of vulnerability. Here are the details from a security advisory.

Description

A vulnerability has been discovered in Microsoft Windows, which can be exploited by malicious people to potentially compromise a user's system.

The vulnerability is caused due to an error in win32k.sys and can be exploited to corrupt memory via e.g. a specially crafted web page containing an IFRAME with an overly large "height" attribute viewed using the Apple Safari browser.

Successful exploitation may allow execution of arbitrary code with kernel-mode privileges.

The vulnerability is confirmed on a fully patched Windows 7 Professional 64-bit. Other versions may also be affected.

The source is internet for this post but an tested post .. no effective solution given for the above vulnerability

Some basic concepts of PHP

2012-11-10T00:43:00.001+05:30

Sometimes some basic thing in PHP confuses us a Lot e.g difference between double quotes and single quotes , difference between echo and print etc. Although when we use these on one another place then everything works fine but there is some basic difference between the working of those. so today we going to understand some such type of basic things in PHP.

Single Quotes and Double Quotes
Single quotes will just put exactly what is inside it single quotes can never sense any variable in its scope but Double quotes will evaluate first what is given in it. e.g.

 $variable = 'some string';
  echo '$variable';     // Output will be $variable
 echo "$variable";     // Output will be Some string

But if we use it for a simple string then output will be same in both cases and also the biggest difference between both it their processing speed. Single quotes are much faster that double quotes. its quite difficult to see in small programs. if you got a 1500 times a loop then you can easily see the difference.

echo and print
Echo and print both are use to output the information on user's screen but the difference is that print can return true or false means its useful if we want to use it in loop but echo is different it doesn't returns any value that's why it is faster than print otherwise the use of echo and print is save.

Use Nested Quotes
if you want to use Quotes inside the quotes means double quotes inside double quotes then you have to 'escape' them eg

 
  echo "this is "an example"";

this is not gonna work because when it will show an error to use nested quotes you have to escape them with backslash (\). you can do that in following manner.

 
echo "this is \" an example \"";

the above given code will work fine. So these were some basic thing about PHP for beginners hope this will help.

Item Blur Effects Using Css And Jquery

2012-11-01T09:57:00.000+05:30

This tutorial is all about advancement of css and jquery combinaion.Blur effects can be easily embedded into webpages. It looks awesome. You just have to embedd your css and jquery file and with Html code you can perform this.Jquery helps in smoothness of the whole operation. Here is a download link you can refer to that link. Css defines the looks of the page and blurness is defined in the jquery part. It depends on user how much blurness is required.
Blur class is added into jquery and this single class is behind this superb tutorial.

Download From Here

Screen Shot:

Jquery Code:

$(function() {
    
    var $container = $('#ib-container'),
     $articles = $container.children('article'),
     timeout;
    
    $articles.on( 'mouseenter', function( event ) {
      
     var $article = $(this);
     clearTimeout( timeout );
     timeout = setTimeout( function() {
      
      if( $article.hasClass('active') ) return false;
      
      $articles.not( $article.removeClass('blur').addClass('active') )
         .removeClass('active')
         .addClass('blur');
      
     }, 65 );
     
    });
    
    $container.on( 'mouseleave', function( event ) {
     
     clearTimeout( timeout );
     $articles.removeClass('active blur');
     
    });
   
   });

CSS Code:

This code contains the bluring effects of items and their opacity. Have a look at it.

.ib-container article.blur{
 box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -o-transform: scale(0.9);
 -ms-transform: scale(0.9);
 transform: scale(0.9);
 opacity: 0.7;
}
.ib-container article.blur h3 a{
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
 color: rgba(0, 0, 0, 0);
 opacity: 0.5;
}
.ib-container article.blur header span{
 text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
 color: rgba(255, 210, 82, 0);
 opacity: 0.5;
}
.ib-container article.blur  p{
 text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
 color: rgba(51, 51, 51, 0);
 opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
 -webkit-transform: scale(1.05);
 -moz-transform: scale(1.05);
 -o-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
 box-shadow: 
  0px 0px 0px 10px rgba(255,255,255,1), 
  1px 11px 15px 10px rgba(0,0,0,0.4);
 z-index: 100; 
 opacity: 1;
}

Hope you will like this post.
source codrops

Coming Soon Pages Using Css3

2012-10-31T20:43:00.000+05:30

Hey guyz.. lets build a new page which show about your upcoming website. This tutorial is all about coming soon pages. If a website is going to launch then its upcoming page could be like this. Its so attractive and very simple. With simple html code and awesome CSS3 you can build it.
Most developers are using this technique while building their project, a simple description with awesome transitions attract users before launch of website. Lets have a look at this tutorial, this will definitely help you.

Download From Here

Screen Shot:

Simple Html :

<h1 class="main">Splash & Coming Soon Page Effects with CSS3</h1>
       <div class="sp-container">
    <div class="sp-content">
     <div class="sp-wrap sp-left">
      <h2>
       <span class="sp-top">What if you wouldn't get</span> 
       <span class="sp-mid">spam</span> 
       <span class="sp-bottom">anymore?</span>
      </h2>
     </div>
     <div class="sp-wrap sp-right">
      <h2>
       <span class="sp-top">Wouldn't that be absolutely</span> 
       <span class="sp-mid">great<i>!</i><i>?</i></span> 
       <span class="sp-bottom">Yeah, it would!</span> 
      </h2>
     </div>
    </div>
    <div class="sp-full">
     <h2>A great way to get rid of spam!</h2>
     <a href="index3.html">Sign up now!</a>
    </div>
   </div>

Awesome CSS3 :

Cool Effects are child of the css. Fonts, transitions and other effects are displayed by this kind of css. For whole study please download the tutorial and you can easily understand the concept.

.sp-container {
 width: 900px;
 height: 400px;
 position: relative;
 margin: 80px auto 0px auto;
}
.sp-content {
 width: 100%;
 height: 400px;
 position: relative;
 -webkit-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
 -moz-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
 -ms-animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
 animation: open 0.4s linear forwards, squeeze 0.6s linear 5.5s forwards;
}
.sp-content:after {
 content: '';
 width: 4px;
 background: #000;
 height: 100%;
 position: absolute;
 left: 50%;
}
.sp-container h2 {
 color: #000;
 text-shadow: 0px 0px 1px rgba(0,0,0,0.9);
}
.sp-wrap {
 width: 400px;
 padding: 0px 25px;
 height: 100%;
 text-align: right;
 font-size: 70px;
 line-height: 80px;
 float: left;
 position: relative;
 background: #ffdd00;
 overflow: hidden;
}
.sp-wrap span {
 display: block;
 background: #ffdd00;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
}
.sp-wrap span.sp-mid {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}
.sp-container .sp-right h2 {
 color: #fff;
 text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
}
.sp-wrap span.sp-mid {
 font-family: 'MisoBold';
 text-transform: uppercase;
 font-size: 160px;
 line-height: 130px;
 position: relative;
}

Simple Css is just about paragraph, main area and its link and container. A brief look is given beow.

body{
 background: #ddd;
 color: rgba(255,255,255,1);
 font-family:'Myriad Pro', Arial, sans-serif;
 font-size: 15px;
}
a{
 color: #fff;
 text-decoration: none;
}
.container{
 width: 100%;
 position: relative;
 overflow:hidden;
}
.clr{
 clear: both;
}
h1.main{
 font-size: 30px;
 position:relative;
 font-weight: 400;
 text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    padding: 10px;
 text-align: center;
 z-index: 1000;
 -webkit-animation: appear 0.6s ease-in-out 6s backwards;
 -moz-animation: appear 0.6s ease-in-out 6s backwards;
}
/* Header Style */
.header{
 font-family:'Arial Narrow', Arial, sans-serif;
 line-height: 24px;
 font-size: 11px;
 background: #000;
 opacity: 0.9;
 text-transform: uppercase;
 z-index: 9999;
 position: relative;
 -moz-box-shadow: 1px 0px 2px #000;
 -webkit-box-shadow: 1px 0px 2px #000;
 box-shadow: 1px 0px 2px #000;
}
.header a{
 padding: 0px 10px;
 letter-spacing: 1px;
 color: #ddd;
 display: block;
 float: left;
}
.header a:hover{
 color: #fff;
}
.header span.right{
 float: right;
}
.header span.right a{
 float: none;
 display: inline;
}

Hope you would like this post.

source codrops

Enable Google Analytics for Wordpress blog (plugin)

2012-10-31T00:41:00.003+05:30

If you have a wordpress blog you may want to monitor activities of the users on your blog. You may want to see the whole Analytics for your website. The best option is to add Google Analytics for your blog , Although there are many other plugins that works in the same way those provides you Analytics of your blog but i bet that no one will be accurate like Google Analytics because it provides you the Accurate traffic details for your blog So here is the plugin that you can use to enable Google Analytics for your blog.

Google Analyticator:
Google Analyticator is wordpress plugin that you can use for your blog.Google Analyticator adds the necessary JavaScript code to enable Google Analytics logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytics data in the admin and on your blog. So you Dont Need To do Anyting much to Get your Traffic details.

Download

Features

Google Analyticator Has the Following Features:

Supports standard Google Analytics tracking via the latest async tracking methods (faster and more reliable than the older ga.js tracking method)
Includes an admin dashboard widget that displays a graph of the last 30 days of visitors, a summary of site usage, the top pages, the top referrers, and the top searches
Includes a widget that can be used to display visitor stat information on the front-end
Supports outbound link tracking of all links on the page, including links not managed by WordPress
Supports download link tracking
Supports event tracking with outbound links / downloads instead of the old pageview tracking method
Support site speed tracking
Allows hiding of Administrator visits without affecting Google Analytics' site overlay feature
Supports any advanced tracking code Google provides
Installs easily - unlike other plugins, the user doesn't even have to know their Analytics UID
Provides complete control over options; disable any feature if needed
Supports localization - get the settings page in your language of choice

Easing Slider Wordpress plugins

2012-10-31T00:22:00.000+05:30

Slider is most beautiful thing that makes a website beautiful and improve its design And Everybody knows that Design is the Primary concern while making a website. So while using wordpress we have a lot of options to add a Slider to our website So here we have a wordpress plugin that will do the same but the difference amoung this plugin and the Other plugins is that easing slider comes with a easing effects and it is light weight and really easy to use.

Demo And Download

If You need More Functionality in Your Slider Then you can Check Riva Slider
It provide following features

- Unlimited slideshows each with their own unique settings
- Infinite images in each slideshow (no more limit of 10)
- Link your images to Youtube & Vimeo videos
- 12 Elegant transitions
- Skins & Custom styling panel (no need to touch any code)
- Add titles & text to your images
- 3 different styles of navigation: icons, numbers & thumbnails.
- Completely WordPress Network compatible
- Import & Export slideshow/plugin settings.

Demo And Download

Registration Form UI PSD

2012-10-26T07:54:00.002+05:30

Registration Form Is the Basic requirement Of Any Website And We must Make It more and More Beautiful because user will be using it so to make it beautiful we must have to use Photoshop or CSS3, So to make this easy for you i have a PSD file of an Registration form which can help you to built a registration form.

This PSD file contains the basic requirements of the Registration Form such as Text Fields, Tipsy etc. Below Given Image Is the Image Of the Registration form.

Download

You can Download it from here

Wordpress Template Cheat-Sheet

2012-10-24T23:10:00.001+05:30

Wordpress is the Most widely used CMS(Content Management System) now a day So with its major use there is a high demand of its templates. Wordpress is CMS Which allows you to write less and Do more means you have to write really less code to built a wordpress template. There are Lots of books on the web which can tell you taught you a lot about the wordpress and here i am with a little introductory sheet for the newbies who want to learn wordpress template.

In wordpress CMS there are already built functions which we can use directly into our code and everything will be start working Here is the Sheet.

Hope it will help you thanks....

Flexible Slide To Top Menu With Jquery

2012-10-24T19:58:00.001+05:30

In this tutorial i am gonna tell you about that link through which you can see its description and all stuff containing in it.We almost this kind of Slide menu in college websies or fashion websites. But now this feature is widely used in all websites. Its name is flexible slide to top menu. Looks different and you will amazed after knowing that it contains just css and jquery. It has an awesome response.
We are using some CSS transition for rotating arrow position when we click on item. It is flexible, it mean it has fludic design and adjust according to the screen.When you click the view-port is opened and vice-versa.

Download the Code

Jquery Code:

This code binds the content into its element.

 var $event = $.event, resizeTimeout;

 $event.special.smartresize  = {
  setup: function() {
   $(this).bind( "resize", $event.special.smartresize.handler );
  },
  teardown: function() {
   $(this).unbind( "resize", $event.special.smartresize.handler );
  },
  handler: function( event, execAsap ) {
   // Save the context
   var context = this,
    args  = arguments;

   // set correct event type
   event.type = "smartresize";

   if ( resizeTimeout ) { clearTimeout( resizeTimeout ); }
   resizeTimeout = setTimeout(function() {
    jQuery.event.handle.apply( context, args );
   }, execAsap === "execAsap"? 0 : 100 );
  }
 };

 $.fn.smartresize    = function( fn ) {
  return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] );
 };
 
 $.Accordion     = function( options, element ) {
 
  this.$el   = $( element );
  // list items
  this.$items   = this.$el.children('ul').children('li');
  // total number of items
  this.itemsCount  = this.$items.length;
  
  // initialize accordion
  this._init( options );
  
 };

The most important part of this plugin is its default option contains :

$.Accordion.defaults        = {
    // index of opened item. -1 means all are closed by default.
    open            : -1,
    // if set to true, only one item can be opened. 
    // Once one item is opened, any other that is 
    // opened will be closed first
    oneOpenedItem   : false,
    // speed of the open / close item animation
    speed           : 600,
    // easing of the open / close item animation
    easing          : 'easeInOutExpo',
    // speed of the scroll to action animation
    scrollSpeed     : 900,
    // easing of the scroll to action animation
    scrollEasing    : 'easeInOutExpo'
};

We initialize the plugin by calling init function.

_init               : function( options ) {
         
        this.options        = $.extend( true, {}, $.Accordion.defaults, options );
         
        // validate options
        this._validate();
         
        // current is the index of the opened item
        this.current        = this.options.open;
         
        // hide the contents so we can fade it in afterwards
        this.$items.find('div.st-content').hide();
         
        // save original height and top of each item    
        this._saveDimValues();
         
        // if we want a default opened item...
        if( this.current != -1 )
            this._toggleItem( this.$items.eq( this.current ) );
         
        // initialize the events
        this._initEvents();
         
    },

Css Code:

First of all in every webpage we design the wrapper style.We assign width of every webpage as 100 so that we adjust the wrapper content as per our requirment.

After that we have a color transition effect when hovering.The line height should be the same as the element height.

.st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li > a{
    font-family: 'Josefin Slab',Georgia, serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 46px;
    display: block;
    position: relative;
    line-height: 100px;
    outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
    -moz-transition:  color 0.2s ease-in-out;
    -o-transition:  color 0.2s ease-in-out;
    -ms-transition:  color 0.2s ease-in-out;
    transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}

The span for the arrow is positioned absolutely andwe hide it by setting it outside whose opacity is 0.

.st-accordion ul li > a span{
    background: transparent url(../images/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover span{
    opacity:1;
    right: 10px;
}

Hope you will like it.

source codrops

Awesome Page Transitions With Css3

2012-10-17T20:48:00.003+05:30

Hi guys. Do you want to create a webpage with awesome transitions then this tutorial will definately help you.In last couple of years developers used javascript for making transitions effects in the webpage.These were good but takes a little time to load the script.This tutorial is all about magic of CSS3. Here all amazing effects are to be displayed with css.
With :target element all operation is performed. It is really cool. Lets get started with this stuff.All we need is just simple html code an awesome css and little creativity.

Download the Code

Html Code:

<!-- Home -->
<div id="home" class="content">
   <h2>Home</h2>
   <p>----</p>
  </div>
  <!-- /Home -->
  
  <!-- Portfolio -->
  <div id="portfolio" class="panel">
   <div class="content">
    <h2>Amaging Clicks</h2>
    <p>-----</p>
    <ul id="works">
     <li><a href="#"><img src="images/portfolio_01.jpg" width="250"></a></li>
     <li><a href="#"><img src="images/portfolio_02.jpg" width="250"></a></li>
     <li><a href="#"><img src="images/portfolio_03.jpg" width="250"></a></li>
    </ul>
    <p class="footnote">Nice clicks by <a href="http://www.tricktodesign.com/">Tricktodesign</a>.</p>
   </div>
  </div>
  <!-- /Portfolio -->
  
  <!-- About -->
  <div id="about" class="panel">
   <div class="content">
    <h2>About</h2>
    <p>-----</p>
   </div>
  </div>
  <!-- /About -->
  
  <!-- Contact -->
  <div id="contact" class="panel">
   <div class="content">
    <h2>Contact</h2>
    <p>------</p>
    <form id="form">
     <p><label>Your Name</label><input type="text" /></p>
     <p><label>Your Email</label><input type="text" /></p>
     <p><label>Your Message</label><textarea></textarea></p>
    </form>
   </div>
  </div>

Brief Look :

Css Code:

Here starts the important part. We had assigned basic css in a file named demo. Css for <p> and <h> and other basic elements. Css for page are in seperate file.

The navigation bar Css is :

#navigation {
 margin-top: 20px;
 width: 235px;
 display:block;
 list-style:none;
 z-index:3;
}
#navigation a{
 color: #444;
 display: block;
 background: #fff;
 background: rgba(255,255,255,0.9);
 line-height: 50px;
 padding: 0px 20px;
 text-transform: uppercase;
 margin-bottom: 6px;
 box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
 font-size: 14px;
}
#navigation a:hover {
 background: #ddd;
}

Switching between pages is the important part and all transition effects are shown up in this criteria. For this purpose we had to use :target element of css with our navigation panel. Its css is :

.panel{
 min-width: 100%;
 height: 98%;
 overflow-y: auto;
 overflow-x: hidden;
 margin-top: -150%;
 position: absolute;
 background: #000;
 box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
 z-index: 2;
 -webkit-transition: all .8s ease-in-out;
 -moz-transition: all .8s ease-in-out;
 -o-transition: all .8s ease-in-out;
 transition: all .8s ease-in-out;
}
.panel:target{
 margin-top: 0%;
 background-color: #ffcb00;
}
#home:target ~ #header #navigation #link-home,
#portfolio:target ~ #header #navigation #link-portfolio,
#about:target ~ #header #navigation #link-about,
#contact:target ~ #header #navigation #link-contact{
 background: #000;
 color: #fff;
}

Hope this tutorial will help you.

source codrops

Enable Right Click ON website Which have Disabled it .

2012-10-16T22:21:00.005+05:30

How to Enable Right Click in Websites

We have seen many sites in which we are not able to use the right click feature . This is due to the site owner have disabled it but we can enable it by using some few setting in your browser .

Most websites use javascript to prohibit the use of the right-click , so to enable it you should disable the javascript. TO Disable it do the following steps :

There are many ways to do ti , the simplest by my opinion is using Web Developer 1.1.9 , firefox add-on .

1) Downlaod Web Developer 1.1.9 from this link

2) Click Disable button

3) Select Disable Javascript

4) Again select “All Javascript” option.