Google SEO | PHP | Mysql | Ajax | Jquery | Photoshop | Illustrator | Database | Web Design | Web Development | Sitemap |

Facebook notification is familiar for all most of the people. So in this article am going to create Facebook like Notification using CSS and Jquery. Recently one of my friends asked how to create Facebook notification. I have used HTML, CSS and Jquery for Facebook Notification clone.

Facebook Style Notification Demo

In this article am going to explain how to create simple and attractive content tabs using Jquery and CSS. In this article am using CSS3 for gradient for background. Soon I will post an article regarding the CSS3 new features and techniques for creative and faster webpage design.

Jquery CSS HTML content Tabs

While programming webpage sometimes we need to show the error or success message. Instead of showing in a simple text which will not get concentrated by user, we can use CSS styled messages. Below I will explain how to stylize your success and error message by using CSS.

Form validation is the process to ensure that user has entered the mandatory fields in a form. The main reason for validation is to avoid the unnecessary load to the web server.
javascript validation
Click image to view Larger
For e.g., Imagine you have a log in form. Without entering the values and user clicking the login button, if you didn’t validated it means the request will send to web server. After checking this value with back end it will throw you an error. This is the unnecessary load for the web server.

Designing a website includes

  • Designing web layout in photoshop
  • Slicing &
  • Converting into HTML in dreamweaver
website-slicing-in-photoshop

A basic website has

  • Header must have the logo and name of the company.
  • Buttons contains the name of the pages for navigation with the link
  • Body area contains the content for the current page and the design.
  • Footer contains the content for copyrights of the company.

Website layout is designed in photoshop and sliced. Slicing in photoshop is a process where the website layout is cut into small images. Tool used for this process is slice tool (shortcut ‘K’).

Divider