stargeek
PHP news website logo.
home    PHP scripts    articles    seo tools    links    search    contact    shop    realtors


Newspaper xhtml redesign







Newspaper xhtml redesign

Newspaper xhtml redesign 08/02/2004 01:35 PM

When Wired News redesigned as nearly standards compliant xhtml in fall of 2002, it was cause for a great deal of celebration. Since then other prominent sites like ESPN and PGA have jumped on the standards bandwagon, as have countless personal sites. Today the SF Examiner launched a new site design which does validate as xhtml. More interesting to me are their category archives and date archives, which mimic a weblog's simple and useful layout. Heck, I even love the story pages which feature large leaded text (space between lines - the amount of "double spaceness") which is also blog-like, and makes for comfortable reading. As far as I know, SF Examiner is the first, but will this start a new wave of bandwidth-saving, well-designed newspaper redesigns? [via veen]




This is a GrokNews Entry: (what is grok?)





Similar Items

Newspaper xhtml redesign

Grok Headline matches for Newspaper xhtml redesign

W3C HTML Working Group Publishes Updated
XHTML 2.0 Draft and XHTML FAQ


W3C HTML Working Group Publishes Updated
XHTML 2.0 Draft and XHTML FAQ
07/24/2004 02:24 PM
XMLMania.com Jul 24 2004 6:40PM GMT

"The Sun Newspaper Online - UK's biggest
selling newspaper"


"The Sun Newspaper Online - UK's biggest
selling newspaper"
05/18/2004 11:43 AM

The Sun Newspaper Online - UK's biggest
selling newspaper


The Sun Newspaper Online - UK's biggest
selling newspaper
03/14/2003 12:58 PM
French President Jacques Chirac stood accused last night of being a blood brother of Iraqi tyrant Saddam Hussein .. Chiraq, Note to self: Try not to piss off the British Tabloids .. London Sun .. Le Worm

track this site | 6 links


Another Redesign


Another Redesign 12/03/2002 11:46 AM

I re-designed the site again. I think the side navigation suits the site the best. I hope you all like it. Remember, simple is good. I also re-did how the header and footer are handled, and made the site easier to update on a whole.


Web ReDesign


Web ReDesign 03/11/2003 09:43 AM
Oct 3. Workflow that Works. 2001

Redesign


Redesign 03/13/2003 10:21 AM
After weeks of my whining about my site design, I sent Mena this comp to force her to take pity...

NYPL Redesign


NYPL Redesign 05/03/2004 12:29 PM
It must be in the air: The New York Public Library redesigns, with a lift from SBI/Razorfish New York.

Collaborative Redesign


Collaborative Redesign 11/25/2003 10:24 PM

Out with the orange, in with the green. As with my last redesign, only the CSS changed. A fun deviation with this one was that it was a collaboration between myself and Natalie over nearly 5,000 miles, using edit styles and AIM to pass each other snippets of CSS and instantly try them out.

I haven't tested it very thoroughly at all so if there are any glaring abominations leave me a comment - I know about the blogmarks looking slightly out of place in IE 6 but I haven't quite decided if I can be bothered to find a workaround yet.


Redesign 0.9 beta


Redesign 0.9 beta 11/11/2003 03:24 PM
Ok, so what do you think of the new design? These are some of my favorite images I have and...

Redesign CSS Notes


Redesign CSS Notes 06/03/2004 01:33 PM

Alluded to in the earlier Tech nical Summary, the next analysis takes a look at the important CSS highlights of Proton.

more...


Redesign *Still* in Progress


Redesign *Still* in Progress 01/09/2004 09:56 PM

Yes, yes, I'm still working on it. A few of the designs aren't uploaded yet, but you will find that the default "Clean" look is very similar to the previous Safari design (for those of you who objected to the other designs).


mozilla.org Redesign


mozilla.org Redesign 10/28/2003 11:06 PM
"If you want to change the world, shut your mouth and start to spin it." - Cracker...

Scobelizer redesign


Scobelizer redesign 12/11/2003 06:13 AM

Robert Scoble: Design work ahead tonight. Bear with the ugliness for a while.

