Category Archives: Website Design

Animated Tabs With CSS3

Animated Tabs With CSS3 In this tutorial i will let you know guys, how to create Animated Tabs With CSS3.Here we are using Javascript and CSS3 for this. HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Animated Tabs with CSS3</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Animated Tabs with CSS3"

Show Hide Div Content Using Jquery

Show Hide Div Content Using Jquery Hi Guys, in this tutorial we will explain how to Show Hide Div Content Using Jquery.We have used Jquery to accomplish this.we are just hiding and showing the content of contained by DIV, on button click event. Download Jquery Library from here: Download Html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Show/Hide

Fixed Menu When Scrolling Page With Css And Jquery

Fixed Menu When Scrolling Page With Css And Jquery In this Tutorial I will explain how to create fixed menu when scrolling page with CSS and jQuery.The aim is to have the navigation fixed when user scrolling the page and back to its original position when scrolling back. Html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

Difference between Website and Web Application

Difference between Website and Web Application Website: Definition : It is a hierarchical relationship of static HTML pages, CSS style sheets, Images, Embedded videos, Flash files etc. compiled into hyper-linked format. Generally, these static HTML pages are easily loaded at client’s end  and henceforth performance issues experienced are minimal. Web Application: Definition : It is

How to Batch Resize in Photoshop

How to Batch Resize in Photoshop In this tutorial i will explain you that How to Batch Resize in Photoshop. I think you guys already know how to resize a single image in photoshop.But in this tutorial we will resize several images on one go. To do so follow these simple steps:- 1. Open PhototShop. 2.

How To Create Animated Image In Photoshop

How To Create Animated Image In Photoshop In this tutorial i will explain that how you can create a animated image in Photoshop.Creating a animated image in Photoshop is not that complex, it contains a few simple steps. Steps:- 1. Open Photoshop. 2. Click on File menu > New > Choose your image size and background color.