Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Tuesday, January 3, 2012

Newspaper Layout - Getting modern

Frontpage Screenshot 1
Frontpage Screenshot 2
Newspapers have been with us for a long time. It was the main source of information for commoners for the later half of the twentieth century, until and unless the human race was invaded by the Internet. Information started flooding the Internet and people remained informed just by a few clicks. But somehow the newspaper never lost its importance.
Newspaper companies started uploading high resolution images of their newspapers so that people could read them on the web itself. No doubt they take a good amount of space but the quality is superb. Afterall everything has a price.
Frontpage Screenshot3
After noticing the new layout and grid features of CSS3, I was encouraged to make a web layout to display the newspaper exactly at it is on paper. I very tough challenge indeed. The newspaper layout itself is so varying and complex that it was almost impossible to write it out through a single style sheet. Again the content is so huge that it has to be arranged efficiently too and any two newspapers seldom have the exact same arrangement. Images sometimes get difficult to handle.
After working on it for a few days I have creating a model on how it should look like once it is done. I created it using CSS3 and HTML5. But the limitations of this model outnumber the amount of data in it! Many things needs to be looks upon, the greatest challenge being to make the structure fluid. May be this is the start of another framework, but whatever it may be it will surely stretch web layout capability to its limits.

Source under development. Available on request.
Send a mail at

No comments:

Post a Comment