Web pages have generally become much more bulky in recent years. The trends for JavaScript-based functionality enhancements and the popularisation of digital photography have led to larger amounts of data being transferred (downloaded) per page and I can’t see a reversal of this happening any time soon.
If you’re using a mobile device such as an More >
acceptable quality,
CSS,
css images,
css sprites,
device,
E.G. CNAMEs,
E.G. HTML,
E.G. Images,
E.G. JavaScript,
functionality enhancements,
graphical content,
http,
IPhone,
load,
number,
page,
traditional advice,
unnecessary data,
Web Recently, I’ve been doing quite a lot of JavaScript development, part of which involved equalising heights of a group of similar elements on the page. I thought this would be very simple and indeed it was but it threw up a JavaScript quirk which I have seen several times before. The solution is simple, but More >
browser,
browser cache,
browser stores,
container element,
container elements,
correct dimensions,
dimen,
DOM,
dom tree,
element,
height,
image,
Javascript,
Mac,
Mac OSX,
meta data,
modern browsers,
opera,
opera mac,
page,
parent container,
quirk,
tag attributes A simple example of the time-saving element.morph() Mootools method which allows you to morph HTML elements from one property set to another.
A really quick post detailing the main differences between the very useful Mootools Javascript element.getChildren() and element.getElements() methods.
bit,
child elements,
DOM,
element,
element methods,
first glance,
fragment,
function,
fundamental difference,
getChildren,
item,
Javascript,
list,
MooTools,
one lt,
situation,
sub As I mentioned in my previous post about the new/upcoming navigator.geolocation standard, I have been experimenting with Geo location on my IPhone so I thought I’d share some of that with you in case it helps anyone out.
My example is very simple and is intended to show how you can use the JavaScript navigator.geolocation.watchPosition() (the More >
accurate method,
accurate readings,
api spec,
callback,
example of navigator geolocation,
function,
Geo,
geolocation,
IPhone,
javascript navigator,
latitude and longitude,
location,
navigator,
position,
position id,
post,
reading,
success,
thetime Anyone who’s tried using navigator.geolocation on a fixed-line (i.e. not mobile) device will know that it’s not too useful, usually at home my location is given as New York, USA when in fact I am in Oxfordshire in the UK! So, I turned to my IPhone and had a bit of a hard time at first trying to get an accurate position reading from navigator.geolocation.getCurrentPosition(). My findings here refer to using JavaScript in Safari on Apple IPhone (IPhone 3G with OS 3.1.3 on O2’s GSM network in the UK).
accurate position,
Apple IPhone,
Geo,
geolocation,
getCurrentPosition,
gsm network,
IPhone,
location,
location navigator,
location services,
mobile device,
navigator,
New York,
new york usa,
Oxfordshire,
reading,
time,
UK,
USA,
watchPosition Since the original Lightbox was released by Lokesh Dhakar many moons ago, we’ve all been fascinated with it’s JavaScript trickery. Those of us who are Web-Developers working with/for Design Agencies will no doubt be very familiar with many subsequent, similar JavaScripts such as Slimbox.
I’ve tried out a fair number of MooTools compatible Lightbox clones/improvements and More >
Javascript,
Liam Smart,
Lightbox,
Lokesh,
many moons,
MooTools,
Multibox,
slimbox,
trickery,
web developers,
widget HTML 5 offers 13 new form input element types but Browser support for these new input types is very scant at present. However, with JSH5F, you can use the new HTML 5 form elements right now in supporting Browsers without causing problems for people using non-supporting browsers.
class,
compliant html,
date,
DOM,
download jsh5f,
HTML,
HTML5,
html5 form elements,
input,
input element,
input elements,
input type text,
input types,
Jan,
javascript detection,
JSH,
jsh5f,
Mac,
name,
numeric range,
range,
text,
type
In an effort to stay ahead or at least alongside the game, I am starting to investigate the upcoming technologies of HTML5 and associated Javascript. In this article, i’ll cover a simple example of Javascript localStorage/sessionStorage, how to detect on-line/off-line status and off-line cache Manifest files.
compatibility table,
dot syntax,
internet explorer 8,
Javascript,
KEY,
line storage,
localStorage,
Manifest,
manifest files,
offline,
offline storage,
pair data,
session,
sessionStorage,
storage,
storage works,
syntax notation,
web storage,
window Adobe Flash is still very popular despite the massive improvements in Javascript animation over recent years. However, some important devices such as the Apple IPhone lack the capability to display Flash movies. Because of this and due to my immutable desire to produce W3C compliant HTML, I’ve recently had to think about the method I use to embed Adobe Flash movies in a web page.
This article is a short review of the two methods I consider best.
Apple IPhone,
C Compliant,
C HTML,
compliant html,
embed,
embed flash,
flash,
flash in web,
flash satay,
html markup,
IPhone,
Javascript,
method,
movie,
swfobject,
w3c,
x shockwave flash