Posts Tagged ‘html’

Flash and Standards: The Cold War of the Web (A List Apart)

Tuesday, March 16th, 2010

flashstandards

[Editor’s note: A sane approach to the HTML versus Flash “war”: ceasefire. Get on with designing great site around great content for your readers.]

Republished from A List Apart.
By Dan Mall.

You’ve probably heard that Apple recently announced the iPad. The absence of Flash Player on the device seems to have awakened the HTML5 vs. Flash debate. Apparently, it’s the final nail in the coffin for Flash.

The arguments run wide, strong, and legitimate on both sides. Apple CEO Steve Jobs calls Flash Player buggy. John Gruber of Daring Fireball says that Apple wants to maintain their own ecosystem—a formula Adobe’s software doesn’t easily fit into. On the other end, Adobe CTO Kevin Lynch argues that Flash is a great content delivery vehicle. Mike Chambers, Principal Product Manager for Flash platform developer relations at Adobe, expresses his concerns over closed platforms. Interactive developer Grant Skinner reflects on the advantages of Flash.

However, the issue is larger than which one is better. It’s about preference and politics. It’s an arms race. This is the Cold War of the Web.

Ceasefire

Both the standards community and the Flash community are extremely good at sharing knowledge and supporting the people within their respective groups. The relationship across communities, however, isn’t nearly as cordial. Two things are happening: either the people within each camp stay to themselves, or one ignorantly hurls insults at the other.

As new technologies emerge, their following naturally starts small. An effective rallying cry is to find—or create—a common enemy. Huge strides such as Doug Bowman’s Wired redesign, Dave Shea’s CSS Zen Garden, and Jeffrey Zeldman’s Designing With Web Standards had a significant influence, not only on the standards community, but on the entire web design industry. They positioned standards as an alternative to Flash and table-based sites, not in conflict with them. However, less enlightened followers wrongly interpreted these champions’ examples as the first assault. As Adobe Photoshop Principal Product Manager John Nack says, “people want a certain ‘killer’ narrative.”

Continue reading at A List Apart . . .

Flash AS3 versus HTML 5+ (Mike @ Teczno)

Tuesday, December 15th, 2009

canvasmappingtag[Editor’s note: Even with Adobe’s open sourcing the Flash ActionScript 3.0 compiler, the HTML community continues to push for abandoning the platform in favor newer markup languages that center around the canvas tags. Slowly this is becoming more of a reality as the markup becomes more powerful and the rendering engines faster. We’re still not their yet, and I’ll be programming in AS3 for a while more yet. But something to ponder.]

Republished from Teczno.

the future is staring us in the face

That’s the line we use around the office whenever the subject of HTML and canvas comes up – we use Adobe Flash for most everything now, but we don’t expect that situation to last forever. The work done by Mozilla on Gecko and Apple on WebKit is one possible future for online design and visualization, and it’s turning slowly to face us right about now.

A few developments during recent years have brought us here.

One of the first widespread demonstrations of canvas viability as an interactive medium came from legendary Javascript developer John Resig, who ported the popular educational / artistic Processing environment to Javascript and released Processing.js to the world in May 2008 or so, just about 1 1/2 years ago. At the time, the library was lauded as an “amazing hack” (Andy Baio). Christopher Blizzard said:

The web is going to win, filling the market niche where Flash and other similar technologies found their hold. And John’s little project can hopefully act as a great catalyst to take us there. Thanks, John!

Continue reading at Teczno and play with live mapping demo . . .

Google shows offline Gmail app running on iPhone (AppleInsider)

Wednesday, March 4th, 2009

Republished from Apple Insider.

Google on Wednesday (Feb. 25, 2009) demonstrated how a future version of Gmail could soon run offline on mobile browsers compatible with HTML5, including the iPhone’s mobile Safari browser.

Continue reading at AppleInsider . . .

Color Expert for the iPhone (Code-Line)

Tuesday, November 25th, 2008

[Editor’s note: I helped Matheau at Code Line beta test his Color Expert app for the iPhone and I’m pleased to see it’s getting good press (over at MacFormat it is the iPhone app of the month for Dec 2008). Think of Color Expert as Adobe kuler for the iPhone but with the mobile ability to start color color schemes based on the world arround you. Point the iPhone’s camera, tap the image, and walla! A whole new custom color wheel scheme, which can be emailed back to your computer in swatch file format directly importable into Adobe desktop apps. Or shared and modifed with your client at a job site. Color Expert still needs better support for CMYK and ability to snap to RGB and CMYK color library, not just Pantone. And I really like Mordy’s idea about shaking Color Expert to come up with new color schemes 😉 But the app works well and unlike any other tool for the iPhone and at the introductory price of $9.99 is a steal. And the 1.1 update addressing some of my gripes will of course be free.]

