Author Archives: Vincent Hardy

Vincent Hardy

About Vincent Hardy

Vincent Hardy is the director of engineering for the Web Platform team at Adobe. The Web Platform team makes it easy for people who create, build and deploy expressive Web content. The team is working on contributions to Web standards (CSS, FX Task force, SVG), open source projects (WebKit, Chromium Embedded Framework) and the Apache Cordova project (the foundation for PhoneGap and PhoneGap Build) which lets developers create native mobile applications using JavaScript, CSS and HTML5. Vincent previously worked on graphical, interactive and animated user interfaces at Oracle and spent 10 years at Sun Microsystems. Vincent co-founded and led the Batik project at Apache, chaired the Compound Documents Format (CDF) effort in W3C and is the author of the "Java 2D API Graphics" book. He has a passion for graphical design, animation and the Web in general.

First Web Platform Docs Tool Integration!

Posted on by
Reply

There are moments in technology that are a turning points and I think this is one: we just announced the first integration of Web Platform Docs content with one of our tools, Edge Code.

Edge

Why is this an important turning point? There are several reasons…

The Web Platform Docs effort is important

It is the Wikipedia of the web platform. Web Platform Docs is truly momentous. This may sound like a grandiose statement, but I am convinced it is momentous. Beyond the immediate goal of documenting today’s web platform, the founding vision is for webplatform.org to grow with the web. The effort will scale in both scope and time.

Initiated by industry leaders and the W3C, weplatform.org aims to document all things Web in an open, user-friendly manner. The scope of the effort is as broad and deep as it sounds: from the web’s authoring markup (HTML, XML, CSS) to its file formats (PNG)  through its protocols and APIs (HTTP, WebRTC, Web Apps APIs, Sys Apps APIs). Documenting all these is an enormous task that can only be undertaken by the web community. No single private organization can match its size and talent.

Then, the time scale of the effort is also unprecedented for technical work. It is critical for all of us that the body of knowledge and data we are creating on and about the web platform be accessible today and also in the long run. Fifty, a hundred of five hundred years from now, future generations will need to understand and access the digital information we are leaving behind. We are taking the first step to document what is now the foundation for human knowledge. And like there is no single company that can match the effort of a community, no single private organization is likely to outlast the web either.

Open access to the latest documentation

This is another turning point: webplatform.org provides a free, online, up-to-date encyclopeadia of reference documentation, techniques, samples, and tutorials for designers and developers. The quantity and quality of the content will only improve as Web Platform Docs becomes the central repository we all invest in. To take but one example, maintaining up-to-date feature compatibility status has always been a challenge; several sources like caniuse, quirksmode, and Mozilla Developer Network, are contributing their compatibility data to Web Platform Docs. This means all tools now have one common source of compatibility data. One all creatives and developers can also improve, edit and correct.

Where to from here?

Already, the collective Web Platform Docs  effort is mature enough for use in development tools.

This first integration effort led by Alan Greenblatt illustrates just one of the ways Web Platform Docs contributes to the momentum of the web. Documentation from webplatform.org is available directly within Brackets and Edge code. I believe this is only the beginning of a new norm for web standard documentation in development tools (Adobe’s as well as others’).

Stay tuned for more on the evolution of Web Platform Docs and Adobe tools!

The Changing Web Platform Landscape: More Fragmentation?

Posted on by
Reply

The Web is an ever changing place and the first half of the year has been rich in surprises, big announcements and industry shifts! A diversity of implementations is good for many reasons we will discuss. But a more fragmented web could be the price to pay. Will it be the case?

About Implementation diversity

A few weeks ago Opera announced they were stopping work on their Presto rendering engine and switching to Chromium. They have already started contributing code to the project. Then, earlier this month, Google announced the Blink project, essentially a new fork of WebKit. And now Opera announced they will contribute to Blink!

Reactions were interesting as we went from WebKit monopoly concerns to worries about web platform fragmentation in a matter of weeks. Quite a 180 degrees turn!

At Adobe, we actively contribute to Web standards and browser implementations (historically mostly WebKit and Chromium, even though we also make some contributions to Gecko). As such we are delighted to see Opera join one of the projects we contribute to. Their considerable web expertise will undoubtedly be an asset.

