I don’t know when this went live, but live.yahoo.com is live now.
It is a totally interesting and experimental site.
http://live.yahoo.com/
Perhaps next step would be to add more of social network feature??
Posted in News.
This study shows performance issues of native javascript APIs on multiple browsers.
I think this is definitely a good read for all DOMers who work closely with client scripts.
I just want to point out couple things.
1. innerHTML vs. appendChild(dom)
I use innerHTML when I do not need to get a reference back for later use from the operation or generate many HTML elements. When I need to manipulate the HTML element that is created through DOM object, I usually cache the object to a global variable or a object’s property. Also when many elements need to get appended to a DIV tag or something else, innerHTML gives faster performance over appendChild method. If you look at the tv.yahoo.com/listings_setup page, channel rows are created through innerHTML and it’s quite quickly rendered even if there are over 500 rows. If I injected more than 500 rows using appendChild way, it would have been very slow and eventually locked up a browser for a bit during the process.
2. Let’s not focus on numbers too much.
It’s good to know the detail number of each process. However, even if one process took 30 or 100 milli seconds, it would have not been noticed by a regular user. If one tasks got involved with multiple procedures and ended up taking up 1-2 seconds, I’d call it “design problem”, not a performance problem. With DHTML manipulation and Ajax, possible things you can do with them seem endless, but you do not want to push the line too hard. Especially in ajax application, design/architecture matters more than API/scripting.
3. Learn the limit.
Knowing the limit is very important. There are limits in any scripting languages. The role as a developer/engineer is to play around the limit and still produce a nice product for users. Of course, there will be requirements from product people that may hit the limit and cause performance issue, but as a developer/engineer you should put your efforts to change the requirements or be creative to do workaround on the limit.
Again, the numbers on the report give a real nice overview of what API to use and not.
Posted in Frontend Tech, Tips.
Reference
I just took a look at the comment in the documentation on null in php and thought the comment from the link above would be worthy to add to the blog as a memo to myself.
So basically what happens when unset is used to reset a variable’s value is that it destroys the reference and resets only a variable being unsetted.
However, when null is used to reset the variable it reset the value of the variable and keeps relationship. Thus, all reference variables have the same value, which is null.
Posted in News.
Something I am really interested in. : Data Visualization.
http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
Who’d be able to plan, build, and deploy these kinds of system? Someone who understands visual design, interactive design, data access, and programming.
Anyways, each one in the page is awesome. plain and simple.
Posted in News.
Happened to visit this site => http://www.scrollovers.com/
Usually we call rollover, however, this guy’s script has scrollover effect, which is popular effect in flash contents. We all know that, of course, it’s so possible to do with javascript. However, no one ever came up with this script yet until now.
Posted in Frontend Tech, News.
Download yslow by yahoo! and check out the result. Result shows how many http requests are made in a page, whether expires header is set or not, whether GZip is used or not, whether page contains CSS at the top, whether page contains javascript at the bottom, whether js is minified, etc.
Which are all good signs if they are passed.
If you’ve ever read the series of Performance Research by yahoo UI blog, you know what they are for.
Knowing how to code is very important. However, that is just the beginning of becoming a frontend engineer/developer. It’s the best to know how to optimize a site in terms of performance on top of that. There are several factors that would slow down the performance of the site. But at the end it comes down to these two things: Backend and Frontend. So if you want to become a good frontend engineer/developer, you should be able to see how those are affecting your site.
Posted in Programming.
Recent Comments