HTML and CSS Reference
In-Depth Information
Figure 12-1.
All bleeding-edge browsers
You can download these bleeding-edge browsers at one of the following locations: Firefox Aurora
(
http://aurora.mozilla.org
)
, Chrome Canary (
http://tools.google.com/dlpage/chromesxs
), Opera Next
(
http://opera.com/browser/next
)
, and Webkit Nightly (
http://nightly.webkit.org
)
. Keep in mind that these
browsers are not 100 percent stable and should be used with caution in production environments because there could
be bugs in the code base. It's best to use these browsers only for testing experimental features.
■
at the time of this writing, internet explorer does not have a beta version of its latest browser (though ie 10 is
set to be very bleeding edge).
Note
Downloading one or all of these browsers gives you VIP access to all the beta features that these ultra-modern
browsers grant access to.
New CSS Features
Now that the setup is out of the way, let's head into the important topics of this chapter, starting with emerging CSS
features. The following sections are geared to many of the new enhancements of the CSS specification.
CSS Regions
First up is the new CSS feature called
regions
. Adobe has submitted a draft to the W3C for this feature, which is
effectively a new specification for free-flowing text from one
region
of content to another. This allows you to have freely
moving text that is device and screen independent, which allows for a great addition for copy layout in responsive
web and creative designs. As you know from your knowledge of synced ad units, you could in theory have free-flowing
text from one ad into another on the same page. To use CSS regions, all you'll need to do is include some empty
div
containers and some CSS declarations, as shown in Listing 12-1.
Listing 12-1.
CSS Regions Example
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