There was some debate before the Blink announcement about whether or not we were heading for a WebKit monoculture: a web where content can be written with the assumption a WebKit-based engine is most likely to render it. While WebKit browsers share much core layout code they also differ in many ways at runtime: different JavaScript engines and graphics libraries, even different sets of features enabled by default. This makes it difficult in practice to write once for WebKit and run everywhere.

So we were not too concerned about a WebKit monoculture. But…

… there was a but in that view. The web is bigger than any one of its leading browser implementations and too important to be limited to a single code base even if that implementation has variations. The web is even growing to be an OS platform (e.g., ChromeOS, FirefoxOS, the new Windows Runtime), the core technology behind packaged applications (like PhoneGap applications). And ongoing innovation across HTML, JavaScript (in the TC-39 group at ECMA) and CSS needs validation, testing, consolidation.

As Brendan Eich says in his blog about “why Mozilla matters”:

“The web needs multiple implementations of its evolving standards to keep them interoperable.”

I believe this tenet to be central to delivering on the promise of the Open Web. A single implementation does not establish a standard. The W3C process even recommends two implementations in order for a specification to reach completion.

The Web needs Mozilla’s Gecko and Microsoft’s Trident engines to nurture an open, innovative environment. Historically, both companies have done a lot for the Web  - think of XHR which Microsoft invented (among other key contributions) or WOFF from Mozilla –  and they continue to innovate:  Microsoft and Mozilla co-edit the CSS Grid specification, which provides much needed and improved layout flexibility to CSS.

I trust that the addition of Blink will strengthen an already healthy browser competition. Over time, the Blink code base will diverge from WebKit’s but no harm to the web occurs if both engines implement the same features in different ways. Only significantly different feature sets could result in harmful fragmentation. Making sure that WebKit, Blink and other browser engines interoperate is more important than it has ever been.

About testing, fragmentation and experimental features

As the founders of Test the Web Forward, we have come to appreciate the mutually reinforcing benefits multiple independent implementations bring to standards. Historically, testing has been key to the success of web standards. For example, the focused testing effort on CSS 2.1 has shaped that specification and its implementations in the corner stone CSS has become. A single implementation would leave a lot of stones unturned.

It should also be noted that the Blink policy regarding prefixes is really good for standards and compatibility across browsers:  draft standard features can become truly experimental features that will not be used (and abused) in production. This should help avoid browser compatibility headaches down the line and I hope this example will be followed by all browsers.

About fragmentation and Adobe’s contributions

In this new web platform landscape, what about Adobe’s contributions to open source browsers? What impact does additional browser fragmentation has on Adobe’s efforts?

Adobe contributes to standards in open browser implementations for many reasons.

One of them is that our new generation Edge tools use a ‘web design surface’. For well over a year now, we have chosen to use the Chromium Embeded Framework (CEF) to provide this ‘web design surface’. So naturally, we will contribute to Blink since it is now the core engine that powers CEF.

Another reason for contributing to open browsers is to accelerate the availability of new features on the web. This is why we collaborate with Mozilla on a number of standards and contribute code to Gecko (like this patch on masking for canvas). And this is why we will also contribute to WebKit, in addition to Blink, now that the two are separate projects.

An open, innovative and tested web!

So yes, I think it is good to have multiple browser engines and Blink is a welcome addition to the web platform landscape. It is bringing a healthy diversity that I hope will help keep the web open and foster innovation as long as all browsers strive to implement ‘the same web’.

And this is where testing efforts are key to achieving diversity without fragmentation. I hope testing activities (of browser code of course, but of standard test suites as well and major initiatives that the W3C is driving) will be a major focus for all the browser vendors going forward, in particular for Google with its new Blink implementation.

A Vibrant Web Development Community: Pushing the Edges of the Web

Posted on by
1

It is really amazing to see the level of energy and enthusiasm around Web technology and how the envelop get constantly pushed by developers. This becomes really visible in the conferences that happen around the world on the topic. In our teams, we attend and participate to a lot of events as a way to present new advances on the Web but also as a way to learn and be aware of developer pain points.

In the last week alone, for example, we have been involved in various events.

First, Adobe hosted W3Conf in San Francisco.

1

