Category: web design tips

  • Drawing Realistic ice Cubes

    Lineart Make interesting composition and forms with liners   Gradient Fill your object with base colour (dominant colour). and gradient (from light to dark), and lock your layer (transparent pixels)   Light You need to decide on a light source   Shadow Add more depth to your object with shadows…

  • Best Useful Css Tips (For beginners)

    Use Shorthand Css Shorthand CSS gives you a shorter way of writing your CSS codes, and most important of all – it makes the code easier to understand. Instead of creating CSS like this It can be short-handed into the following: Understanding Class And ID These two selectors repeatedly confuse…

  • Shooting the Missiles Using Action Script on Flash 3.0

    Step 1: Open a new document in flash. Set the stage color as black. Step 2: Choose Window > Properties from the main menu bar to open the PROPERTIES panel. Step 3: Expand the Properties section in the panel and choose the Edit button to enlarge the Document Settings window.…

  • Blend Image flash Transition Effect

    Follow the steps to complete the tutorial. 1. Open a new flash file. Choose Window > Properties from the main menu bar to open the PROPERTIES panel. 2. Expand the Properties section in the panel and choose the Edit… button to enlarge the Document Settings window. Next, set the width…

  • HTML5 Tutorial: Base Element Tag

    The HTML <base> tag is used to specify a base URI, or URL, for relative links. For example, you can set the base URL once at the top of your page, then all subsequent relative links will use that URL as a starting point. The <base> tag must be between…

  • Smoky Trailer in Flash Action script

    Final Preview: Step-1 Open a new document in flash. Set the stage color as black. Step-2 Create four buttons for smoke colors transformation in Layer-1. Give the instance name for each button. Here  I gave one_btn, two_btn, three_btn and four_btn. Step-3 Type the following Action Script in Layer-2. //import bitmap…

  • Solution for HTML5 Accessibility in IE

    OUTPUT (in IE) AFTER FIXING THE SOLUTION: OUTPUT (in IE) BEFORE FIXING THE SOLUTION: HTML5 CODE: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/HTML" lang="en" xml:lang="en"> <head> <meta charset="utf-8" /> <title>My first HTML5 website</title> </head> <body style="padding-left: 35px;"> <header> Header Tag of HTML5 with <nav><a href="#">&lt;nav&gt;</a> </nav> </header> <article> <section> <h2>Article & section Tag</h2>…

  • Light Bulb Vector Using Illustrator

    Final Preview: Step-1 Draw a bulb shape and fill with yellow color. Step-2 Draw a below like arc at the two edges of the bulb sides and fill it with white and yellow gradient (radial). Step-3 Create a circle fills it with white and yellow radial gradient. Step-4 To give…

  • Photo Sliding Gallery using HTML

    Final Preview: Step:1 Open a new HTML Document in dreamweaver. Step:2 Paste the following code in the HTML Document. <ul id="sliding"> <li><a href="#nogo"> <img src="pic1.jpg"/></a></li> <li><a href="#nogo"> <img src="pic2.jpg"/></a></li> <li><a href="#nogo"> <img src="pic3.jpg"/></a></li> <li><a href="#nogo"> <img src="pic4.jpg"/></a></li> <li><a href="#nogo"> <img src="pic5.jpg"/></a></li> <li><a href="#nogo"> <img src="pic6.jpg"/></a></li> <li><a href="#nogo"> <img src="pic7.jpg"/></a></li> </ul>…

  • CSS Navigation Menu using background positioning

    Home Page About Us Web Design Graphic Designs Contact Us Step-1 Open an html document. Write the following html code inside the body tag: <ul id=”navigation”> <li><a href=”#” id=”home”>Home Page</a></li> <li><a href=”#” id=”about”>About Us</a></li> <li><a href=”#” id=”webdesign”>Web Design</a></li> <li><a href=”#” id=”graphicdesign”>Graphic Designs</a></li> <li><a href=”#” id=”seo”>Search Engine Optimization SEO</a></li> <li><a href=”#”…