Made some templates, whadaya think?

Posted by Canadonian on March 3, 2012, 8:19 p.m.

Hey guys,

Time for my yearly appearance, and of course a new design - V4 -or what ever. With last years ultra failure of a launch, i hope this new one will please the crowds.

Here are the templates (not all work yet):

http://www.vacantview.com/64

Who can guess who's blog i copied for filler text?

Lets follow in the footsteps of our masters…

http://i.imgur.com/HtIPi.jpg

Comments

Castypher 12 years, 2 months ago

Make the activity feed and user info SCROLL WITH THE PAGE.

sirxemic 12 years, 2 months ago

Quote:
Try adding a very light, subtle background (http://www.geminiyouth.com), like a light gradient
It already has that… it's just very light :P

Leemcd56, just out of curiosity - what is a 'switched charset'? While we're talking about charsets, Canadonian, I really recommend you to use utf-8! And is it relevant if the activity feed will be jQuery? But as you can see, jQuery is already included.

Quote:
In Firefox (on a Mac), the navigation bar is padded a bit on the "Home" button. I don't know if that's intentional, but I can't try a PC to see different.
Confirmed it to be cross-browser. BTW, you got a good eye, I didn't see that before :P

leemcd56 12 years, 2 months ago

Quote:
It already has that… it's just very light :P
Then it needs to be a little darker. :P

A switched charset is what I call a forced charset, which is when the web site decides what charset to use because it otherwise defaults to what the browser thinks best. I also agree he should use UTF-8. The databases are all set to use it, and when it pulls it onto the page it can cause wrongful escapes and indiscrepancies.

It is relevant to me if the activity feed uses jQuery because otherwise I would have jumped on the bandwagon with everyone else and not liked it.

I also have to disagree with your point of line break tags. The way you put it, you're saying all use of <br /> outside of a paragraph is incorrect? Not true. While long text and blobs should properly be wrapped in a paragraph, not everything can be or should be. Line breaks are very useful for line carriage below items outside of paragraphs that don't always need to be wrapped in them, such as images, dividers, spans, and tables. Paragraphs have set margins by the browser, and wrapping everything in a paragraph tag would mean constantly adjusting its margins for different uses. Since the W3C hasn't specified that <br /> tags should only be used in paragraphs, I'll continue to argue it. lol

Quote:
BTW, you got a good eye, I didn't see that before :P
Thanks. I'm "in school" for web design and I'm the top of my class. ;)

sirxemic 12 years, 2 months ago

Quote:
I also have to disagree with your point of line break tags. The way you put it, you're saying all use of <br /> outside of a paragraph is incorrect? Not true. While long text and blobs should properly be wrapped in a paragraph, not everything can be or should be. Line breaks are very useful for line carriage below items outside of paragraphs that don't always need to be wrapped in them, such as images, dividers, spans, and tables. Paragraphs have set margins by the browser, and wrapping everything in a paragraph tag would mean constantly adjusting its margins for different uses. Since the W3C hasn't specified that <br /> tags should only be used in paragraphs, I'll continue to argue it.
I tried to make sense of that, but I had difficulties. Maybe it's the time, maybe it's because you are phrasing it weird, or maybe I am just stupid. Anyway, the only point I was trying to make is that if you use <br /> outside <p> (or <span>, when I think about it), you very most likely could have solved it using margin-bottom or something. BR stands for line break. A forced break in a line. So why would you try to break something that isn't really a line? This is how I view it. I can be very nitpicky when it comes to semantics.

BTW, why did you quote "in school"? :P

Oh, and I asked "And is it relevant if the activity feed will be jQuery?" knowing that it will be 'realtime' - emphasising that it should be irrelevant to us whether jQuery or raw javascript would be used :P

JID 12 years, 2 months ago

I agree with Ferret

leemcd56 12 years, 2 months ago

Well if you think about it, each segment of text (whether broken manually or automatically) is classified as a "line" on a device. Therefore, using a <br /> to break a line manually makes sense. xD

I put "in school" in quotes because I'm not really learning anything I didn't already know. I've been doing web sites for years and learning what I've done wrong as I went along from others. When I got into the program, I was allowed to skip 40% of my classes because I already knew everything in them they could teach me, so when I got into the program I was 'ahead of the other students', according to the teachers. Everyone uses Dreamweaver, and I do it manually. They've complained, but they see good results from me without it. xD

JuurianChi 12 years, 2 months ago

Quote:
They've complained, but they see good results from me without it. xD
Badass.

Quote:
JuurianChi - source code leecher.
:P

Canadonian 12 years, 2 months ago

I'm glad most of you like it. Just keep in mind that these are templates and can and should be modified. I'll pass them off as is to who ever will be coding them. I don't really care if they decide to change things up a bit. Its really just a launch pad of sorts.

I'll admit, I have been abusing bootstrap. Mainly because it's my first time using the thing and also because I wanted to make it real easy for the programmers to plug in other bootstrap bells and whistles.

About the breaks… I use them cause I get lazy. I hate making classes for padding and margin when I can just pop one in to seperate things, you know? But I understand where xememic is coming from. Anyway, if anyone wants to take my shitty code a step further, send me some pm love and I'll hook you up with the sauce.

Mordi 12 years, 2 months ago

That looks pretty cool, although there are 2 "recent activity" areas, which I think could cause some confusion.

Alert Games 12 years, 2 months ago

Wow this looks cool!

I think everything looks good BUT

The navbar sucks. Here may be a better group of options:

(Home) | User Page (or "Login/Sign Up") | Games | Examples | ETC | qDB | Users | Forums

Then when you click "Login/Sign Up", via jquery a form will slide down and have the fields in the format of the current login (with a sign up link next to it).

Also, less white space after "newer" and "older" on the top games/examples? Or take out the heavy border under the light diag lines…. I think the heavy lines make it look like its less important under there, like the bar on the bottom of V3 here.

I like the text up top of comments and game submissions that dont belong in the user feed. Maybe make the text a little smaller, and put the time stamp next to it to show that its very recent.? (would help make it less confusing)

I agree with an arrow to show more recent feed. Might take a little extra effort, but would be cool.

Then because of what i mentioned above with the login slide-in, take out the login fields at the bottom, but the copyright image on the left, the searchbar on the right, and leave the very bottom bar for those goodies.

:D