This is a conference organized by the W3C and which addresses Web developers. The agenda was packed with great talks such as Eric Meyer’s presentation on “The Era of Intentional Layout”, Adobe’s CJ Gammon’s inspiring talk about the future of reading (see “Do androids read electric books?” or Adobe’s Alexandru Chiculita’s stories from the mobile web trenches in “The making of CSSFilterLab”. And of course, Joshua Davis’ talk on “Beyond Play: the Art of Creative Coding” showed how web technologies (SVG) can be used in the creative process, even though not necessarily inside a browser.

2

An example of generative art by Joshua Davis shown at W3Conf

 

3

A slide from Christofer Gammon’s W3Conf talk – Pushing the edges of the Web!

Read more about the W3Conf, the Doc Sprint that was held after, and the Processing Workshop by Joshua Davis.

Unfortunately, I was not able to attend W3Conf myself, but that was for a good reason: I was speaking at another great conference in Bangalore, India. The conference was called Meta Refresh and gathered a lot of developers and designers. I enjoyed giving a talk about “The Quest for the Graphical Web” and listening to speakers who thought beyond simple responsive layouts to get into content prioritization and interleaving (see Arpan Chinta’s talk “Getting serious about Responsive Web Design”) and questioned our approach to design altogether (with Tulsi Dharmarajan’s talk “High on design”).

4

Another example of a great conference is Web Visions NewYork where Mihnea-Vlad Ovidenie from our team talked about “Using CSS Regions to Create Magazine-like Layouts for Any Screen” and Kevin Hoyt gave a presentation on “Building Mobile Applications with Web Standards”.

5

All those events are a testimony of the activity around the Web platform (if proof was needed!) and how creative it is becoming. It is also nice to be in a day and age when, if you miss a conference, or cannot travel to it, you can alway catch up online with videos. See the W3Conf videos and the Meta Refresh videos for example.

We are actively involved in organizing or sponsoring events to make the web better, please join us at html.adobe.com/events!

Packaged Web Apps with PhoneGap

Posted on by
Reply

Adobe acquired PhoneGap a little over a year ago because it was and continues to be the leading solution for Mobile Application developers who want to use their HTML5 skills to create native applications.

Essentially, PhoneGap lets a developer write HTML, JavaScript and CSS content, use mobile APIs providing much needed functionality (such as device orientation, access to the address book or location) which is not always yet available in browsers and package these applications as native ones so they can be distributed in application stores such as Google Play or the Apple AppStore.

PhoneGap is the solution that is based on the open source Apache Cordova project, similar to the way the Chrome browser, for example, is based on the WebKit open source project.

Since PhoneGap is using an open source platform targeted at developers and created by a community, the following gives recent updates about the different aspects.

Platforms

Despite the holidays, there was a flurry of activity in the mobile web world. The Cordova team released 2.3 with full support for Windows 8 and Windows Phone 8 (Window 8 support was added in 2.2). The popular iOS and Android projects saw more performance and bug fixes. Long anticipated BlackBerry 10 is shipping this month with complete support. Working closely with Mozilla, the team also has Firefox OS on the horizon early this year. 

Tools

New common Command Line Interface (CLI) tooling is progressing to beta quality for building projects. The plugin tooling is now quite mature for iOS and Android. Work is now starting to migrate the core API to plugins, and add support for BlackBerry and Windows Phone. The Ripple emulator received much love in December bringing in beta quality support for remote device proxy and the ability to host Ripple. Also good news, the long awaited PhoneGap/Build CLI is ready for beta, integration to the PhoneGap release can be expected in the coming releases.

Community

An open source community health is directly proportional to the activity on the code. Operationally speaking, Cordova offers monthly stable source-only releases and a bleeding edge development channel. However, things are progressing and we will likely see stable, beta, and dev channels available in Cordova 2.4. The project has matured in adoption enough to justify this third release channel for developers that want to be on the bleeding edge. The team will continue to ship PhoneGap on the same cadence. 

We added one committer from IBM in December, and have seen two new contributors become active in the project from the Google Chrome team.

W3Conf Coming to San Francisco

Posted on by
Reply

W3ConfOur team has been committed to spreading the practical application of Web standards & supporting the right usage of them. To this end, we initiated the Test the Web Forward event (there is one on Feb 8-9 2013 in Sydney, register here!) and we are very glad to be the host of W3Conf organized by the W3C.

The Conference has a line-up of skilled experts as speakers, more details are available on our Web Platform Team blog. What is more, we are happy to offer a discount code ‘adobe’ that offers $100 off the early-bird price of $300 ! Registration is now open.

In conjunction with this event, we are also organizing a workshop with the acclaimed Digital Media artist Joshua Davis on 23 February 2013 at Adobe SF. The all-day workshop is available for the low price of $32 (including fees), so do register!

Meanwhile, we are also looking into organizing a Doc Sprint that would encourage the attendees of the W3Conf to contribute back by documenting features of standards on webplatform.org. More details will be posted on webplatform.org as they are available.

The web has no greater need for better knowledge and contribution to web standards, I hope you can join us in efforts to move the web forward.

The “Test The Web Forward” Movement: engaging the community to move towards a better Web

Posted on by
Reply

What makes a better Web?

Features are certainly important and there are multiple improvements to the web platform in the woks, for example the “SysApps” working group, the Linked Data effort or the new functionality added to CSS (such as CSS Regions and CSS Filter Effects which Adobe is actively contributing to).

However, while features are obviously key to a better, richer web, they are one of several elements which, when combined, deliver an enhanced web experience.

One is proper implementation of the web standards. For the web platform to be reliable, it is very important that implementations follow the various standards properly and reliably. The specifications define what browsers and other web components should do, but we need to make sure that implementations stick to the specification, from the most common features and down to the most obscure corner cases.
Tightly related to proper implementation is interoperability. It is possible, and this has happened many times in the past, to have standards, pretty solid implementations but poor interoperability because of various interpretation of the specifications by implementors. For example, in the early days of the Web, there were a lot of discrepancies between implementations of the Cascading Stylesheets specification. Interoperability issues are the plague of web developers as it either neuters the use of features (because the feature is not guaranteed to work in a consistent way across browsers for example) or weakens its appeal (because it will only be available to a fraction of the end-users).

Testing is the key to insure proper implementation and address interoperability issues. And great testing is the recipe for great implementations and awesome interoperability.  In the realm of web standards, testing comes in the form of specification test suite which are used to validate that a specification is implementable.

The testing challenge

Unfortunately, writing tests is fraught with difficulties. It requires dedication, expertise, persistence and careful attention to details. In addition, it is important to have the widest test coverage as possible to ensure testing depth and the desired implementation quality and interoperability. Historically, it has sometimes been difficult for implementors of particular specifications and working groups defining specifications to create test suites that are as deep as they would like. This issue has been at the root of implementation, interoperability and adoption difficulties for new standards.

Test the Web Forward

“Move the Web Forward” is a grass roots movement that engages the community and challenges those passionate about the web to act on their desire for a better web. “Test the Web Forward” is exactly in that spirit: there are implementation or interoperability issues which the community of developers is painfully aware of, let’s try to enable developers to do something about this and contribute to better test suites which are an excellent way to improve the web.

Following that train of thought, Adobe and others in the community such as Microsoft, Mozilla, Google, W3C and Facebook have started to engage the community to contribute to web standards tests with a series of events call “Test the Web Forward”. To date, three events have been held: one in San Francisco (in June), one in Beijing (in October) and one in Paris (also in October). So far, about 700 new tests have been created that will be contributed towards web standards test suites. The events are typically held over a day and a half. During the first half day, experts from the standards working group (such as the CSS or SVG working groups in W3C) give short presentations about standards testing frameworks, browser bug filing and other topics related to reporting issues, isolating problems or ready a specification carefully to identify testable portions. The full day that follows is dedicated to ‘hacking tests’ in groups where the web developers work with the experts to write new tests, convert tests that may need reformatting or review existing tests so that they can be integrated into official test suites.

The following blog posts relate the events as they happened in San Francisco, Beijing  and Paris and this video gives a good description of what the events are about, how they foster interest in testing the web, generate good discussions, suggestions and produce concrete results.

Next Steps

While the Test the Web Forward events are fun, there is a desire to find ways to keep engaging between events and at the recent W3C Technical Plenary meeting in Lyon, France, Adobe suggested concrete ways for interested web developers to keep contributing. There are also very interesting discussions about how the “Test The Web Forward” movement relates to the Web Platform Docs effort and a lot of suggestions that the two efforts should be closely related.

It is very encouraging and exciting to see the web community interested in contributing to a better web and offer time and expertise in efforts such as TestTWF. Our team at Adobe will continue working on this effort and with our partners to help it grow and further demonstrate its efficacy to help build a better web.

So if you and your team are passionate about the web, want to help move it forward please follow #TestTWF on Twitter and visit http://testthewebforward.org to learn about upcoming events and new developments around this initiative!