Simple calculator for 32-bit values. It's just javascript, so feel free to save this locally for use off-line.
Email questions or suggestions to peter at jerde dot net.
<p>
<style>
input{
padding:5px;
font-size:16px;
font-family:'Courier';
}
</style>

<form name=myform>
<table>
<tr>
<td>Data in binary:</td>
<td>0b</td>
<td><input size=32 maxlength=32 name=binary type=text onchange="do_binary();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" onfocus="this.onchange()"></td>
</tr>

<td>Data in hex (big-endian):</td>
<td>0x</td>
<td><input size=8 maxlength=8 name=hex type=text onchange="do_hex();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" onfocus="this.onchange()"></td>
</tr>

<td>Data in hex (little-endian):</td>
<td>0x</td>
<td><input size=8 maxlength=8 name=littlehex type=text onchange="do_littlehex();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" onfocus="this.onchange()"></td>
</tr>

<tr>
<td>Unsigned integer:</td>
<td></td>
<td><input size=10 maxlength=10 name=int type=text onchange="do_int();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" onfocus="this.onchange()"></td>
</tr>

<tr>
<td>Floating point:</td>
<td></td>
<td><input size=60 name=float type=text onchange="do_float();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" onfocus="this.onchange()"></td>
</tr>

</table>
</form>

<script>
data = new DataView(new ArrayBuffer(4))

function do_binary() {
data.setUint32(0, parseInt(document.myform.binary.value,2))
to_hex()
to_littlehex()
to_int()
to_float()
}

function do_hex() {
data.setUint32(0,parseInt(document.myform.hex.value,16))
to_littlehex()
to_binary()
to_int()
to_float()
}
function do_littlehex() {
data.setUint32(0,parseInt(document.myform.littlehex.value,16),true)
to_hex()
to_binary()
to_int()
to_float()
}

function do_float() {
data.setFloat32(0,document.myform.float.value)
to_binary()
to_hex()
to_littlehex()
to_int()
}

function do_int() {
data.setUint32(0,document.myform.int.value)
to_binary()
to_hex()
to_littlehex()
to_float()
}

function to_binary() {document.myform.binary.value = ("00000000000000000000000000000000" + data.getUint32(0).toString(2)).substr(-32)}
function to_hex() {document.myform.hex.value = ("00000000" + data.getUint32(0).toString(16)).substr(-8)}
function to_littlehex() {document.myform.littlehex.value = ("00000000" + data.getUint32(0,true).toString(16)).substr(-8)}
function to_int() {document.myform.int.value = data.getUint32(0)}
function to_float() {document.myform.float.value = data.getFloat32(0)}






</script>