HOW TO REDUCE HTML CODING.

There is many way to reduce html code.

1. Properly read the psd file and make a plan of code.

2. Use only single class all over the site which property is same everywhere.

3. Get rid of Header Footer by calling method.

Header and footer almost same on all pages. so do not type or paste all code again again.

It Seams disgusting

Here am gona tell you some method of reducing code

USING JS METHOD

Write Header code in header.js file.

Example:- document.write(--------here write your header code in a single line without spacing--------);

and save it.

call it

call it in your page

<script src="path your file">

USING EMBED METHOD

Embed in mostly used on html5 sites. this dose not support some old version of browser.

same process here you can save your file in .txt , .html, .js .

<embed src="path">

Your can use these methods for reducing code of your site. and can save time.

Comments

Wo-commerce sidebar navigation

There is Plus Minus Image you can change it in your own code

How to add attribute in input type onload

Add this script this will target your input type submit and set an attribute on it when page load. <script> function functionAddAttribute(){ $("input:submit").attr("accesskey","g"); }; window.onload = functionAddAttribute; </script> <noscript>Your browser does not support JavaScript!</noscript> This is html <input type="submit" value="this is button" />

HOW TO IMPLEMENT ADAPTIVE IMAGE IN WORDPRESS

If you don't know about Adaptive image please Read my last artical. STEP:1 COPY .htaccess , Adaptive-image.php, ai-cookie.php, DS_Store file in your root directory STEP 2: CREATE folder in wp-contant/uploads/adaptive/ai-cache if .htaccess file already exist then pest this code in it but be carefull take its backup CODE #START Adaptive-Images #Add any directories you wish to omit from the Adaptive-Images process on a new line. #Omit plugins, wp-includes and wp-admin content. RewriteCond %{REQUEST_URI} !wp-content/plugins RewriteCond %{REQUEST_URI} !wp-includes RewriteCond %{REQUEST_URI} !wp-admin #Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above directories #to adaptive-images.php so we can select appropriately sized versions RewriteRule .(?:jpe?g|gif|png)$ adaptive-images.php #END Adaptive-Images UNDER # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On STEP3: Open Adaptive-image.php change with it $cache_path = "wp-content/upl...

WCidea

Search This Blog