-
An introduction to CSS regions
By Chris Mills · Wednesday, July 3, 2013 3
CSS regions is a nascent CSS feature that provides a way for us to completely decouple our content from our layout, flowing specified content containers into layout containers to give us a lot of flexible power. This article provides a basic introduction to using regions and serving fallbacks to non-supporting browsers. Read more…
-
CSS viewport units: vw, vh, vmin and vmax
By Chris Mills · Wednesday, July 3, 2013 4
CSS viewport units allow us to size lengths on web pages relative to the viewport size, which has some interesting applications for responsive design. In this article we'll explore the fundamentals of this topic. Read more…
-
Extension developer interview: coffee with the cottonTracks team
By Andreas Bovens · Tuesday, July 2, 2013 13
We sat down with the developers behind the novel cottonTracks extension, and asked them some questions over a (virtual) coffee. We talked about what the cottonTracks extension is all about, what their development workflow is, what they have learned thus far, and much more. Read more…
-
Better performance with requestAnimationFrame
By Luz Caballero · Wednesday, June 12, 2013 20
This article discusses how you can (and should) improve the performance of your animations, using the requestAnimationFrame API instead of the old setInterval/setTimeout methods, and how
requestAnimationFrame
is used. Read more… -
Major changes in Opera's extensions infrastructure
By Andreas Bovens · Tuesday, May 28, 2013 8
With Opera switching from Presto to Chromium and a complete UI remake, our extensions infrastructure has also gotten a major overhaul: from Opera 15 onward, Opera 11 & 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. Read more…
-
Remotely debugging Opera for Android
By Bruce Lawson · Tuesday, May 21, 2013 2
Now that Opera for Android is out, you'll sometimes need to debug it, as there are differences in Standards support between Opera and Chrome for Android and Chrome on Android 4+. Because current and future Opera for Android releases are based on Chromium, we can't use the current Opera desktop releases to connect to them (wait for Chromium-based Opera desktop releases for that). So here's how to connect Opera for Android to another Chromium-based desktop browser for remote debugging. Read more…
-
Animating flexboxes: the lowdown
By Chris Mills · Wednesday, April 17, 2013 3
In this article, Chris Mills explores what can be achieved by using animations and transitions — along with a little JavaScript — in conjunction with Flexbox. Read more…
-
Advanced cross-browser flexbox
By Chris Mills · Wednesday, April 10, 2013 26
The CSS Flexible box module level 3 brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used. In this article Chris Mills goes beyond the basics, showing some more interesting uses of flexbox, and how Modernizr can be employed to serve different styles to browsers with differing levels of flexbox support to provide the best level of cross browser support available. Read more…