MacDailyNews announces site redesign

MacDailyNews is happy to announce a redesigned interface for MacDailyNews.com and iPodDailyNews.com. Our code (and our look, we hope you agree) have now been cleaned up!

The design was created by the MacDailyNews team, with the main idea being: clean up around here, but keep it familiar!

We’ve also transitioned to a fixed-width site due to the large varieties and sizes of monitor sizes available today. Now MDN and iPodDN will be consistent regardless of monitor width; the sites stretched across larger monitors just didn’t work visually.

The new code was done by the crew at Solspace, a full-service web shop that has recently expanded to offering add-on software for ExpressionEngine, the powerful software platform behind MDN and iPodDN. The sites are hosted at EngineHosting, who provide rock-solid hosting power for ExpressionEngine based sites.

With a clean code base now in place, we look forward to adding new features on an on-going basis.

As always, please tell us what you think and what you’d like to see in the way of new features.

Thank you for visiting MacDailyNews and iPodDailyNews!

[UPDATE: 1:25am EDT: bumped up the article text size as per readers’ feedback below.]

[UPDATE: 2:45pm EDT: returned article text size to original size, increased line spacing slightly.]

179 Comments

  1. MDN, I think you do an excellent job of melting microsoft,making mac mountains and laboring about linux losses. But I am embarrassed to be reading MDN with my daughters with the e hardbodies and other dating sites. Clean that off for a great image!

    I have learnt lots about Macs reading your pages. I have almost done the ROTFLMAO and spitting my coffee on the monitor. Your wit, your abuse and your general hatred for Billy Billions and Bloated Ballmer are always enjoyed.

    Clean site great…minus the dating ads.

  2. just thought of two things…..

    1. Where’s the button to click so that I can jump directly to anything NoSquirtForYou or Twisted Mac Freak says?

    2. Where’s the second button to…. ahem… mute certain posters concerning “trusted computing”?

  3. I dunno…
    The RSS feed looks much the same as last I visited it
    PS
    I LIKE the eHardBodies ad. Any chance you might super size it?
    ” width=”19″ height=”19″ alt=”wink” style=”border:0;” />

  4. nice update on the look MDN. it’s still not particularly web 2.0ish like daring fireball or, to a lesser extent, roughlydrafted, but a nice bit of polish. i don’t know what your guys’ revenues are like, but think that there are generally too many ads on MDN. that said, you get what you pay for. any chance of an account-based system for comments, and some form of moderation system like /.?

  5. I like the new layout, clean and refreshing.
    What is the width of the fixed layout? I have to make a new site but I don’t know what is the best width for common usage.
    The last site I did was 700 wide but that seems to small these days.
    Thanks

  6. hey MDN, how about losing the ContentLink ads?

    they’re just annoying. and does anyone here really want to buy the random miscellaneous stuff behind those links? seriously!

    your other ads on the page are fine, but the ContentLink ones have to go, they really make your otherwise fine site trashy looking

  7. Hi MDN – I too want to congratulate you on the site’s updated look. You did a really nice job. The text is much more crisp. I also like the way you organized the Archives section. It seems easier to find past articles.

    I too wouldn’t mind a way to check spelling – when using my work Dell laptop 🙁

    Keep up the great work. And thanks!

    Peace.

  8. It’s sooooo web 2.0, which is soooo 2005-ish.

    All texts are too close to its borders, have wider margins. It looks like the typeface is a bit too big here and there/ The overall feel is better I reckon, but there’s no attention to detail.
    eg: “where mac comes first touches is going out of box”, the typeface in “Name” box touches top line but has big space at the bottom.

    I know it’s all easy to tweak with css, it just takes a bit more time to make it better because at the moment it’s like those geeky PC websites out there.

    Sure you can ignore my comment, and be content with all praises. But remember the old saying: criticism is more worthy than a thousand praises.

  9. I preferred the previous look.
    – smaller font size.
    – better line spacing.
    – where is the post editing?

    I don’t call this a v4.0 upgrade. More like a 3.6759b
    (I’m sure they’ll tweak small things like this ugly comments form)

    MW: average… go figure. An average upgrade.

  10. The modified Font size is OK now, but why the fixed width? This is a WIDE screen monitor. I’d rather read than scroll. The relative ad area is now annoying large, epecially for ads that have nothing to do with your Mac centric audience.

  11. Process of elimination going on here.

    Just being able to paste a html string is so much easier.

    Any chance that you guys n gals (At MDN) can give us the limits of the current nuances of your refreshed look and feedback posting abilities. Of the top I see that if I would want to make a word bold, the whole post turns bold.

    But given my immediate state – work fatigue, Massive lower back pain, meds and … inkahol… I am more than lightly wrong, so I’m not up to exploring all the options!

    I wanted to make Massive bold, but the whole kit n kabodle went bold.

    ????????

  12. It’ll take some getting use to ” width=”19″ height=”19″ alt=”hmmm” style=”border:0;” />

    The width seems too narrow on my 1440×900 resolution when I increase the font size, as I always do. So having a flexible width would be nice.

    And, oh yeah… too many darn ads >:O

  13. My first post ever at MDN!
    I like almost everything about the rebuild the only thing that bothers me is the related articles section. The font size is way too big and that for me makes it rather annoying and in the way. Please reduce it to its previous size.
    That´s all for now…

  14. Please increase the font size a little bit more, should be close to the size that the ads on the left have.
    And please add an PRINT option (with not too many ads), even if your stories are not that long, sometimes you do not have time to read the story from the screen.

  15. Agreed, bad decision on the font size.

    The comment list above AND this comments box font size is TOO SMALL. As is this comment type box. Previous size was adequate.

    I don’t want to have to bump up the size from microtype every time I visit, that would become really annoying fast, as I visit here at least 10 times a day. Some of us aren’t 20 anymore.

    The rest is fine.

  16. Sorry guys, but being an Apple friendly site, the design should be much better. I just wonder that while you were in the process of doing a re-design, then why not do it properly. In my opinion, the site looks 5 years old and not in the good way!

    Still love the content though…

  17. I’ve got the same feeling I get when my girlfriend asks “Notice anything different in the living room?” I always fail those tests, and I guess I’m failing this one. But I’ll give you an Atta-Boy for something.

    Oh, but you still get 5 demerits for those annoying Content Links. And you always will until they are gone. You get 20 demerits when they fail to go away, like they sometimes do.

  18. “The pages seem to load a bit faster, too.’

    First thing I noticed as well. However, the font is too small. But, the resizing means, at least on my 17″, that all the ads on the right get hidden. Nice work!

  19. Font is still too small, even after the adjustment, in particular in the Feedback submission box. It needs to be bumped again at least one size.

    Otherwise, it looks, well, ok. No complaints, but I’m going to use it a little more before I make any further comment.

    Hano

  20. I like it – much improved, much more readable. I’m glad you made the text bigger – I wouldn’t have wanted to see it when it was smaller!

    Even the commenting form and below are an improvement – nice job!

  21. I didn’t notice any difference. Oh, wait, the MW is centered!

    Don’t let them mess with you … it looks fine. If there’s a problem, it’s with them.
    BUT! We are still waiting for accounts, and for post-editing. A lot more trust, many fewer typos.

    DLMeyer – the Voice of G.L.Horton’s Stage Page Pod Cast

    MW = building – as in “building our future”

  22. Hi,

    Nice job, but I have a few issues with it.

    – the MDN features do not stand out from the advertising (you’re not the only site like this obviously ” width=”19″ height=”19″ alt=”grin” style=”border:0;” />
    – the main title bar in particular seems “buried” into the top advertising; get it out of there ? use bigger font for the menu bar ?
    – left side links: are nice, but too many to navigate to reach the bottom ones; use dynamic menu (open section when mousing over) ? at least put links to the many sections at the top ?
    – left side links: cosmetic: add a little icon from the site being linked to (better visual clue) ?

  23. Praise God that you increased the font size. That was the only improvement that I really cared about.

    When I started caring about Mac news I googled the same and put together a folder in Safari with something like ten or eleven Mac sites in it. It was Survivor Safari as far as I was concerned.

    In the end MDN was the only one left. Ya’ll rock!

  24. Re: site design — I don’t know what the problem is with the folks who said the previous settings resulted in type that was too small, but today’s settings now have the type WAY too big and I can’t make the type go any smaller!

    While I don’t like the new large size, I could grudgingly live with at least being able to do the “command-minus” trick on every page to make the type size smaller but it won’t make the type smaller than originally presented. I can make it larger using “command-plus”, but that’s not helping things!

    Firefox browser set to “display what the site sends”

    screen grab at

  25. Why did you set the font size so large. It’s larger than every other website by about 2 points. It looks awkward. If people can’t see the normal font size, then they can increase it. WIth fixed width going to a large font size is not a good idea.

  26. Far more readable, much clearer. Fixed width suits me. Font size is perfect on my iBook, but on the Dell I must use at work the fonts were too large. Still it’s no big deal to reduct the size; just a few key strokes.
    Great site.

  27. May take a little gettin’ used to, but I’ll deal.

    Just noticed that the comment entry box changed width from the previous page to this page. The box is smaller here than on page 1 of this story, about 60% smaller. The box on the first page was full-width of the container.

    Also, the “magic word” was centered, and now it isn’t.

    There may be some minor coding issues still to iron out here, folks.

  28. Here’s what I get from the W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards…

    This page is not Valid XHTML 1.0 Transitional!
    Below are the results of checking this document for XML well-formedness and validity.

    Error Line 58 column 13: there is no attribute “type”.
    <SCRIPT type=”text/javascript” SRC=”http://www.macdailynews.com/adpeeps/adpeeps.

    http://validator.w3.org/

  29. The redesign is nice on the screen or using a projector, but for handheld is even worse than it was before. I suppose I should just use RSS on my handheld’s, but you should also design for this in mind; the iPhone is not out yet and even after it is it will take the mobile industry years to catch-up so designing for handheld’s is still quite important.

    I used to have to scroll down 18 pages on my BlackBerry, now with this redeisng I have to scroll down 30+ pages! Why? Because you are making me view all the right column ads before the content whereas before they came after the main content, as it should be.

    All you would need to do is to have an invisible paragraph tag (for screen, projector) but visible for handheld devices (at the top of the page) that links down to the content. I do this for a living so if you want my help, pro-bono of course, just shoot me an email; I will be glad to help MDN out.

  30. Oooh a drop shadow around the page content.

    Now our favourite Mac news site can look like every other Mac software site in the world!

    I will never read your comments about how derivative Microsoft is in the same light again.

  31. Looks great MDN. For those who don’t like the advertisments use Camino and go into Preferences then Web Features and tick the box to block web advertising (and pop-ups etc.).

    Don’t forget to use a dictionary because Camino doesn’t have a spell checker. But for MDN Camino launches like a tornado.

  32. Overall a very nice re-do. I like the fact you still don’t have to go to another page to see the comments (like a lot of other sites). Feedback is half the reason I come here–I’m sure others agree. Thanks for not screwing it up ” width=”19″ height=”19″ alt=”wink” style=”border:0;” /> !!

    And I agree with others. Please keep the ads under control and I’ll happily keep my daily ritual going.

    Thanks

  33. @TMF….

    Command find would work, but I was hoping for a TMF specific button. So I could skip all of the “trusted computing”, “apple is just like MS” and “when you understand as much as I do because I’m on the inside and you’re not” posts and get right to the humor.

    @TT and C1… there’s this new fangled product called KY….

    I’m in agreement with Busting, a filter would be great.

    And accounts…

  34. Liked the old ‘look’ better. This one is too washed out and hard to read.

    Try making the left side text a bit darker. Also, there is too much space between links along the left side… decrease the line-height.

    The main part looks great, BTW.

  35. The new look is great. It’s sharp. I love the shaded fixed page width. I like the larger font.

    Two things bother me:
    1) The green in-text popup ads. I still hate those things.
    2) Look and feel could be improved with more white space.

    OK, I always thought you guys were making it up, but the magic word is: white

  36. Fixed width sites are inferior. What is it that they do better? They make it harder for me to shrink my browser to fit in convenient places. What do I get in return for that? Nothing.

    Fixed width sites are entirely and completely pushed by web designers to make their jobs easier. No end user has ever requested a fixed width site.

    And the thing about looking bad on huge monitors is a canard. Who with a big monitor stretches their web browser to take up the *entire* width? Nobody, that’s who. It doesn’t make any sense. Especially not with all the fixed width sites out there — do you enjoy having a window open with margins eight inches wide on either side? Are you saying that this is how you want us to view your website?

    There is absolutely no *functional* reason to develop a fixed width site, and any web developer who tells you so is making excuses for their laziness.

    So thanks a lot for reducing the functionality of your page views. It hardly even looks any different so this is a brain-dead redesign. I hope you got significantly reduced bandwidth out of it, at least, in exchange for getting on the idiotic fixed width bandwagon.

  37. There is no reason you can’t have all the fancy border effects you want on a liquid width site, so don’t anybody tell me that ‘the fixed width looks good’ because that’s not the fixed width you’re talking about. Fixed width means just that: width that you don’t have the option to control. It isn’t a good thing for anyone but the web designer.

  38. the site looks neither better nor worse, just different. It is does have a certain “my first website” template feel to it, but i really don’t care one way or another.

    The problem here is not with the content or the layout, rather it is with the user features. Those of us who have been around for several years have seen the decline in the quality of the comments as people now just “hit and run” under anonymous handles. Give us user accounts and things will improve.

    I would also like the ability to post images in the comments section but i understand the problems associated with that.

  39. Reminds me of the old MacWeek publications.

    I agree that the fixed width and enlargened fonts makes this place feel too peaceful. With all the sarcasm and humor here, it’ll feel like fisher price met the Onion.

    However, it’s clean and unified. And the best thing about this place is ….

    the eHARDBODIES ads!! ” width=”19″ height=”19″ alt=”smile” style=”border:0;” />

  40. I have to agree with all the “fixed width” complaints, and IT Dud3 says it most succinctly. If I stretch the browser window across my whole monitor, it’s because I WANT the page the stretch across the whole monitor, not give me half a monitor of margin. How useless is that?

  41. “fisher price met the Onion”

    The Onion should make a See ‘N’ Say.

    The cow says, “You want milk? Pull your own damn teats.”
    The pig says, “Quit staring. I’m just big-boned.”
    The dog says, “You could learn some style from me.”
    The goat says, “Hi cutie. I’ll be your nanny 911.

  42. Better! But the “Advertisements” and some other text sizes are too big now. The article font size itself is fine and easy to read. I do appreciate a default larger size. Still don’t like the in-line ads though.

  43. This is still a web site designed by a bunch of geeks who know nothing about what constitues good design (a ‘I don’t know anything about design but I know what I like’ mentality).

    The result is the same as another bunch of geeks who designed an OS called Vista.

    For all those who like the new so called ‘design’… it is just different, not better.

  44. @zen monk:

    What is “good design” is, by definition, subjective. Some will like it, some won’t. For that matter, what is “good” anything is subjective.

    In this case it’s a bunch of geeks reading it too, myself proudly included. ” width=”19″ height=”19″ alt=”grin” style=”border:0;” />

  45. Has I sad before I like it!
    I have my Safari set to wide screen an inch above the large-size Dock, but not fullscreen. Looks great on HD LCD, when tab browsing between interactive media-sites &
    online magazines.
    Today you have alot of sites that use interactive-media, I’m not talking about Blogs or the like but sites such has Nike, MILK, STARWARS or Gorenje etc. These use full screen or wide-screen, the others such has online Mags Zinio, MDN, Times & others use the same layout has the new MDN since now with the advent of the iPhone to read true! Site-layout gives better, easy & simple form to portable devices. Plus double-pinching would bring the
    view towards (Larger) you, so you only see the articles & responces. I guess MDN could make a turn-off Ads Tab
    for signed members ” width=”19″ height=”19″ alt=”wink” style=”border:0;” />

  46. Err, is it just me or are the font sizes all over the place?

    I seem to be getting tiny, then ‘huge’, then something else, it’s all over the place…

    Hope it can be refined MDN. And if you have all these complaints against fixed width then why not make it flexible? I don’t need it as wide as a house but fine if some people do…

    Isn’t Apple Mac about good choices?

  47. Looks OK. I like not having to scroll around cause the variable width thingie would not always work. It was such a pain.

    OK, whats next?? ” width=”19″ height=”19″ alt=”grin” style=”border:0;” />

  48. Wow, the font size is WAY TOO SMALL. Compare the default text size (itsy-bitsy-teeny-weeny) with the text size of the ADS BY GOOGLE (Jennifer Lopez-baby-got-back-humongous).

    The layout, though? Love it. Except for the fixed-width. Why, why, why? Not everyone has these ginormous monitors. Ok, well I do, but I like to have space for other things I’m doing while I’m wasting time surfing… In this day of advanced layout mechanisms, why do you force a particular size? On second thought, the only thing scrolled off the right side are ads, so….nevermind, I don’t mind not seeing those! ” width=”19″ height=”19″ alt=”smile” style=”border:0;” />

  49. It’s run on Linux, which is fine by me. I’m a webmaster that runs both Xserves and Linux/Ensim boxes. Both systems run Apache web server, which is what really runs the website- not the Linux OS, not the Mac OS. Most hosting providers that offer Xserve hosting charge a fortune to do so. If you want to see MDN run on an Xserve, I’m sure they’d be happy to take your donations to make it happen;)

    To find out what any site is run on, go to netcraft.com

  50. The site looks ok… I have to say though, the site is just a few pixels too wide to display fully on a 1024×768 display. Seeing as my primary viewing computer (15″ iMac G4) is 1024×768, I’m a little disappointed to see the scroll bar at the bottom. ” width=”19″ height=”19″ alt=”mad” style=”border:0;” />

    Suggestion: Shave 10 pixels off the useless shadow on each side, and my guess is that it would fit, while still showing enough of the shadow for it to be seen and appreciated. (By a select few??)

    If you’re going to make a fixed-width site, at least make it something like 760 wide. Most people still use 1024×768.

    –mAc

  51. “Most people still use 1024×768.”

    Ah, for the good ole days when web pages had to be designed for 640×480…. Those of us with 15 or 17 or even 19″ monitors set to 1024×768 have a bonus from this too large fixed-width site- we don’t see any of the idiotic ads that are on the right! Good move, MDN! Dissing your advertisers straight up! Not that I see them anyway- have everything from *adpeeps* filtered out through Pithhelmet and SafariBlock. I actually have no idea who advertises what almost anywhere on the web. Works for me, and, thanks to fixed-width, now people who don’t have any filters set up also don’t have to see the bloddy ads! Yay! Sneaky….

  52. I don’t understand why the font for the article has to be so small. Can’t it be at least the same size that you use for the advertisement links below the article? I really don’t want to have to bump up the default font size in Safari since I’ve never felt the need to do that before.

  53. The shadow around the edge is a waste of space and it is sometimes confusing. I keep looking at it thinking there is another window behind my browser, but then I realize that it is just the worthless shadow in the page.

    Fixed width is the dumbest thing ever. My laptop has a horizontal resolution of 1024, so now I am constantly getting the horizontal scroll bar showing up. Really annoying. As a bare minimum, make the fixed width less than 1024, which would accomodate every Mac made in the past 10 years, except for the toilet seat iBooks. As it is now, it’s annoying for every 12′ Powerbook and iBook owner and everyone else with a 1024 horizontal resolution screen. By the way, Leopard is going to have resolution independence, so fixing the width is going to make you look years behind….

  54. I like the new look

    but those Contentlink(tm) ads are sooooooo ANNOYING!!
    what moron actually buys anything from those? please MDN your readers deserve a little more credit, don’t clutter up the otherwise nice design.

    MW = “wrong”, as in, those ads are just wrong for this site

  55. I said it earlier, but I do not see the reason for such LARGE TYPE for the article headlines. The body text is too large by a smidgen, too. That being said, while I preferred the type sizes used before, I do like the new layout in general. Please reduce the type size.

    Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.