Fancy Javascript slideshow – no framework required
If you thought having broadband makes page size irrelevant, you were wrong. Bandwidth costs money and a few saved kilobytes over a million impressions means real savings, not to mention that Google ranks sites based on their speed too. I’ll show you how you can create a fancy slideshow in under 2KB, rather than about 100KB for JQuery + JQuery Cycle plugin.
Full Story
The (sad) state of web fonts embedding
In case you think embedding fonts in web pages is something new, I made the first font embedding experiments in browsers in 1998. It was working – cross-browser too: Internet Explorer 4 and Netscape Navigator 4. See, EOT from Microsoft is quite old (introduced in 1996) and Netscape had their own format, called .pfr, based on the TrueDoc technology developed by Bitstream. So how comes that more than a decade later we still don’t have a fully working way of using custom fonts on the web?
Full Story
Javascript animated collapsible panels without any frameworks
If you need to make collapsible panels that remember their state, but don’t want to use any javascript framework, this tutorial will help you do this with no headaches – and you’ll learn some neat javascript tricks too!
Full Story
Using javascript expressions in CSS
I usually prefer a fixed layout for pages, because this allows for more control over typography, readability and so on. Still, one of biggest clients specifically required two years ago their site to be built with a liquid layout that expands full-width; the whole site (about 2000 html and aspx pages) was eventually done this [...]
Full Story
Automatically highlight current page in menu via Javascript
Whenever one builds a website, one issue is always guaranteed time consuming: highlighting the current page or section in the website with a different style. In theory, this is relatively simple, just add a .current class to the link in question. So, if you have a menu styled from a list, you’d have: <ul> <li><a [...]
Full Story