karlcow

Opening The Web one bug at a time

Archive: February 2012

Vendor Extensions And Memories Shoebox

, , ,

The "memories shoebox" is the way we relate to our information in daily life. If you had the chance to have a long recorded family history, you will get a bunch of memories recorded in some artifacts such as photos kept in shoebox in the attics. Without going that far, we keep sometimes memories of our past. We put that box there in a corner of a room or on the top shelf of a closet. Dust accumulates. One day, we open the box and we enjoy again the memories.

The Web industry and the memory lane.



A while ago, in a previous job, I was interviewing a person for a Web agency. I asked that person to talk about the Web. It said something which surprised me and destabilized me.

The Web is something very ephemeral. It's good to use the things of the moment and then to pass on the next thing. Web standards are mostly meaningless.



It made me curious. I asked him to explain how was he working on a day to day basis on the Web, what kind of projects he was working on. He started to explain that in his agency. he was using

mostly Flash and/or HTML5 family technologies to create flyers, contest, product advertisement Web sites. All of these Web sites were "irrelevant" 3 to 6 months after their launch.



That was an interesting discussion which shows how some people in the industry relates to what they create online. Not everyone has a deep concern about the duration of information online. I personally think that these Web sites even promotion Web sites have historical and brand values on a long term, but that is the topic of another post. My point is that we all have very different opinions on what is our responsibility with regards to the content we create on the Web. It's why often Call To Arms to Web developers are often ineffective, because they usually only convinced the people who already friendly to your cause.

Most of the time, in Web agencies, the developers have no control at all on the way the product has been designed, its budgets, its targets. The Project Manager, the Marketing department, the clients have the control. When a site is in production, there is little chance that a developer will have the right to fix the CSS or the JS. He/She will be able to do it only and only if the project manager had the go from the client to be billed for doing it. This is the reality of our business. And it is what we often tend to forget in our Web standardista discussions.

That doesn't mean we should not evangelize the best practices to Web developers. We have a duty to do it. But we have to consider the full ecosystem when we are doing it and integrate into the discussions the business ties of it. The project manager, the client manager, etc. Without them, any ideas we come up with is doomed to fail against the giant wall of the client billing.

Opera Tools For Web Developers

, , , ...

During the lunch today, I was invited to give a Talk about Opera at my previous Work place, Phéromone, a Web agency from Montreal (Canada). The topic was very wide. I talked about a few things around what is Opera, the different products: Opera Desktop, Opera Mobile, Opera Mini and Opera TV.

I explained the diversity of market shares across countries.



But the interesting part for the Web developers is the big toolbox available for testing all kind of things. I have promised to Pheromone Web developers that I would send an email with the list of tools for helping them work. This can be useful for more people. So this blog post.

  • Dev.opera.com is the place for finding articles about the latest technologies and demos implemented in Opera and other browsers. It has also good articles for understanding peculiarities of Web development for Mobile, Opera Mini, Web TV, Web apps.
  • Opera Dragonfly is the one stop tool for debugging and developing Web on Mobile and Desktop. It has a remote debugging feature since 2008 (yes, no wire, really remote). You want to study the performances of your CSS, check the CSS Profiler? You can follow the development news about Dragonfly and participate to its development. Yeah Opensource!
  • Opera Mini simulator helps developer to understand how the Web site reacts in Opera Mini. This is a java applet on Opera Web site, but even better there is…
  • Opera Mobile Emulator that you can download on your desktop and test many predefined devices configurations or make your own custom one. No need to buy plenty of devices, just start the emulator. Remote debugging is working with the emulator, so you can inspect the DOM.
  • Opera Watir and Web Driver. These two gives what was missing to automate Web testing either through Ruby scripting or using the well known Selenium platform. The good thing about that is you can save money by removing some monkey testing and enlarge your consumer base by making the Web site more compatible across Web browsers. Both Opera Watir and Opera Web Driver is also opensource
  • Opera TV Emulator is a way to test the development of Web apps for Internet Connected TVs.


Finally another essential tool for understanding Opera platform is the Web specifications documentation on what is supported for all current and previous versions of the core engine across the products. There is a useful summary table.

Bon Courage.

Vendor extensions. Been There. Done That.

I have been reading again a few things this week:

Netscape provided extensions to HTML to please people who are used to desktop publishing software and expect similar capabilities from a browser.



Then a bit further.

These recommendations are given with the goal of producing documents that look as nice as possible in Netscape, while retaining their integrity in other browsers. Besides the obvious question of how other browsers will display the elements in question, how these elements effect the process of creating documents needs to be considered: i.e., do they make it easy to create documents that will do their job in other browsers, or do they encourage authors to create documents that will loose their headers in other documents.



and

If the goal is to create documents that won't have to be modified to be properly processed by future tools, then the answer is easy: don't use any of the NHTML extensions, and only use the most stable of the HTML3 features.



Where does it come from? From the past, exactly from 1995.