Tag: html5 with css
-
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…
-
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…
-
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…
-
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…
-
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="#"><nav></a> </nav> </header> <article> <section> <h2>Article & section Tag</h2>…