WebP is a new, open source, lossless and lossy compression, created specifically for images on the web. Currently developed by Google WebP can produce files considerably smaller than the current PNG, JPG and GIF standards.
Another CSS only trick - custom checkboxes using CSS only!
A little used feature of HTML5 is the HTML5 history API - a new standardised way to manipulate the browser history.
What does the word blogging mean to you? Are you thinking of something every business should consider as a communication channel?
HTML5 introduces application cache. This means that a web application can be cached, and accessible without an internet connection!
Following on from my previous blog entry, more CSS only goodness...
Recently I've given myself the challenge of NOT using javascript for interface interactions, unless absolutely necessary. I've come across and developed some great css only solutions to some really common interactions, that traditionally required javascript.
With the advent of more and more dynamic content in recent years, efficiently reacting to the content changes is becoming an issue.
The entire web development industry is be-smitten Responsive design. And it is indeed a clever technology and with its place. But we are in a world where users and conversion come before technology, Adaptive design is your unlikely, un-cool answer. (Though soon enough you will think it is cool...)
Once purely the domain of web browsers, increasing use of JavaScript outside web pages is increasing - a lot.
Tape backup is back thanks to its superior handling of data. Speed is its only drawback.
Custom fonts have their challenges; there is a right way to handle them and of course, a wrong way.
The "calc()" function is CSS3 is one of the more underestimated... which is a bugger given how powerful it is.
When rolling out a mobile version of your site you have at least 1 question in mind...
Controlling the view port size of a mobile device is a relatively easy thing to do.
With many effects now being handled natively, interactive and dynamic elements respond more quickly and smoothly than ever before.
Adaptive design is an elegant solution to the problem of delivering content to multiple devices, however is it really a perfect solution?
Using primarily HTML and CSS we can "fluidly" adjust the width of elements and even hide elements to fit the available space.
HTML tags are tricky in WYSIWYG editors, especially when you want to display them for your users.
There are lots of articles about rotating objects, but for some reason none of them seem to have all the pitfalls.
Finally with the introduction of IE9 also came the developer toolbar already built in!
How much unnecessary time are your customers waiting for your pages download? How does is it affecting your bottom line? It seems that these days users care more about load time than bells and whistles. Additionally, page load times are becoming more important to your seach engine rankings too.
Did you know that Firefox supports colour correction? Colour correction was introduced into Firefox 3, but was disabled by default. In Firefox 3.5 some issues were resolved and it is now enabled by default.
In a recent project I had to animate a lot of images simultaneously (up to 700) and went looking for the best solution: HTML 5 + canvas or HTML 4 + css. It wasn't that easy to find anything on canvas and I soon found out why.
Hunting around for an answer to “what size should our videos be?”