Republished from Code-Line.com.

Also see Mordy Golding’s review and other apps listed in Designer Work Plan’s must have 20 iPhone apps for designers.

Color Expert contains powerful tools to help artists and designers identify, translate, capture and showcase color.

Designers know inspiration can come anywhere at anytime. Just look around. Some of the best ideas are waiting for you in the real world away from the studio. Now with Color Expert, you’ll have the tools to capture the moment, the moment a color captures you.

DESIGN WHILE IT’S FRESH

Look down. See the color of that Pomegranate in your cart? Go get it. It’d be perfect for the project you’ve been working on. Whip out Color Expert and it tells you that shade is PANTONE® solid coated PANTONE 220 C. The interactive color wheel then finds the perfect color schemes and palettes to match. Now, email that color scheme to your friends or clients. But, you might not want to tell them you’re still in the check-out line.

Whether designing, decorating or accessorizing, Color Expert is indispensable for anyone working with color. Anywhere. Anytime.

Click here for more information in iTunes. $9.99 for now.

Color Expert’s exclusive “snap & tap” technology. Just snap a photo and let your finger select that perfect color. From your eyes to the screen. Powerful, interactive color wheel with multiple color schemes including Monochromatic, Analogous, Complementary, Split Complementary and Triadic.

Quickly search through PANTONE® solid coated, PANTONE® solid uncoated, PANTONE® Goe™ coated, PANTONE® Goe™ uncoated, Web Safe Colors, HTML Colors.

Email your palette ideas to friends, colleagues and clients. Color Expert provides a rich, HTML based email you can send from your iPhone or iPod touch.

Wordle – Beautiful Tag Clouds

Sunday, June 29th, 2008

wordle example 2

From the official website:

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

[Editor’s note: This awesome tool from Jonathan Feinberg, a researcher at IBM, displays tag clouds the “right” way by packing the words into the interstitial space between tags and rotating tags from the horizontal baseline. Johnathan uses simple bounding box logic to accomplish this. I will look into adding this to my Adobe Illustrator script (and perhaps bound the tags into a user-defined shape like a heart for Valentine’s day).

If you look at the HTML tag cloud that is generated for my blog at the right sidebar you’ll see a bunch of text on the same horizontal baselines. That type of tag cloud wastes a lot of space by not packing the words closer together. If there is a big word with small words on 1 line, there is a lot of wasted white space around the smaller words on that line. Fast but not pretty. And only horizontal. Up until now packed tag clouds have taken tedious hand-placement by an artist.

Now Wordle, a web Java applet will do that for you. The tag clouds can be saved as vector PDF by printing to that format in your web browser. This will generate a vector-outlined version of the tags (outlined fonts, not editable type) and in rich-black RGB color space so make sure to convert and clean-up in CMYK before publishing! There is no restriction on publishing the tag clouds for profit or otherwise. Seen on infosthetics.com.]

New Job, Same Desk

Monday, May 12th, 2008

cairo online process


Starting last week, I officially turned my day-job attention to online web graphics instead of the previous focus on print maps and graphics (only done a few thousand of those!). I am still working for The Washington Post’s NewsArt department but will now be collaborating with my colleagues over at WPNI.com to produce interactive graphics from inside the Washington Post newsroom in downtown Washington DC.


Alberto Cairo has some interesting things to say about creating the same infographic for print and the web. (Flowchart above credit Alberto Cairo.)


I’ll still have some cartographic duties (like map editing and the weekly real estate value maps) but my primary focus will be on interactive maps and graphics.


Here’s my first week’s efforts:


Careless Detention: Medical Care in Immigrant Prisons

The latest from Pulitzer prize winner Dana Priest and Amy Goldstein, co-published with 60 Minutes.

  • Day 1: Flash map with HTML table below listing out the mouseOver data. The age and origin charting were dropped from the online presentation but the raw data is present in the table and mouseOvers. The map is auto plotting long-lat pairs out of a KML data file onto the Albers projected map and getting the mouseOver and name from the KML markers 🙂
  • Day 2: Satellite map as JPG of the print graphic.

Burma’s Cyclone Nargis

Breaking news, natural disaster, humanitarian crises in south-east Asia.

  • Day 1: in Flash with mouseOver behaviors directly linking text descriptions to map locations.
  • Day 2: in HTML with html image map on JPG linking down to table entrees about map locations.

Test your web design in different browsers

Monday, May 12th, 2008

Don’t have 20 different computers setup just for testing cross browser issues? Neither do I. But we should and we can.

Use this nifty tool from browsershots.org to see what your HTML will look like a couple dozen browser, operating system configurations. Thanks Curt!

browser shots