How IE Mangles The Design Of JavaScript Libraries

Web Design No Comments »

People like to moan about IE, and often don’t have anything to back it up. “IE sucks” doesn’t count.

Alex Russell, on the other hand, has written about how IE mangles the design of JavaScript libraries such as Dojo. His list both shows us the methods to the madness, informs us on the issues, and hopefully wakes up the powers that be to make sure that this items are fixed in IE 8 :)

Array’s Can’t Be Usefully Subclassed (test case)

Arrays without a working length property are nearly useless, and JScript mangles the design of toolkits as a result.

I think it’s safe to say that both Dojo and jQuery would subclass Array directly to save code, were it a reasonable thing to do.

Where Art Thou Getters/Setters?

Instead of providing the natural property-oriented behavior, it forces class authors to write getSomeProperty/setSomeProperty method pairs on their classes should they want to do anything when values are gotten or set. The resulting code feels a lot more like Java than JavaScript, which is usually a sign that something is horribly wrong in a browser.

I have some hope that we could see getters and setters for JScript in the near future. It won’t matter much, though, unless the JScript team ships their new engine to all IE versions when they release IE 8. Not bloody likely.

Performance

Kudos are in order to the JScript team for fixing their long-b0rken GC heuristic and pushing it out to everyone…but it’s the tip of the iceberg.

Performance is one of those areas where differences in implementations can tightly circumscribe what’s possible despite exacting spec conformance. On this front, JScript’s raw VM-level execution time leaves a lot to be desired, but the true travesties really show up when you hit the DOM for computed style information or try to do anything reasonably complicated that involves string operations.

Across the board, from DOM performance to raw JScript execution speed, IE is a dog, and the odds are good that whatever toolkit you’re using spends a lot of time working around that reality.

Doctype Switching

Instead of giving devs fine-grained layout system control, IE makes it all-or-nothing. The global flag approach backs toolkit developers into doing script-based layout calculations or “just throw it in another div” solutions where we’d really rather not. Both are slow and both may be required since it’s completely impractical to dictate to users which doctype they’ll be using. While any app may be able to be disciplined enough to not care, toolkit developers must work everywhere. Hilarity ensues.

I fear this is going to get even worse with IE8 as the IE team looks to implement some of HTML 5 and hopefully many of CSS 2.1’s clarifications. The sooner they abandon the global switch, the better…but I’ll wager it’s pain they just don’t feel. Building a browser is a very different pursuit from building portable apps to run inside it.

HTC’s Can’t Be Inlined (Even With Hacks)

Modern browsers have built-in widget systems. On IE, it’s HTCs + Viewlink and on Firefox it’s XBL. Even a cursory reading through the docks for both is enough to illuminate the gigantic overlap. Alas, no one is yelling at them to standardize and the result is a terrible mess in which both sub-optimal formats limp along with nearly zero Open Web usage.

So why do I single out IE for whipping here when XBL is just as lame and similarly b0rken with regards to single-file embedding? Well, on Mozilla, you have a lot more “outs”. I strongly suspect that you can use “data:” urls to generate and evaluate component definitions for FF, which would enable compiling down from a single (more sane) format in the running page environment. IE prevents any such useful code-loading approaches.

[via Ajaxian]

Complete UI 2007 for Dreamweaver

Ajax, Web Design No Comments »

Awhile back we discussed Dreamweaver as a potential Ajax IDE.

Here's the press release:

Nitobi"s Complete UI is a powerful set of components that will give Dreamweaver users the ability to present data in an engaging format in a fraction of the time," states Michael Lekse, Vice President of Sales and Services at WebAssist. "Dreamweaver professionals looking to enhance their user interface functionality should turn to Nitobi with confidence."

The easy drag and drop feature for Dreamweaver reflects Nitobi"s philosophy of fast, easy web application development–a key selling point of Complete UI. Complete UI components are designed to be easy to implement and to help create web applications with intuitive and graceful user interfaces. The Complete UI suite includes:

  • Grid — A cross-browser spreadsheet with Excel "copy/paste", LiveScrolling, and more.
  • ComboBox — A drop-down menu with autocomplete functionality, similar to Google Suggest.
  • Calendar — A high-performance calendar picker that can be used with Nitobi Grid or in standalone web applications.
  • Callout — A rich, skinnable tool-tip that prompts users with real-time feedback and helpful instructions as they navigate through an application.
  • Fisheye — A tool bar menu featuring fisheye magnification, similar to Apple OS X tool bar.
  • Spotlight — A tool for creating stylish guided tours of websites and applications.
  • Tabstrip — Folder tabs for navigating to different sections of a web application via Ajax or iFrame requests.
  • Tree — A hierarchical data view, similar to the folder view in Windows Explorer.
  • Ajax Toolkit — A library of fully-documented tools used in Nitobi components that can be re-used in your own applications, or to build your own components.

