top | item 5257161

The New jQuery Site

33 points| franze | 13 years ago |jquery.com | reply

47 comments

order
[+] radio4fan|13 years ago|reply
Looks quite nice.

On a high-traffic site like this, I'm surprised they've not really addressed performance.

Currently:

Scripts at the top, not the bottom

CSS not concatenated and minimized

JS not minimized

GZIP not enabled on the server

Icons not in a sprite sheet

Also, invalid HTML.

I know, I need to chill out.

[+] emn13|13 years ago|reply
... and it is indeed rather slow for such a simple site.
[+] cgarvey|13 years ago|reply
I love how critical everyone is being of this site, despite the fact this organization has saved us all so much effort and time during our careers.

I'm easily willing to forgive a few browser compatibility bugs considering what they've done for the Web. I'm also happy they've updated their site, it was a long time coming and I think it looks great, certainly an improvement in my eyes.

[+] ergo14|13 years ago|reply
What exactly did they "do to the web", that other JS frameworks do not provide? Because I could name few things like requirejs/cometd that came from for example dojo foundation (dojotoolkit), that did influence the way people work with javascript.
[+] eykanal|13 years ago|reply
Oh, the irony... the new jQuery website layout is completely borked in IE 8. So much for cross-browser compatibility.

On a different note, I love how they have Stack Overflow listed in their "support" links. It's also cool that they're pushing CDN usage of jQuery more than the download version (based on relative space given to each on the home page).

[+] jrajav|13 years ago|reply
Yep, you're partially right: http://imgur.com/vFTvFTP

However, it's worth noting that it works fine in IE8 if you have it set to IE8 Standards mode. (http://imgur.com/GEuyx8X) I'm sure that, like me, you had it set to IE7 Standards mode for testing purposes. Even jQuery itself no longer supports IE7.

[+] dscrd|13 years ago|reply
IE8 was released in March 2009. On that year, chromium 2.0 and firefox 3.5. Did you test it on those too?
[+] randomdrake|13 years ago|reply
It's woefully lazy for developers to not do cross-browser and cross-device testing. The site looks awful on iPad as well. If you don't have access to a device or browser, find someone who does or simulate it.

I expect more from the jQuery team.

[+] stellar678|13 years ago|reply
Legit criticism I guess. However, the audience addressed by the jQuery website is definitely not the same as the audience addressed by websites using the jQuery library. And the jQuery library is thoroughly tested against tons of browsers.
[+] aviraldg|13 years ago|reply
Possibly based on the implicit assumption that there's no intersection between the set of people who use jQuery ie. developers and designers (who are sane enough not to use IE) and the set of people who use IE.
[+] jenius|13 years ago|reply
It also looks like total junk on a retina screen and the responsiveness is there but very lazily done...
[+] bhauer|13 years ago|reply
This isn't all that new, right? I feel it's been this way for at least several weeks.

(I know, new is open to interpretation, but generally when I see something on the HN front page, it is from within a day or two.)

[+] rexf|13 years ago|reply
Correct, this design went live weeks ago (i.e. not within the past couple days).
[+] brador|13 years ago|reply
Here's the thing. That header is huge and still exists on the docs pages.

I'm sure it looks great on a iMac, but on a 13" screen it takes up 1/3 of the space. Every page click on the API docs requires a scroll down to get to the juicy content below. My finger gets tired.

I love the PHP.net site docs. No header, just meat.

Edit: A quick look around and as a reminder to myself, best I could find (fast + useful + instant search): http://www.jqapi.com/#p=width

[+] sergiotapia|13 years ago|reply
I really like the transition the web is going through to a flat design. Focused 100% on content and highlighting the important bits using proper spacing, and typography relationships.

Kudos on the website. I love how it highlights crossbrowser, lightweight and features CSS3 selectors.

[+] adnam|13 years ago|reply
I just went to check there weren't any ninjas or rock stars this time.
[+] timmillwood|13 years ago|reply
A little odd why they ditched Drupal (a CMS) for Wordpress (a blogging platform).
[+] dphnx|13 years ago|reply
Wordpress has been more than a blogging platform for quite some years now.
[+] grey-area|13 years ago|reply
Maybe they found Wordpress to be simpler and easier to extend/use than Drupal? Drupal can be pretty unwieldy sometimes, esp. on big sites, here's one that moved away and why:

http://erickennedy.org/Drupal-7-Reasons-to-Switch

If all you need is a few template variations, a theme, and lots of editable content, Wordpress is a good choice as a basic CMS which is user friendly. You can easily cache the results and performance is fine; it actually makes a pretty good CMS for basic sites.

[+] beeux|13 years ago|reply
I don't like it. For me it is really hard to find something there
[+] nollidge|13 years ago|reply
Totally weird observation, but this is the first time I'm seeing an aesthetic quite like the background [0] on that fat gray header area - sort of gritty like a blackboard, but yet nice and gridlike?

[0] Link: http://jquery.com/jquery-wp-content/themes/jquery/images/dar...

[+] gbog|13 years ago|reply
I hope they carefully ponder the coding convention they use in the examples, because so many people will reproduce them.

For instance I don't love the ( parens spacing ), is there a good reason for these added spaces?

[+] netaustin|13 years ago|reply
As long as it's internally consistent, I'm OK with it; that space is common enough (WordPress core style employs spaces like that).
[+] tericho|13 years ago|reply
That's just a standard the team uses, all of the code in the source is formatted that way.
[+] marco-fiset|13 years ago|reply
Nothing new here. This design is up for at least a couple of weeks already.
[+] jdrummond|13 years ago|reply
Thought the same. Clicked on the link and thought I would see something new. No luck.
[+] ricardobeat|13 years ago|reply
32kb gzipped and minified is not lightweight at all, it's over 200kb of code in a not so readable style. Why is that the most proeminent "feature"?
[+] dguaraglia|13 years ago|reply
That's still there from the olden days when 'small' was a feature when compared to 'heavy' stuff like YUI, Dojo and all that.

Nowadays it's a bit of an irrelevance, unless you are on a mobile browser (and chances are if you are on a mobile browser you'll be using jQuery Mobile which is freaking slow even on my somewhat new Android phone)

[+] bakli|13 years ago|reply
Looks cleaner and much better!