During my three years at Armchair, I worked on a few ActionScript 3.0 projects. I knew some ActionScript 2.0 when I started, but ActionScript 3.0 was new for me. It is object-oriented and requires event-driven thinking — two skills frankly, that I am still developing. They’re also two skills you should be developing, as they’re [...]
[3 Oct 2011]
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]
Transitioning between an ‘open’ state and a ‘closed’ state when the height of your content is variable (making a transition of the height property inadequate). What makes the magic? Using height: auto, and transitioning the min-height and max-height properties instead. View the demo, or study / steal the code. This example makes use of CSS3 [...]
[26 Sep 2011]
Many features of JavaScript/DOM frameworks are being incorporated into the browser natively. In my last post, I talked about the Selectors API. In this one, we’ll look at classList. classList makes it much easier to work with elements and class names. With it, you can: Add, remove, and toggle classes; Retrieve the class name at [...]
[15 Aug 2011]
DOM Scripting is sometimes clunky. Consider the retrieval of elements with a particular class name. The code might look like this: var p = document.getElementsByTagName(‘p’); var newsitems = []; var i; for(i = 0; i < p.length; i++){ if( p[i].className == ‘newsitem’ ){ newsitems.push( p[i] ); } } In the example above, we’ve retrieved all [...]
[12 Aug 2011]
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]
Examples of CSS gradients are cropping up in the wild, and with good reason. CSS gradients: don’t require the additional HTTP request of an image file. are easier to modify than image files. “weigh less” than most image files. That’s the ideal, at least. In their current state, gradients are actually a hot mess. The [...]
[6 Apr 2011]
Last week, the CSS 3 Backgrounds and Borders module became a Candidate Recommendation. That means the specification is stable. Browser vendors can implement these features without a vendor prefix if they haven’t already. border-radius support Preceding to this move from Working Draft to Candidate Recommendation: support for border-radius (and border-top-right-radius, etc.) in Opera 10.5+ (current [...]
[12 Feb 2011]
Web fonts took a big step closer to reality last month with a few announcements regarding the Web Open Font Format or WOFF. A big hurdle to the implementation @font-face and font linking has been a two-fold issue of licensing: Not all fonts are licensed for embedding and linking on the web. Major browser developers [...]
[2 Nov 2009]
Update 2: Google explains its Windows-only release of Chrome in Platforms and Priorities When it comes to Mac and Linux versions, this means that our goal is not to just “port” a Windows application to these other platforms–rather, our goal is to deliver Chromium’s innovative, Google-style user interface without rough edges on any of them. [...]
[2 Sep 2008]