In Mozilla, I can't even click on the comment link on this blog entry.  Recommendation: the validator is your friend.  For starters, it is <div class="comment">, not <div id="comment">.


Digital Web Redesign


Digital Web Redesign 05/14/2004 07:46 AM

Kudos to Nick Finck and his team for the excellent redesign of Digital Web Magazine.


Zeldman.com Redesign


Zeldman.com Redesign 05/03/2004 12:29 PM
Our colophon tells more than you ever wanted to know about the thinking and feelings behind our May 2004 redesign, code-named "The Spring of our Hope."

Redesign in Progress


Redesign in Progress 12/16/2003 09:57 PM

Pardon the mess. Redesign currently in progress.


The redesign continues...


The redesign continues... 11/18/2003 06:45 PM
The incremental redesign of kottke.org continues today with a bit of tinkering with what is possible with the weblog format. If you scroll down the...

Microsoft.com redesign


Microsoft.com redesign 08/31/2004 12:29 AM

As reported here, here, he re and h ere, the Microsoft.com home page has been redesigned for the better. Although it's still not fully standards-compliant, it's a huge step forward from previous redesigns.


Rethinking Redesign


Rethinking Redesign 06/17/2005 03:40 PM
Redesigning a beloved product isn't easy -- just ask the team behind New Coke. Any new iteration must retain the essence of the original yet offer a jolt of innovation. We dissected a few recent redesigns to see how they measured up. Our expert rater: Julie Anixter, executive director for brand experience at design consultancy Lipson Alport Glass & Associates.

Topix.net Gets Redesign


Topix.net Gets Redesign 08/02/2004 12:08 PM
Source: ClickZ - The company has upped the number of news sources it monitors to 7,000 from 3,600, and reorganized the way stories appear on the home page. Topix.net executives say the site uses a new algorithmic story editing technology,...

Redesign the Scobleizer


Redesign the Scobleizer 08/17/2004 01:28 PM

Scoble is having a redesign contest.


What's (really) new in XHTML


What's (really) new in XHTML 01/14/2003 09:37 PM
XHTML 2.0 has been a topic of much discussion lately, including two recent Working Drafts. This article collects the recent changes in one convenient place.

SEO and XHTML/CSS


SEO and XHTML/CSS 03/22/2005 09:41 PM

"XHTML"


"XHTML" 02/19/2004 03:22 PM

More on XHTML


More on XHTML 01/07/2004 06:48 PM
Following yesterday's post about XHTML validation and the script tag (which I assumed to be a browser problem, not a code problem) I got an email from megnut reader Maurice saying,

Script element should always have an end tag and really can't be considered a singular or "empty" type tag like, say, the Image tag or something. I guess it must be a minor glitch in the validator or something.

Since that didn't sound right to me, I decided to go to the source: XHTML 1.0 The Extensible HyperText Markup Language, Section 4.3: For non-empty elements, end tags are required. It says,

4.3. In SGML-based HTML 4 certain elements were permitted to omit the end tag; with the elements that followed implying closure. XML does not allow end tags to be omitted. All elements other than those declared in the DTD as EMPTY must have an end tag. Elements that are declared in the DTD as EMPTY can have an end tag or can use empty element shorthand

So I examine the DT D and see that <script> does not contain EMPTY, which would support Maurice's assertions that the code was in fact, not valid, and there was a glitch in the validator. But then I looked at the definition for <p> and it doesn't contain EMPTY either. But you can use <p /> instead of <p></p>. Or at least, I thought you could. Plus it seems weird since a <script> in reality can be empty, like in my example when it's linked to an external file. So why's the DTD saying it can't be? Anyone actually understand what's going on here?

XHTML 1.1


XHTML 1.1 12/03/2002 11:46 AM

XHTML 1.0 Strict isn't that much different from XHTML 1.0, except for a few little things. So I figured I'd just upgrade to XHTML 1.1 as long as I was on a roll fixing my site. Plus, it didn't take me long at all.

