• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

New York Times website in html 5

 
Ranch Hand
Posts: 378
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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 ?
nytimes.png
[Thumbnail for nytimes.png]
Main Page
nytimes2.png
[Thumbnail for nytimes2.png]
Popup Page ?
 
author & internet detective
Posts: 41871
908
Eclipse IDE VI Editor Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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.
 
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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
author & internet detective
Posts: 41871
908
Eclipse IDE VI Editor Java
  • Likes 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

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
author & internet detective
Posts: 41871
908
Eclipse IDE VI Editor Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
And Prashant: Welcome to CodeRanch!
 
Bartender
Posts: 3225
34
IntelliJ IDE Oracle Spring Chrome Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
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
 
reply
    Bookmark Topic Watch Topic
  • New Topic