Tiffany B. Brown

a mish-mosh of stuff

Posts in: Browsers

On Mobile Web Development, Part 2: Stop building WebKit-only sites
Following-up on my mobile web development post from last week, we have Daniel Glazou, co-chair of the CSS Working Group outlining the scope of the -webkit-prefix problem. Go read his post Call for Action: The Open Web Needs You *Now*. Or read some of what I’ve excerpted below. As in the past with IE6, it’s [...] [9 Feb 2012]
input type="range" and Android’s stock browser.
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 DOM. That means we can style this element, and give our users a visible control. The image below shows a rather garish [...] [7 Feb 2012]
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 browsers handle it. HTML5 introduces [...] [3 Jan 2012]
HTML5 for AS3 Developers: cross-domain.xml and Cross-Origin Resource Sharing
This is the second post in an occasional series designed to bridge the gap between ActionScript 3.0 and emerging front-end technologies. Flash, like JavaScript, more-or-less adheres to a same-origin policy by default. Under a same-origin policy, requests for data must come from the same scheme, hostname, and port. If http://foo.example tries to request data from [...] [10 Oct 2011]
Looping video in browsers that don’t yet support the loop attribute
To date, Firefox does not yet support the loop attribute of the <video> element. This snippet is a simple work-around. Once the video’s ended event is fired, it calls the play method. For more, consult the media events section of the HTML5 specification. [4 Oct 2011]
Broken or Jumpy CSS Transitions? Use the same unit of length
I came across an issue recently while trying to transition from left: 30px to left: 50%. The transition appeared to work, but it wasn’t smooth and transition-like. It was jumpy. Worse yet, another item I applied a transition to in the same document worked perfectly. It’s starting left value? 0px. Confusing, right? Not really. Browsers [...] [28 Sep 2011]
Opera Turbo and IP address blocking
IP-based blocking is sometimes necessary when abuses are coming from a particular location. However, for users of proxy servers — such as Opera Turbo — blocking one IP also blocks all people using that proxy. There is a workaround, but first, some background. What is Opera Turbo? Opera Turbo is a feature of Opera Mobile [...] [11 Aug 2011]
XHR2 + CORS Slides, some AppCache-fu, OpenWebCamp, and Opera News
For the June meeting of the HTML5 & CSS3 LA User Group, I spoke about XMLHttpRequest, Level 2 and Cross-Origin Resource Sharing headers. It’s always tough to present code. That goes double when you are sleep deprived, yet caffeinated and tongue-tied. In any case, the slides — which is really just one really long, really [...] [30 Jun 2011]
Launching remote debugging in Google Chrome Mac OS X
So while I was on vacation for Wedding Week, Google done went and made an announcement about new Chrome developer tools. It includes a fancy new remote debugging feature. I will explain to you how to get to it in a bit, since the directions are slightly different for Mac OS X users. Before I [...] [18 May 2011]
Make CSS3 Buttons Like A Bawse
Shout out to Rick Ross for his pronunciation because “bawse” > “boss.” What Mazzola’s CSS3 buttons look like in Opera 11.10. In January, Chad Mazzola posted a Thoughtbot article titled Make CSS3 buttons like a boss (via nico604). It is a great read for designers, but it does have one glaring omission: no Opera support.* [...] [17 May 2011]