The New jQuery Site

http://jquery.com///

by franze • 13 years ago

33 47 13 years ago

jquery.com

bakli• 13 years ago

Looks cleaner and much better!

pkorzeniewski• 13 years ago

box-shadow... box-shadow everywhere :)

timmillwood• 13 years ago

A little odd why they ditched Drupal (a CMS) for Wordpress (a blogging platform).

dphnx• 13 years ago

Wordpress has been more than a blogging platform for quite some years now.

grey-area• 13 years ago

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.

kitsune_• 13 years ago

This guy switched to a web application framework, not another CMS.

Whenever Drupal is discussed, I see people comparing it to Rails, Django and other web application frameworks.

I don't get it. The CMS market is entirely different from the custom web application market. Most web sites run on some form of content management system: Day CQ5, SiteCore, Typo3, OpenText, Umbraco, ExpressionEngine, WordPress, Drupal, DotNetNuke, eZ, epiServer and so on. This is a huge market.

People who make the above comparison seem to be guys that have started web development with Drupal or Wordpress, and progressed to create ever more complex solutions over time. Then later they discover Rails. Congratulations.

I'm of the opinion, that ultimately, all CMS suck in one way or another, I hate them with a passion, but compared to most, Drupal is a shining beacon of light and reason. Seriously.

From a financial perspective, custom web applications usually do not make sense for businesses who want a complex web site. Most companies are also hesitant to shell out 200k+ on an untested, custom made piece of software developed by a small company. Compared to that, a SiteCore solution with its 60k license looks cheaper and more reliable.

bhauer• 13 years ago

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

Correct, this design went live weeks ago (i.e. not within the past couple days).

sergiotapia• 13 years ago

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.

eykanal2• 13 years ago

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).

dscrd• 13 years ago

IE8 was released in March 2009. On that year, chromium 2.0 and firefox 3.5. Did you test it on those too?

randomdrake2• 13 years ago

IE 8 still holds around 15-20% browser share last I checked. For something as ubiquitous and oft-used as jQuery, it is surprising it wasn't tested.

eykanal2• 13 years ago

This is Microsoft XP's latest version of IE, as 9 and 10 don't run on XP. Note that XP is still ridiculously prevalent, particularly in large corporations: http://www.netmarketshare.com/operating-system-market-share....

randomdrake2• 13 years ago

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

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

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.

jrajav2• 13 years ago

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.

jrochkind1• 13 years ago

It is a misconception that JQuery no longer supports IE7.

> First of all, let’s be very clear: The jQuery team does “worry about” IE 6/7/8, with jQuery 1.9. We’ve created a legacy-free jQuery 2.0 in order to address the many situations where older versions of IE aren’t needed. Some glorious day in the future, jQuery 2.0 will be the only version you’ll need; until then we’ll continue to maintain jQuery 1.9.

http://blog.jquery.com/2013/01/14/the-state-of-jquery-2013/

lobo_tuerto• 13 years ago

You sure?

From: http://jquery.com/browser-support/

  jQuery 1.x	IE 6+
  jQuery 2.x	IE 9+

"Any problem with jQuery in the above browsers should be considered and reported as a bug in jQuery."

jenius• 13 years ago

It also looks like total junk on a retina screen and the responsiveness is there but very lazily done...

radio4fan• 13 years ago

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

... and it is indeed rather slow for such a simple site.

gbog• 13 years ago

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

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

That's just a standard the team uses, all of the code in the source is formatted that way.

marco-fiset• 13 years ago

Nothing new here. This design is up for at least a couple of weeks already.

jdrummond2• 13 years ago

Thought the same. Clicked on the link and thought I would see something new. No luck.

beeux• 13 years ago

I don't like it. For me it is really hard to find something there

To1ne• 13 years ago

No longer a konami code. http://konamicodesites.com/

brador• 13 years ago

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

adnam• 13 years ago

I just went to check there weren't any ninjas or rock stars this time.

jdrummond2• 13 years ago

Actually, according to webarchive, this version is up since the 24th of Jan.

23th Snapshot: http://web.archive.org/web/20130122230349/http://jquery.com/

24th Snapshot: http://web.archive.org/web/20130124012815/http://jquery.com/

cgarvey• 13 years ago

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.

ergo143• 13 years ago

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.

moogleii• 13 years ago

I don't think he suggested anywhere that other frameworks didn't contribute. Sounds like you're just trying to pick a fight.

MoOmer• 13 years ago

For one, their documentation has consistently been accessible to beginners. Other frameworks might have had some crossover functionality, but Jq wrapped it all up in a neat, concise, package complete with a supportive community and excellent documentation that takes away the intimidation for new entrants.

Anyone who has written an 'Ajax' connection call in JavaScript can attest to the relief it has brought on that front alone.

DOM manipulation within your scripts, without having to patch together different libraries in an unreadable mess is nice too.

I've done limited things with the tool, and I can see its benefits clearly - maybe because I see the tool as a curated forest, where those packages you mentioned are like scattered, but awesome in their own right, trees.

Forgive me for the short response, I'm on a phone.

nollidge• 13 years ago

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...

kristofferR• 13 years ago

It's not too uncommon, I've seen it used quite a lot of times (can't remember where though).

There's a free Creative Commons texture you can use available here: http://subtlepatterns.com/3px-tile/

ricardobeat2• 13 years ago

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

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)

ricardobeat2• 13 years ago

It's absolutely not irrelevant - mobile usage is growing exponentially, in many areas it is nearing 50% usage, and mobile-oriented libraries like jQuery mobile are only used for apps, not websites (fortunately - they suck). Usage from 3G/4G devices (tablets, mobile routers/modems, etc) is also growing quickly. Optimizing delivery is important even on the desktop.

Not that jQuery's 32kb will make a world of difference, but that's not a good mindset to be spreading around.

The New jQuery Site

Related Stories