Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
This is very important to me! By default I have my browsers set to not run scrips, java, or any active X stuff, so a very very fast and HTML compadible design is awsome! I'm glad to see someone still cares about people who secure their browsers ^_^ (instead of going to a website to get just a blank page where advanced content should be).haiku said:[*]The website will be marked up in semantic xHTML and CSS. It will be very very fast and comply with web standards. Because I am anal like that. And it's important high content and high visibility websites take this seriously. I'm looking at you, billion other websites out there.
haiku said:[*]The site is going to be a static width. It's designed for a minimum format of 1024x768. Static width makes the site more readable, more predictable to lay out, and less of a maintenance and expansion issue. The fact of the matter is that very few people keep their browser scaled any wider than 1024px wide and it isn't worth the development effort.
I agree with the concept on this, but not the execution. Why have a jillion little flashlets for each news article? I appreciate websites that don't assume infinite resources on my end, and running more than one or two flash blocks kills that. It's not realistic for me to disable flash entirely, but when I'm on a slow machine I don't want to wait an eternity for the page to load. New fonts are all fine and good, but it seems like it will come at the expense of CPU cycles which I'd rather have go to Folding@Home than to pretty text. If I want pretty text, I can apply a new default font and set it to override, rather than have it forced on me by a flash applet.haiku said:[*]sIFR. You'll notice that all of the headlines use the same type-face from the navigation. This is dynamic flash replacement and I use it proudly. If you don't have flash or like myself and the rest of the internet, then the headlines will show up in normal arial. Why use sIFR (Inman Flash Replacement)? Because I think most of the internet is sick of looking at the same 8 god damned fonts for the last decade. Consistent and unique typography helps to promote the brand and kyle gave me very very clear direction on maintaining a specific [H] brand.
unhappy_mage said:I agree with the concept on this, but not the execution.
Spack said:First off, it looks frickin fantastic. Two suggestions:
1.) Drop the tabs at the top down to the tops of the "latest articles" section and when pressed, change the general "[H]ard News" section below to that tabs specific posts. Keep the top section static (allows you to further seperate your ads to target audiences and simply the generation code...I think ;-)
2.) You can lose the "latest headlines" thing on the left side and use the space for ads. I don't know about other people, but I never even notice it's there and it just reproduces info that is elswhere on the page which creates a cluttered look.
I am really jazzed about the enterprise section. Count me in for submitted articles...ha.
The format of the news has changed slightly. We got rid of the whole 1st, 2nd Edition stuff. And let's be honest, that shit didn't make sense to anyone but Kyle and I think even he was making it up.
somecallmeTim said:Questions / Clarifications
- Once past the News page, I can see where the layout will be the same but the information presented will be only for that section, so the featured article / articles will have one, maybe two for that section, and the latest articles - for the one section it will seem a litlle lonely - perhaps combine the two?
- Could the vertical ad on the right be narrowed a bit? Off the top of my head I dont' remember the "standard" for vertical banners (I know there are a couple of them) - it just seems to take up a lot of real estate. I know there are bills to pay and advertisers have sizes they like to use.
peace,
Tim
mashie said:Kyle, I'm one of those few hundred you ever expected to visit the original HardOCP page and I read it multiple times per day ever since.
A few suggestions and comments:
- The grey area around advertising "C" doens't fit in at all, either continue with the maroon dotted pattern ar make it solid like the Shacknews box.
- The submenu (forum, archives, search and so on) would fit in better as text links or sublt buttons using same font size as now in the grey bar under the main navigation at the top. This would a) define a single navigation section b) clear up the grey area over the featured articles to make it a lot easier to read and remove the "clutter" feeling people have commented about. If you don't want to move the buttons you should seriously consider adding a few pixels space between the menu and the Featured Articles headline.
- As for the Featured Articles, try and get the spacing consistent between the boxes. Left, right, top and bottom spacing are all different around each box.
- Latest Articles will definately give a good overview of what is going on but you need to fix the spacing here as well. I think it might be a good idea to use the same colour scheme as Latest Headlines for the header and borders. It will make more of a distinction for each group of articles.
- Last little nit picking, shouldn't the forum button say [H]Forum and not [H] | Forum?
- I love the decision to make the page fixed width. Dynamic pages are a pain, especially if you have bold text as mouse over and the whole page start to jump around...
The new design over all is a great improvement, just a little bit of polishing left.
dsargent said:First off let me say, good for you on the sHTML, I'm with you all the way on that. Standards compliance and CSS are the way to go. Second thing, and you probably won't like me for this, but WTH, I looked at File Cloud, and found what I was affraid of. Most of these standards compliant sites that are popping up all have the same gross problem, font resizing. I run a dell 2001 monitor at it's default res 1600x1200 and I have bad eyes. One of the main reasons I switched to FireFox over IE was it's ability to do infinite font resizing. It's a must for me, and at the File Cloud site, it's compleatly useless. To view that site I would have to turn off the CSS to read it! That's not good. Nor is it good for the [H]. I've been reading this site for a very long time and would hate to not be able to any more, but if I had to turn off the CSS every time, I just don't know if it would be worth it.
I'm a web designer by trade myself, now I know I haven't done nearly as much stuff as you have, but I've always found ways of helping out the disabled in our land (aurial style sheets, alternate style sheet sizes, sheets that support resizing by not using static images and fixed vertical widths on box's, that kind of thing) For example, A list Apart has an excellent article on onion skinning, that is, creting a box with rich graphical borders that can dynamicaly resize in both X and Y. Thing is, most web designers are just too lazy, or too lacking in time to do it. I get the time thing, never enough time in the day, but I think this is worth it.
Also, I just don't agree with the fixed width approach, I think it's a waste of real-estate and also very lazy, but that's just my opinion and not really of any concern.
Hope I didn't offend, that was not my intent, I just wanted to make sure and get my point accross so it wasn't ignored.
Mephisto_kur said:I think it looks slick except for the "clutter" effect you have with the article blocks at the top of the news. I like the layout of that area, but I would make the suggestion of not putting so manay items in the "recent articles" section. It's just too much for the eye to track.
Otherwise, I like the design.
DragonNOA1 said:Put "latest articles" on the side of the site and I'll jump on the boat, the [H] banana boat.
This REALLY brightened up my whole day. So many sites (especially big ones!) do not comply with web standards, so it's very refreshing to see that someone out there *does* care about this.haiku said:...
- The website will be marked up in semantic xHTML and CSS. It will be very very fast and comply with web standards. Because I am anal like that. And it's important high content and high visibility websites take this seriously. I'm looking at you, billion other websites out there.
...
maxius said:kyle i love the look of the new site! i do have a question is their any chance of pulling the defunk hardgaming site and servers under the hardocp banner and whip into shape with actual game news / reviews
Hexametaphosphate said:I like it a lot.....
I think the buttons could indeed go smaller.
My only concern about spacing is that the [H]ard News gets plenty of room and stays prominant. I always start by reading all the funny bits, checking out the cool links, etc from the [H]ard News sections.... I will miss the editions a little as well (if they go). Hey, I love the reviews, the forums, and the articles, but please don't lose the personality of [H] OCP that we all love. The first site I stumbled on was Anandtech, and when they redid their site and there weren't the daily updates, jokes, etc (I can't remember if they completely removed all that or it just got pushed into the background) I just quit visiting the site. Solid reviews, good articles, etc are the meat and potatoes of a good tech website, but the personality of a site is just as important. Good luck with the change over and I hope we still get the great links, headlines, updates, jokes, etc, etc we've all come to love.
haiku said:[*]Some things must absolutely be as they are.