Page 18 of 21 of the Unsolicited Advice Archives

1. Array.prototype.map() versus Array.prototype.forEach()

   Both map() and forEach() are native JavaScript methods of the Array object. Both methods accept up to two parameters: a required callback function, and an optional argument that will become the object referred to by this within the callback. That last part is confusing, so let me illustrate with some

2. 

   Striped border bug on transformed elements in ≤ Opera 12.02

   Opera's border rendering on elements with a rotate transform applied. Opera 12.02 (and older...

3. 

   Toying with CSS Filter Effects

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

4. 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.'

5. 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

6. 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.'

7. 

   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...

8. 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.'

9. 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