In addition to Dreamweaver support, Complete UI includes enhancements to Nitobi Grid, including expanding spreadsheet-style rows and even better performance.

What better way to check this out than a set of screencasts?

What do you think of Dreamweaver now?

[via Ajaxian]

WORDPRESS GOD: 300+ Tools for Running Your WordPress Blog

Web Design No Comments »

As one of the leading open source blogging platforms, WordPress has inspired hundreds (if not thousands) of plugins and tools to customize your blog. In this article, we’ve compiled a list of more than 300 of our favorites.

This information is compiled from previous Mashable articles. If you enjoy this post, also see ONLINE MEDIA GOD and ONLINE PRODUCTIVITY GOD.

[via del.icio.us/webdesign]

10 Usability Nightmares You Should Be Aware Of

Web Design No Comments »

Sometimes you just want to get the information you’re after, save it and move along. And you can’t. Usability nightmares — which are rather the daily routine than exceptions — appear every now and again; and usually almost every time you type your search keywords in Google. In his article “Why award-winning websites are so awful” Gerry McGovern points out that the shiny surface wins awards. Real substance wins customers. and that is absolutely true. Nevermind what design you have, and nevermind which functionality you have to offer — if your visitors don’t understand how they can get from point A to point B they won’t use your site.

In almost every professional design (except from special design showcases such as, e.g., portfolios) you need to offer your visitors

  • clear, self-explanatory navigation,
  • precise text-presentation,
  • search functionality,
  • visible and thought-out site structure.

And that means that you simply have to folow the basic rules of usability and common sense. You want to communicate with your visitors, don’t drive them away, right?

In this article we take a look at some of the recent usability nightmares you should avoid designing functional and usable web-sites. At the end of the article you’ll also find 8 usability check-points you should probably be aware of.

Read the rest of this entry »

10 Monochrome Websites

Web Design No Comments »

Monochrome websites can be very effective, especially when combined with a solid grid layout, continuing our color series today we take a look at 10 of the best …


Stefan Persson

116.jpg

Read the rest of this entry »

10 Websites with Wood

Web Design No Comments »

Natural elements lend themselves well to websites, they bring something that we can all relate to to our screens and soften what can otherwise be a sterile and lifeless environment. Wood is one natural element that has been used frequently, today we’re going to look at some of the best examples in recent web design …


Electric Pulp – I’ve been a big fan of this design since it launched – it blends faux-water color techniques with a dark wooden background

117.jpg

Read the rest of this entry »

10 Websites with Great Photography

Web Design No Comments »

Photography can make or break a website – got a great site with lame pictures, then you’ve got a lame website. Today we’re going to take a look at the ones that got it right…


Incase – Lovely close up photos of the products allow you to see the textures of them. Class

113.jpg

Read the rest of this entry »

Pingdom: Load time tester

Web Design No Comments »

Peter Alguacil and his team have created Pingdom, a free tool that tests the load time of websites and all included objects such as images, CSS files, scripts, etc, and shows this information graphically with an Ajax interface.

Pingdom

[via Ajaxian]

PDF: 70 Coding Ideas + 80 Design Tips

Web Design No Comments »

It doesn’t matter, whether you’ve been working with CSS for years or have started to learn it recently. In both cases expert ideas for CSS coding and creative approaches for professional design are extremely valuable and can turn out to be life-savers in the design process. You might never use some of them, but it’s nice to have them right in front of you, on your desk, once you need them.

Recently we’ve published 35 Designers x 5 Questions and 70 Expert Ideas For Better CSS Coding, in which we’ve tried to cover some parts of coding and design in the web-development. Afterwards we’ve received dozens of e-mails, in which you asked us to pack both articles in .pdf-files, so they can easily be printed out for quick reference. And we’ve promised to do it. In every e-mail we’ve received.

So now it’s time to keep the promise. You can download both articles as .pdf-files, print them out and use as a handy cheat sheet for usual problems you might run into in your next projects. Feel free to spread the word to developers who might be willing to use it, but please don’t refer to .pdfs, but to this article. Respect our work. Please.

The third article of this series is on its way.

[via Smashing Magazine]

Who Needs Headlines?

Web Design No Comments »

A designer formats and places text. Technically, the job ends there. But some designers go further, sharpening their clients' content to grab and focus user attention. In so doing, they create more effective sites—and gain an advantage over other designers. Drawing on decades of copywriter lore, Shaun Crowley discusses seduction by headline and other principles of writing that sells.

[via A List Apart]

Entries RSS Comments RSS Log in