Category Archives: JavaScript

Quick test of the font service from TypeKit.com

Typekit is commercial service that lets you embed non-standard fonts into HTML pages. It is relatively easy to use and takes care of all the licensing issues. So far, all good. Yesterday, I did a quick test of the service using the font LFT Etica Display.

I must say results were disappointing and showed far too much difference than what’s acceptable. It may have something to do with this specific font, like the font-hinting.

It’s sad to see that Opera is not supported at all, even though the latest versions have native support for font embedding.

All the tests were done on a Windows 7 PC.

Also posted in CSS, Front-end, Uncategorized | 1 Comment

On how to play HTML5 video

The movie playing on mobile devices

Most web developers agree that the ability to play video on webpages is a must, however the jury is out on how these videos should be played. I’m of course referring to the HTML 5 video format controversy. Throw FlashPlayer into the mix and you’ll end up with a humongous fight leading fast to nowhere. Based on this, focusing on finding a solution, I tried to piece together a player using both HTML 5 video, and FlashPlayer for less capable browsers like Internet Explorer. You can find a demo alpha version of the player here: http://makingria.com/demo/html5/videoplayer/

Browser support

The player supports the following browsers:

  • Internet Explorer 7 (FlashPlayer, H:264 video)
  • Firefox 3.6 (Native playback, OGG Theora video)
  • Google Chrome and Apple Safari (Native Playback, H.264 video)
  • iPad and iPhone (Native Playback)
  • Opera 10.5 (Native playback, OGG Theora video)

How to build it

Read More »

Also posted in Flex, Front-end, HTML, Uncategorized | Leave a comment

Use geolocation to get your current address from Google maps

geo

Firefox 3.5 as well as many smartphone browsers like Mobile Safari include a JavaScript API to geo-enable your web applications. Using it is pretty simple, and it gives us the ability create a completely new range of services utilizing the user’s current position. We can use it to position yourself on a graphical map or use yr.no’s weather API to get the weather right where you are.

Read More »

Also posted in Front-end, Mobile | 2 Comments

Cufón – best webfont solution so far

cufon

While waiting for more browsers to support CSS3′s @font-face, the javascript method Cufón is an interesting alternative to the more commonly used sIFR method.

It’s pure Javascript, so it doesn’t require any plugins like sIFR does. And it has faster loading times than sIFR. Depending on the browser, it internally uses different techniques like SVG, Canvas and VML paths to draw the fonts. Luckily, web developers don’t need to know much about it, it just works!

Read More »

Also posted in CSS, Front-end | Leave a comment

Back to basics with jQuery

jquery

For a long time I have been using JavaScript for the bare necessities, relying on Flash to do the heavy-lifting. After investigating a couple of OK “Flash-sites” I found out they were not actually made in Flash, but in JavaScript. Seemed both had jQuery as the foundation for their scripting. I’ve been using jQuery blindly as a “switch-class” engine for styling only, but could it really do more than a little CSS-manipulation?

Read More »

Also posted in CSS, Front-end, RIA | Leave a comment