Category Archives: Web Design

HTML5 and CSS3: Wireframing in the final product

It’s a classic case of Photoshop versus website. Existing wireframing and prototyping tools are incapable of accurately reflecting the environment of the web.

They produce static designs that can’t be seen through the variable known as the web browser. And when you build the final website, some elements won’t look exactly like their draft counterparts, and the client will notice those minor differences in fonts, positioning, etc.

You may be more comfortable with a graphics program, and rendering the design iterations may seem to take longer if you have to hand-code the HTML.

However, the advantages of creating a wireframe in HTML from the start are beginning to outweigh the alternatives: not only do we have new layout elements in HTML5 and more powerful selectors and styling in CSS3, but by combining them, we can throw together a simple layout quickly.

Read more >>

Infographics May Just Save The Sanity Of Those Presenting Analytics

Read my latest article on Search Marketing Standard which brings design and analytics together into a more palpable infographic (the visual representation of information, including math and statistics, for the rest of us):

Read it here >>
You can also read the translation in Belorussian

Is Javascript Making A Comeback?

For a long period of time, the enriched-web juggernaut known as Adobe Flash seemed like it would remain the unchallenged king of the proverbial mountain. With the introduction of libraries such as jQuery and MooTools, it seems JavaScript, a once-haggard, much-maligned competitor could be making a comeback in the face of insurmountable odds. So, what is it that has web developers flocking to JavaScript?

JavaScript has several key advantages over Flash that makes it a much more attractive option for developers. The largest determining factor in making the choice between JavaScript and Flash is easily the range of platforms which can display enriched content using one or the other. With the rise in popularity of smart phones and the paradigm shift to a focus on mobile web, delivering content to mobile users has become a priority for many web developers. There are very few mobile devices which handle Flash well, if at all. Apple’s iPhone, iPod, and iPad, at the time of this publishing, cannot display Flash content at all and Steve Jobs’ highly-publicized comments about Flash suggest it may never be able to. Recent reviews of Flash’s first appearances on Android paint a bleak picture of poorly-functioning Flash videos and unplayable Flash games. Neither Sony’s PlayStation 3 nor PSP support Flash entirely. On the contrary, all of these platforms support JavaScript. Although JavaScript’s ability to deliver enriched content to so many platforms is the most often cited and publicized advantage, JavaScript offers several other upsides in areas where Flash falls flat. Developing in Flash can get costly, Adobe’s Flash software is not cheap and many independent developers and small-to-medium businesses simply cannot afford to purchase it or the developers. JavaScript offers further savings in the form of reduced bandwidth. Additionally, the concept of graceful degradation is alien to Flash developers. Either your program works or it doesn’t. JavaScript offers options for a well-coded page to degrade gracefully. Flash also offers little in the way of options for interacting with search engines, while JavaScript plays very well with Google and its like. Lastly, the Flash learning curve is steep and can be quite daunting for newcomers to the realm of web development, but JavaScript libraries such as jQuery and MooTools can make learning JavaScript a much more pleasant experience. With so much going in favor of JavaScript, can we, like Steve Jobs, argue that Flash is dead? Not quite.

Flash still has several areas where it outshines and outperforms JavaScript by orders of magnitude. Flash is so feature-rich that it is hard to find anything that can compete with the dizzying number of features it can offer. Also, Flash handles three-dimensional graphics much better than JavaScript. To JavaScript’s detriment, it offers its own set of problems, such as the innate ability in modern browsers to disable JavaScript support and the inability for developers to protect their source code.

Returning to the original question posed by this article: Is JavaScript making a comeback? Definitely. Expect to see more enriched content optimized for mobile devices, with graphics that can render within mobile browsers while using as little bandwidth as possible. JavaScript is the currently the best way to do both of these things at the same time. Flash, however will not be put out to pasture quite yet as its continued usefulness is undeniable.

This article was first published in Website Magazine by Peter Marino, Senior Partner and CMO of the NYC Web Design Firm reelWebDesign.com