Happy reading, learning, copying, thinking, filtering, clicking, wondering, looking, laughing, guessing, testing et cetera…
If you have any questions, comments or suggestions; you can contact me. Feel free to do so! Also if you're (not) about to make money with anything found here. I like to know who I helped out.
Krijn Hoetmer ~ Freelance web developer
abbr
and/or acronym
?<abbr>
for Internet Explorerselect
box doesn't have an accesskey
<button>
as submit buttons<!--
Some comments are weird science in Gecko -->
<!--[if lt IE 6]>
Conditional comments to target IE<![endif]-->
<!--[if !IE]><!-->
Conditional comments to target anything but IE<!--<![endif]-->
utf-8
?<STRONG>
case</strong>
of tags change the <em>
filesize</EM>
?id="tags"
is considered harmful!<input type="image">
is pretty useless sometimes<isindex>
?<a name="foo">
to jump to a section, but id
'salt
attribute?<meta name="description">
indexed?http-equiv
and a real HTTP header<meta name="keywords">
indexed?<object>
to display an image and provide alternative marked up content#fragment
#identifier
in Opera, when using Apache MultiViews<select multiple[="multiple"]>
or a list with <input type="checkbox">
s?­
and how do search engines index it?iframe
elements
again?<b>
& <i>
aren't deprecated, <u>
istarget
attribute in a strict DOCTYPE<thead>
and <tfoot>
rendered when printed?.htaccess
<canvas>
test<datalist>
<!DOCTYPE HTML>
) and the rendering mode it triggerstype
attribute for input
elementsget_headers()
text/plain
and text/html
mails, using multipart/alternative
htmlspecialchars()
thingyutf-8
a[href]:hover
:active
be used?@page
rulebackground-attachment
and scrolling speedrgba()
and a hack for IEbackground-position
have a funny way of calculating:before
& :after
input
with only a border on the bottom could be handy for printable formsborder
can have four different border-color
sclear
behavior in Geckotable
version for comparison)>
selector in Internet Explorerclear: both;
margin
s.or.multi-class.selectors
)direction
and unicode-bidi
to swap wordsdisplay: inline-block;
doesn't work too great cross browser:first-letter
& inline|block
:first-letter
& the selector subjectfont
propertiestext-transform: lowercase;
and font-variant: small-caps;
is buggy in IEcolor
, sort of :)form
layouts:hover:after { content: '\A bar'; }
seems to crash Safari 1.3 and 2:hover
in Internet Explorera:hover * { visibility: visible; }
has a bug in Internet Explorer 6!important
rule<li>
's inline, without extra spaceline-height
thingylink
s to stylesheets a title
?min-height
in Internet Explorer<span>
Semantics</span>
, <span>
why</span>
?outline
property, looks like border
overflow: auto;
position: fixed;
in Internet Explorer::selection
selector and some applicable propertieslegend
elementmeter
elementempty-cells
property and some JavaScript for Internet Explorertable-layout
property, using fixed
and width
text-decoration: underline;
for some anchorstext-overflow
to create nice effects…text-shadow
and an alternative method.highlight:after { content: url('javascript:window.focus();'); }
for Opera Chat?text-decoration
and color
togethervertical-align
& line-height
to vertically center a piece of textbutton
s in Explorer?word-wrap: break-word;
z-index
examplez-index
example, which provides problems with the stacking contextelement.getAttribute('attr')
and element.attr
if (object)
and if (object())
onchange
or onclick
?.innerHTML
defer
do?document.compatMode
to get the page rendering modeonselectionchange
event and the clipboardData
objectinclude()
construct/function work in JavaScriptinput
and use window.opener
to fill the controlJSONRequest()
become available?div
scroll simultaneouslymatchMedia
<script type="text/foobarscript">
JavaScript and its MIME type(s)</script>
number_format()
in JavaScripteval()
onload
event isn't triggered if the page loading is canceledonmouseover
eventpreviousSibling
meets whitespacescrollIntoView()
?!select
box with some fluffy optionsonchange
event of a select
boxalign="char"
defaultValue
property of an input
with onfocus
and onblur
text-shadow
in CSS doesn't work too well, this doesn't either :)class
esXMLHttpRequest
to check links on page loadXMLHttpRequest
to fetch next and previous items (known to some as AJAX)