Author: Mars
Flexible Video On screen Via HTML Responsive
•
The HTML draft specification introduced the video element for the purpose of playing videos or movies,partially replacing the object element. HTML video is intended by its creators to become the new standard way to show video on the web without plugins. Source Code CSS Here I consider the…
How to construct an image into many style using filter menu in PS Cs5.
•
Create a new psd file of your own size. Select an image from folder or from web. 1.Original Image: 2.Pencil Drawing format: Look on Filter — > Fliter Gallery— >Artistic — > select Colored pencil — >ok 3.Cutout Image: Select cutout option from the artistic option which is present in…
Responsive Menu
•
Here’s a tutorial to help you make your very own responsive website navigation. One of the most important aspect of a website is how easy it is to navigate through different parts of the site. Find out how to optimize this with CSS3 with this tutorial. Since we have six…
An Easy Parallax Scrolling Method
•
Parallax scrolling is an exciting technique, where, as you scroll, the background image creates the illusion of 3D effect. Here the shortest and simplest b to achieve maximum tremendousness! Step 1: Basic Method I used the <section> tag with the attributes data-type & data-speed, which were introduced in HTML5 coding…
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…
5 HOT TRENDS IN WEB DESIGN FOR 2013
•
In the fast-moving nature of the web, it’s only natural that website design trends change frequently. The year 2013 will confirm to hold just as much change in web design practices than prior year. 1. Responsive Web Design Responsive design is the approach of developing one set of code to…
CSS TUTORIAL FOR INTERMEDIATES: POSITIONING AND ITS TYPES.
•
Positioning HTML elements may be the toughest but most rewarding things you can master. There are four types to interpret the size styles: Position: static position is the default behavior if you do not set it – the element just appears where it is in the flow of the HTML…
Easy Typographic Portrait In Photoshop for Beginners.
•
STEP-1: choose a portrait image for your typography design. STEP-2: Creating Image Effect Convert the image into posterize effect by selecting Image > Adjustments > posterize. Set the Levels to 7. STEP-3: Add Background Text – Important Step Lower your text opacity to around 20%. Create a…
HOW TO DESIGN A WATERCOLOR PORTRAIT
•
Step 1 – Create the Texture Open the image in Photoshop. From here we need to create a high contrast side of the image. To do that we first need to desaturate the image (Ctrl+Shift+U) or (Image | Adjust | Desaturate). Then we need to punch up the contrast using…
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…