- JS Compress and Obfuscate : http://www.minifyjs.com/javascript-obfuscator/
- JS Compress only: http://www.minifyjs.com/javascript-compressor/
- CSS compressor : http://www.minifycss.com/css-compressor/
Showing posts with label HTML/CSS. Show all posts
Showing posts with label HTML/CSS. Show all posts
Minify/compress JavaScript, CSS compressor
Quick and easy way to minify/compress JavaScript and CSS
HTML: Open link in a new window
The key to use is target="_blank"
Eg:
Eg:
<a target="_blank" href="http://glidingphenomena.blogspot.com/">
My Blog
</a>
HTML : Easiest way to create simple tooltips
Tooltips are the ones which appear as little bubbles with text, when you mouse hover over an item on Web-page.
In HTML, it is very easy to create them.
Simply add 'title' attribute to the element.
Examples:
In HTML, it is very easy to create them.
Simply add 'title' attribute to the element.
Examples:
<a title="Tooltip for Anchor !" href="someLink" >Gliding Phenomena Blog </a>
<img title="Tooltip on an Image..." src="myPic.jpg" />
<div title="This is tooltip for the entire DIV">
Some content.
Blah
Blah
</div>
CSS/HTML : ID or CLASS attribute? Which one to use when ?
A simple, yet powerful classification of the DOM elements can done using the element attributes ID and CLASS.
By giving a CLASS attribute, we can refer/select MULTIPLE elements with the same class.
Example:
When accessing, CLASS attributes are prefixed with '.'
and ID attributes are prefixed with '#'
Elements can have both CLASS and ID attributes. So you can can even more flexibility.
<div class="myclassA">first content</div>
<div class="myclassA">second content</div>
<div class="myclassA">third content</div>
Once we have such layout, we can access all the div's easily, some of them would be:
1. In the .CSS file as :
.myclassA{
color : red;
}
2. If ur using JQuery:
$(".myclassA").css("color", "blue");
By giving a ID attribute, we can refer/select EXACTLY one element with that ID.
Example:
<div id="myDivIdA">first content</div>
<div id="myDivIdB">second content</div>
Once we have such layout, we can access EXACTLY one div easily, some of them would be:
1. In the .CSS file as :
#myDivIdA{
color : red;
}
2. If ur using JQuery:
$("#myDivIdB").css("color", "blue");
NOTE: When accessing, CLASS attributes are prefixed with '.'
and ID attributes are prefixed with '#'
Elements can have both CLASS and ID attributes. So you can can even more flexibility.
Subscribe to:
Posts (Atom)
Python contextlib for Timing Python code
If you've ever found yourself needing to measure the execution time of specific portions of your Python code, the `contextlib` module o...
-
If you get the following error while installing FFMPEG or other packages on CentOS 7. Requires: libva.so.1(VA_API_0.33.0)(64bit) Follow...
-
Common error: fallocate: fallocate failed: Text file busy in ubuntu OS Check the allocation: free -m or sudo swapon --show Make sure ...
-
How to fix Warning: mysql_connect(): Can't connect to local MySQL server through socket '/var/mysql/mysql.sock' Apparently, Ma...