It happen when the page is in UTF8 but the browser display in iso-8859-1.
Add this meta on the head to fix this.
Category: Website
Interesting website i found
make IE compatible with HTML5
include this script in the HTML file
google apps spf records
type TXT
value
v=spf1 a mx include:aspmx.googlemail.com include:_spf.google.com ~all
google incorrect spf records
spf checker
javascript disable back button
add this code in the HTML head section
<script type="text/javascript">
history.forward();
</script>
css rounded corner
.roundcorner{
border-radius:6px; /*css3 - but not supported yet*/
-webkit-border-radius: 6px; /*mozila - firefox, iceweasel */
-moz-border-radius: 6px; /*webkit - google crome, midori, safari */
}
and more
-moz-border-radius-topleft / -webkit-border-top-left-radius
css – remove dotted border on a active
a {
outline-style:none;
outline-width:0;
}
or
a {outline: 0 none;}
how to simulate slow internet connection
#apt-get install iprelay
$iprelay -b 2500 8000:localhost:80
point the browser to localhost:8000
you can see how website look like with connection speed of 2.5Kbps.
simulate slow internet connection
not clickable link in IE
one of my client complaining to me about this problem (using IE 7). another hasLayout problem
not sure which one really fix the problem. But avoiding
<div>and <span> tags inside <a> tags might help.
css transparency
.transparent_class {
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5; /* mozilla old version*/
-khtml-opacity: 0.5; /* safari */
opacity: 0.5; /* standard */
}
IE bug fix
IE bug fix
1. no min-height
_height:auto !important;
2. preventing step down
float:left; display:inline;
3. haslayout
/* style for IE6 + IE5.5 + IE5.0 */
.gainlayout { height: 0; }
.gainlayout { zoom: 1; }
4. peekaboo bug fix
position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */