Page 18 of 21 of the Unsolicited Advice Archives

1. 

   Toying with CSS Filter Effects

   I spent this weekend getting my feet wet with CSS Filter Effects, in particular, the filter...

2. Opera Mini and JavaScript

   'Opera Mini is one of the world’s foremost mobile browsers, which runs on pretty much any device, even low-powered ones. It is a proxy-based browser, which has many advantages, including reducing the size of pages downloaded onto the user’s phone by up to 90%. On the downside, JavaScript can behave in unexpected ways when requested by Opera Mini. In this article we’ll discuss exactly what this means for your development work, in detail.'

3. Testing for CSS 3D Transforms Support

   Support for 3D CSS Transforms has made it into most browsers in an experimental form. Opera's support, however, is still busy baking. Unfortunately, 2D and 3D transforms share at least one property in common: transform (though prefixes are still required for now). Testing for it won't exactly tell you whether

4. Introduction to XMLHttpRequest Level 2

   'XMLHttpRequest is the primary technology that allows us to do Ajax-style updates to our pages — essentially, more dynamic content updates that don’t require page reloads. The XHR1 spec (and earlier versions) worked okay but had a number of shortcomings. The new version — XHR2 — addresses many of those shortcomings; in this article we’ll look at how, providing an overview and explanatory examples of all the main features.'

5. 

   Demystifying the CSS transforms matrix functions

   One of the things I didn't cover in much depth in my MinneWebCon talk about CSS transitions and...

6. Understanding the CSS Transforms Matrix

   'In this article we explain how transform matrices work — these involve some rather complicated math, but they are not so hard to understand when you sit down and check out a few examples! Once you understand how to put together matrices, you can use them inside the CSS transform: matrix(); and transform: matrix3d(); functions to apply transform effects to your web pages.'

7. input type="range" and Android's stock browser.

   This post is more than ten years old. It is no longer accurate. Android's stock browser supports the range input type, but in versions 3.x4.x and below (not sure about Android 4.x), it doesn't actually display the UI. It does, however, support parts of the Shadow

8. An Introduction to HTML5 Web Messaging

   'HTML5 web messaging provides a way for documents to share data without exposing the DOM to malicious cross-origin scripting. This article provides an introductory guide to using this new functionality, and some simple examples to get you started.'

9. input type="url", validation and user interfaces

   Recently a friend messaged me about the url input type, and how to prevent Opera from automatically prepending http:// to the value of a URL input field if it is missing. I think I've found a workaround, but first, I want to discuss the url input type, and how different