Posts Tagged: html

0HTML5 LogoResponsive lazy backgrounds instead of css background-image

Published by & filed under Web Technologies. Last updated .

I’ve recently been work­ing on an update/overhaul of both my vari­ous web­sites and the serv­er backend. As part of this pro­cess I’ve been try­ing ot make sure everything is using the latest stand­ards to max­im­ise per­form­ance and com­pat­ab­il­ity. One of the best fea­tures of recent ver­sions of word­press is the nat­ive sup­port for respons­ive images — where the img­set=”” attribut eis used to sup­ply altern­at­ive sizes of images in a group so the browser can use the most appro­pri­ate. In com­bin­a­tion with async load­ing and lazy load­ing this can make pages load far faster whilst still look­ing good to all vis­it­ors. How­ever css has not adop­ted these new­er fea­tures so back­ground images are much trick­i­er to deal with. It can be done though…
… Read Full Article

0HTML5 LogoHTML5 spec finished and published!

Posted by & filed under Web Technologies.

At long last, the W3C has pub­lished the final HTML5 spe­cific­a­tion.  DIY Media Home is already writ­ten coded in HTML5, but the final­isa­tion of the spe­cific­a­tion means that HTML5 com­pli­ance is no longer a mov­ing tar­get for either us, or the browser makers. Hope­fully all the main play­ers will provide fully HTML5 com­pli­ant browsers soon. In the mean­time we’ll be work­ing to ensure our site is fully com­pli­ant with the final spec.

… Read Full Article

0Internet Explorer 9 LogoHow to launch HTML based programs fullscreen

Published by & filed under Web Technologies. Last updated .

I was asked recently if I could copy a teach­ing resource from a CD-ROM onto a laptop com­puter. This par­tic­u­lar pro­gram is mostly HTML with some embed­ded videos. There were 2 prob­lems with run­ning it from a loc­al shortcut.
1. Inter­net Explorer secur­ity warnings
2. The full-screen win­dow is launched by a par­ent browser win­dow which then sits on top of the full screen win­dow and has to be closed when the full screen win­dow is exited
Both of these are only annoy­ances rather than crit­ic­al fail­ures, but a com­plete solu­tion involves fix­ing these kind of things. Find­ing a solu­tion was a little tricky, but once the solu­tion presen­ted itself it was very simple.

… Read Full Article