The one thing that bothers me though is the removal of the name attribute in the a element, and the way that the replacement id attribute works. For a name attribute you could have called it anything. For an id attribute, it can't start with a number. What happens if I want my anchors to use the title of my entries instead of the padded entry id? Say for example I want my anchor to be like this <h3 id="2.4Ghz Router">2.4Ghz Router</h3>. Well too bad, I can't do it. I don't use anchors on this site, because I don't really need them, I have individual archives. But come on, we need a workaround to this problem, albeit a very small one. (For you that don't know what an anchor does, it allows you to link to a specific section on a page using a # after the page name, for example http://noeljackson.com/archives/2002/October/index.php#rssical_070.)


Why You Should Use XHTML


Why You Should Use XHTML 07/23/2004 02:55 PM
Slashdot Jul 23 2004 6:52PM GMT

XHTML 2.0


XHTML 2.0 07/23/2004 04:38 PM
W3C publishes the sixth draft of XHTML 2.0

w3.org/TR/2004/WD-xhtml2-20040722
track this site | 3 links


Will XHTML Ever Come of Age?


Will XHTML Ever Come of Age? 09/05/2002 01:17 AM
Dead protocol walking or the future?

Web ReDesign 2.0: Workflow that Works


Web ReDesign 2.0: Workflow that Works 03/30/2005 05:47 PM
Product Image: Web ReDesign 2.0:
Workflow that Works by Kelly Goto & Emily Cotler
My rating: 4 out of 5

Anyone who has managed the process of developing or redesigning a Web site of significant size has likely learned the hard way the complexities, pitfalls, and cost risk of such an undertaking. While many Web development firms have fantastic technical expertise, what sets the topnotch organizations apart is the ability to accurately manage the planning and development process. Web Redesign: Workflow That Works directly addresses this crucial area with a specific, proven process. This brief but important book lays out a specific five-step strategy--called the Core Process--that can always be applied to the development of Web sites and fine-tuned to almost any type of project. Each step--defining the project, developing site structure, visual design and testing, production and QA, and launch and beyond--contains three related but distinct tracks. The text begins with a brief overview of each of the steps, then delves deeper into each with detailed explanations as well as specific forms and project-management strategies. This book does not cover back-end, server-side programming. Instead, it focuses primarily on the visual, conventional components of a Web site. Authors Kelly Goto and Emily Cotler compiled this book in an attractive, easy-to-read format. This process guide uses numerous full-color screen shots to illustrate site examples, as well as plenty of site diagrams and sample forms. The book even has a companion Web site with downloadable forms in PDF format to put the Core Process into immediate action


A Corporate Redesign - Part I


A Corporate Redesign - Part I 02/01/2003 07:36 AM
In this article we will be completely redesigning the Microsoft website to show the power of the tools we have. Making it 100% usable, valid, and table-less. The new design will maintain all of the functionality of the real site.

Netscape DevEdge Redesign


Netscape DevEdge Redesign 02/13/2003 06:08 AM
The Netscape DevEdge website has been redesigned and unveiled with valid code. The new design boasts XHTML 1.0 Transitional and CSS, along with many goodies.

BBC News - Site Redesign


BBC News - Site Redesign 02/19/2003 01:32 AM
One of the most frequently visited sites in the UK has had a complete facelift.

DevEdge Standards Redesign


DevEdge Standards Redesign 03/13/2003 10:23 AM

Version 2 Redesign Contest


Version 2 Redesign Contest 02/19/2004 01:00 PM

This month's Version 2 Redesign Contest focuses on completely redoing the home page for The Gutenberg Project using valid CSS and XHTML. Free copies of both FeedDemon and TopStyle are among the prizes :)


Blogger redesign notes


Blogger redesign notes 05/10/2004 05:53 AM
Blogger has relaunched today, with standards-compliant templates, comments with spamblocking, streamlined blog creation, and page-per-post -- the kind of things that we've come to expect from a modern blogging tool. The redesign was executed by the arch-geniuses of Stopdesign and Adaptive Path, and it shows. This is a beautiful redesign, both in terms of look-and-feel and approachability for novices. Here're project leader Doug Bowman's notes on the redesign:
The rounded corners seen throughout the Blogger redesign (and in several of the user templates) make use of an expansion of the Sliding Doors technique written for A List Apart last year. The Blogger design is a fixed width, which means most of the modules of the site exist at pre-defined widths. Since the width of each module is known, one image is used for the top-left and top-right corners of a module, and another image is used for the bottom-left and bottom-right corners. The images are called in as background images for two nested elements. Since these two elements contain all the text of the module, they expand infinitely as the module grows in height. Think of it as Sliding Doors turned on their sides.

For modules requiring a border, the two images are modified to include top and bottom borders connecting the two corners. A third element gets nested in the HTML that uses left and right borders which connect top and bottom corners.

This design posed many other challenges when building it out, specifically because we wanted to allow the text and each of the design elements (header, modules) to be as flexible and scalable as possible. The markup construction was tricky and required compromises in several places. As is evident with the rounded corner modules, extra divs were necessary for each background image called in. In CSS3, border images will certainly help eliminate the need for extra elements. And I’ve been pressuring Tantek to get the CSS Working Group to consider allowing us to set multiple background images on one HTML element.

Link (via EvHead)

Redesign Technical Notes


Redesign Technical Notes 05/30/2004 02:38 PM

Next in the series of follow-ups to this past week's redesign is a look at some of the technical changes for the new mezzoblue.

more...


SF Examiner's excellent redesign


SF Examiner's excellent redesign 08/02/2004 02:08 PM
quite a finely polished turd, this is

Ask Jeeves Kicks Out A Big Redesign


Ask Jeeves Kicks Out A Big Redesign 09/22/2004 06:42 AM
You know, everybody thinks it's Yahoo vs. Google, Yahoo vs. Google -- and eventually Yahoo vs. Google vs. Microsoft when they get around to jumping into the search wars. But...
Grok Description matches for Newspaper xhtml redesign
GrokA matches for Newspaper xhtml redesign

Newspaper xhtml redesign

The following phrases have been identified by the grok system as matching this entry:

















Also check out:


Grok

Ipod Porn on the
Rise

Brief Abstract of
Wikipedia's
Mesothelioma Cancer
page

Get first aid
instructions in your
cell phone

IE is crap
JSPWiki gains
podcasting support

GOOD GRAPHICS!
7a69Adv#13 -
USRobotics AP
Wireless Denial of
Service

SA-20040802 GnuTLS
certificate chain
verification bug

DOS@MEHTTPS
Programmers Are
Idiots

Just an Update
CDMA2000 Marks 3G
Leadership

Criteria For
Nationwide Rollout
of 3G in Singapore

Dave Winer
asks......

Open Source is
starting to get
notice

Alienware Media
Center

University pay
'boycott' threat

Footballer 'avoided
breath test'

Pakistan politician
survives raid

Heads' fears over
pupils drinking

Sun turns
WSJ
into Novell buy spin
machine

Bdisc - PHP Music
Collector

Flip-Flop
clientadministration
Iomega begins
shipping new
FireWire REV drives

Bad Weather Halts
Launch of NASA
Mercury Satellite

Mozilla incentivives
bug finding

Microsoft declines
to specify on
Longhorn launch date

Oxford Buys Into
England

What's a Drug Worth?
Headhunter Bags
Profits

Has Central Parking
Stalled?

Plug Power
Dissipates

An Apple Scare
ATRIP Conference,
Utrecht

LinuxWorld's San
Francisco shindig

Sprint expands VoIP
reach

Ohio to track
prisoners with radio
tags

Bush maneuvers new
FTC head into place

Captain Cyborg to
risk all for science

Al-Qaeda cyber
terrorist panics US

Re: Citadel/UX
Remote DoS
Vulnerability

[ GLSA 200408-01 ]
MPlayer: GUI
filename handling
overflow

SoX Exploiter by
Rosiello Security

Re: Fwd: New
possible scam method
: forged websites
using XUL (Firefox)

Re: Sonicwall diag
tool includes VPN
credentlials

Re[2]: Aladdin
response regarding
eSafe

Security contact for
RSA Security

Summer drink-driving
dismay

Fire union attacks
deal breakdown

Woman charged with
murder

A Fountain of Youth
for Microsoft?

eco-aware motocross?
The reactor is
powered by secrets!

Pronto, Tropos Team
Up

what is grok?