aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes New York Times website in html 5 Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "New York Times website in html 5" Watch "New York Times website in html 5" New topic
Author

New York Times website in html 5

Nicky Eng
Ranch Hand

Joined: Mar 26, 2005
Posts: 378
Dear all,


I tried to figure out how New York Times website done in HTML 5 display their content...but I googled fail.

If you try this : www.nytimes.com/chrome

You will see the main page (Main page in attachment)

So when you click the one of the article, this article will appears in new page with a "close" button on the top-left page ( can I say it as popup box ? ) which stay on top of the main page.

Here is my question: How to do that popup box thing when I click on the article or a link or a button in HTML 5?

Any idea ?



[Thumbnail for nytimes.png]


[Thumbnail for nytimes2.png]



From NickyEng
Diploma in Computer Studies
SCJP 1.4
SCWCD 1.4
Formula 1 app by Maxis (Playbook)
Jeanne Boyarsky
internet detective
Marshal

Joined: May 26, 2003
Posts: 30537
    
150

What do you see that tells you the page is HTML 5? I don't see any HTML 5 constructs, just a whole bunch of JavaScript and two div tags. I also see jquery and AJAX in the code to handle you clicking a link.


[Blog] [JavaRanch FAQ] [How To Ask Questions The Smart Way] [Book Promos]
Blogging on Certs: SCEA Part 1, Part 2 & 3, Core Spring 3, OCAJP, OCPJP beta, TOGAF part 1 and part 2
prashant jondhale
Greenhorn

Joined: Oct 07, 2008
Posts: 1
The doctype for site is '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">'
it clearly states this is built on HTML 4.01 and not HTML 5
Jeanne Boyarsky
internet detective
Marshal

Joined: May 26, 2003
Posts: 30537
    
150

prashant jondhale wrote:The doctype for site is '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">'
it clearly states this is built on HTML 4.01 and not HTML 5

Actually, it is:


The doctype Prashant references is for the main nytimes.com site. The one on the nytimes.com/chrome site is an HTML 5 doctype. i was questioning the fact that I don't see any actual HTML 5 elements in the page. Kind of like how you can create an HTML 3 webiste and have a doctype of HTML 4. Since the question was about HTML 5, I thought there would be an HTML 5 feature.
Jeanne Boyarsky
internet detective
Marshal

Joined: May 26, 2003
Posts: 30537
    
150

And Prashant: Welcome to CodeRanch!
Mohamed Sanaulla
Saloon Keeper

Joined: Sep 08, 2007
Posts: 3071
    
  33

May be they are using the offline storage of the data.
They have this tag:

And the skimmer.manifest contents are like:

More details about offline web applications: http://diveintohtml5.org/offline.html


Mohamed Sanaulla | My Blog
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: New York Times website in html 5