WebKit Update Reshapes the Internet
Just the other day, MacRumors released an article detailing the vast improvements in web standards and CSS, and the only way you’ll be able to notice is if you’re using a browser powered by the WebKit engine. What exactly is WebKit? Simply put, WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that’s used by Safari, Dashboard, Mail, and many other OS X applications. Yup, where there’s a revolution, there’s Apple.
Wait, isn’t Safari an Apple-only app? Until a couple days ago, yes. Undoubtedly in an attempt to join in the web browser market share, Apple has made their latest release of Safari, version 3.1, available free of charge to Windows users. (Visit www.apple.com/safari or use your Software Update utility, which was bundled and installed through your most recent iTunes installation). This comes as no surprise, as the Apple-Microsoft deal to keep Internet Explorer bundled with any new Mac ended in 2002, therefore freeing up any legal issues possibly faced by Apple for web browser development. What this basically means for PC users is that there is finally another alternative to IE than Firefox. Most important of all, Safari is the only PC web browser capable of displaying these new standards. Any future plans for PC browser development to include these standards and practices? Eventually, yes, thats how it works. Standards are raised, and developers scramble to get their software working seamlessly with them. Anytime soon? Perhaps with the release of Firefox 3..
Now, getting on to the examples. One requirement is the basic understanding of CSS and W3C web standards. [ CSS | W3C Web Standards ] Second, and most important, these examples are only viewable using Safari 3.1. Obviously. And no, earlier versions of Safari for Mac will not work. (WebKit was updated, not just Safari, so you’ll need to hit Software Update).
**Although a few of the transitional rules will display in other browsers, they animate incorrectly. When tested in Safari 3.1, one notices a huge difference.
CSS Animation - Currently, transitions are being displayed for viewing here. It may not seem like much yet, but this is pretty big; CSS 3 commands which are already being implemented to the web.
Transitions are specified using the following properties:
transition-property - What property should animate, e.g., opacity.
transition-duration - How long the transition should last.
transition-timing-function - The timing function for the transition (e.g., linear vs. ease-in vs. a custom cubic bezier function).
transition - A shorthand for all three properties.
HTML5 Media Support - This is one of the new developments that will reshape how media is embedded on the web.
The new HTML5 < video > and < audio > elements add native support for embedding video and audio content in web pages. They also provide a rich scripting API for controlling playback. Click here to view.
Font Downloads
Instead of having to rely on common fonts available to browsers, you can now link to actual font files within your CSS.
So to recap:
CSS/HTML5 > Flash-soaked sites
Safari > Everything else (until maybe Firefox 3)
Slider phones > Flip phones
Currently Listening: “Viva La Cobra - Cobra Starship”

