A while ago I requested help from other wanna be webdevs ( [url]http://www.facepunch.com/threads/1146259[/url] ) to do a project together and improve our skills. However I was very busy with college (and family) so I had no time to even think about it. I still want to improve my skill but I know something will probably come up so instead of working together with other people I decided to do it all by myself and make a thread with my progress.
If people wish to contribute they are free to do so obviously but I just want to make sure that everyone understands not to count on me. School, work, friends and family all go before this project. All criticism is appreciated and I love to get all of your opinions. Pretty much everything said in the previous thread still stands. I'd love it if people would just mess around the site trying to break stuff and post here what isn't working.
I'm especially looking forward to mastering javascript/jquery. Made my first ever sliding div few days ago :D.
_________________________________________
The site will basically allow people to attend (and create) gaming events. People register an account and subscribe to the games they want. They will get updates on upcoming events from the games they are subscribed to. There will be a forum and messaging system for easy communication and player profiles to show off what events you attended.
_________________________________________
Link: [URL="http://tuxedogaming.com"]tuxedogaming.com[/URL]
For those interested:
[url="http://steamcommunity.com/groups/tuxedogaming"][img]http://tuxedogaming.com/img/steam.png[/img][/url] [url="http://www.facebook.com/TuxedoGaming"][img]http://tuxedogaming.com/img/facebook.png[/img][/url] [url="https://plus.google.com/u/0/109537385113782655096"][img]http://tuxedogaming.com/img/googleplus.png[/img][/url]
Screenshot.
[IMG]http://tuxedogaming.com/screenshot.jpg[/IMG]
Few tiny updates. Next gonna try and figure out how to set a default avatar for people who don't have it set. It also appears my slider isn't working in IE. Figures.
Made the register form load into the panel. And made the code a bit more easier to read. And again a few tiny design changes.
Wondering if I should add email activation. I always hate it when I have to do that when registering somewhere. And people have to login using mail so doing something random won't benefit them at all. I don't plan on mailing anyone for anything anyway. Registration is so quick and easy now. I'd like some input on this.
Also added success/failure pages and a decent looking settings page.
Oh and [code]$(document).ready(function registerScript(){
$("#registerLink").click(function registerScript(){
$("#features").load('register.php');
return false;
});
});[/code]
[code]<a href="#" id="registerLink">Register</a>
<div id="features">
</div>
[/code]
Doesn't work in mozzila... great. If anyone knows how to fix this please tell me.
That's pretty sweet dude! I'm loving the sliding div at the top as you call it. Nice work.
I even made an account, how ever what its purpose is i'm not sure lol.
Add some functionality, i like the design but maybe a little refinement?
But yeah, nice work.
Created userlist and profile page. Gotta make it decent looking and let it actually show some information but I'll leave that for some other time. Does anyone have any suggestions on what games to add? TF2 and LOL will definitely be there.
CS:S & Gmod.
Pretty much finished the homepage. Maybe a few more changes but I think it looks pretty good for now.
And still gotta figure out why jquery load() doesn't work in older versions of mozzila. It also seems like jquery 1.5 doesn't work at all in IE9.
Stupid crossbrowser shit.
Just by taking one look at this site it's obvious that you didn't draw a design out first, or at least didn't spend [I]enough[/I] time planning what you want it to do. You have a lot of wasted space between your page elements, the design doesn't really flow and it's not pretty to look at all. A little more planning and man hours wouldn't go astray. I love that your trying and I'm by no means trying to discourage you but it's just not worth showing us yet.
Fuck I hate being the bad guy.
I agree, too much empty space. And the navigation needs a little more "pizazz".
Looking nice, but as many say a little bit too much empty space.
I like the sliding box for the credentials and information, but for some reason its slightly annoying me, i have no idea why i think its because it doesn't stay down when i move pages. But ignore me, some say im a bit erm.. special.
Anyway, just friendly advice! Looking goooood.
Brad,
Edit: "Pizazz" Is the correct word to use! Needs more "Pizazz" bro.
I hate fucking doing design. Thanks for the criticism it is exactly what I'm trying to get by making this thread. And I indeed didn't think about design AT ALL before I started, mostly because everything in my head looks amazing and when I make it It looks rubbish. It annoys me that I probably could make it with not too much trouble if I only knew what to make.
I'll try and see if I can get it too look less empty I won't have alot more content besides the logo/title eventually to go there so I guess that will be a challenge.
Made it so the sliding div stays down/up when you switch pages.
[QUOTE]Fuck I hate being the bad guy.[/QUOTE]
Nope first good guy here :v:
It feels like i've explored the whole site in 2 minutes.
However i like how you used the background from facepunch, and mirrored it.
[QUOTE=Kryzech;34476265]It feels like i've explored the whole site in 2 minutes.
However i like how you used the background from facepunch, and mirrored it.[/QUOTE]
I'm not even close to finishing the site of course its lacking content.
Just quickly made a background with [url]http://www.stripegenerator.com/[/url] didn't notice it was the same a facepunch. Never meant for it to stay like that anyway.
Hey it's looking pretty good so far but i would make the bar repeat like this
#Yourdiv {
background: #fff repeat-x top;
height:50px;
}
just change the color to the gray color and the height to what is on [url]http://gc.microskip.com[/url]
(also makes it look less like a centered box on the screen)
[QUOTE=Personas;34476612]Hey it's looking pretty good so far but i would make the bar repeat like this
#Yourdiv {
background: #fff repeat-x top;
height:50px;
}
just change the color to the gray color and the height to what is on [url]http://gc.microskip.com[/url]
(also makes it look less like a centered box on the screen)[/QUOTE]
What bar exactly are you talking about? The sliding one?
The image slider.
<div id="slider">
<img src="slider/img/game1.png" data-caption="#numberone" />
<img src="slider/img/game2.png" data-caption="#numbertwo" />
<img src="slider/img/game3.png" data-caption="#numberthree" />
<img src="slider/img/game4.png" data-caption="#numberfour" />
<span id="numberone">NEW! Team Fortress 2</span>
<span id="numbertwo">NEW! League of Legends</span>
<span id="numberthree">NEW! Terraria</span>
<span id="numberfour">NEW! Worms Reloaded</span>
</div>
(copied from your source code)
[QUOTE=Personas;34476677]The image slider.[/QUOTE]
Why would I change the background there if it isn't visible at all? Does it look anything like the ss I posted in the OP? If not something else must be wrong. If would be awesome if you could post a ss.
[QUOTE=Miljaker;34476151]And I indeed didn't think about design AT ALL before I started, mostly because [B]everything in my head looks amazing[/B] and when I make it It looks rubbish.[/QUOTE]
Yeah I'm exactly the same. Detailed paper planning is a fantastic balance of solidifying what you have in your mind whilst also keeping the time down. The best way to do it is to make a mock up in Photoshop first, but that can take hours.
[QUOTE=Miljaker;34476151]
[QUOTE]Fuck I hate being the bad guy.[/QUOTE]
Nope first good guy here :v:
[/QUOTE]
Thank you, I'm glad to see you embrace the CC. Again I'm sorry if I came across overly aggressive it's just that so often you get people coming in here trying to show boat some fairly average work and not taking any advice.
If you can, try and get in contact with a guy here on Facepunch called Averice (Just tell him wizard` sent you ;D). If your serious about getting a community off the ground he's the guy to talk to about what the site needs and how to do it.
He will trashshit your work btw, but he's always got a reason and a way to improve it.
Changed colors a bit. The free space on the right will probably be used to show upcoming events or latest forum posts something like that. I'm also not sure if I should use the same dark style on every page or to keep it light on pages like settings/profiles/userlists etc.
Oh... might need to clear cache if you viewed site before to reload the orbit imageslider. Made few changes there.
What's all that empty space to the right now? Center the content then reduce the width of the wrap.
[QUOTE=nivek;34490875]What's all that empty space to the right now? Center the content then reduce the width of the wrap.[/QUOTE]
Considering that he hasn't chosen to do that I think it's safe to say he has a plan for something to go in that space.
Yea like I said in my previous post I'll put either recent forum posts or upcoming events there. I gave the space there a design, tell me what you think.
Also made it possible to join/leave games now... got a very nice piece of code of a friend of mine which basically makes it possible to execute some php code with an onclick. Didn't look at the js he gave me but I might try to recreate it sometime in the future.
I really shouldn't be working on this right now because I have a very important test friday. And I really don't want to lose another half year of school. But it's so hard to stop when you are working on it.
Two words on the design: padding, please.
[QUOTE=Kirth;34493933]Two words on the design: padding, please.[/QUOTE]
Where exactly? The only place where I don't have a padding is the game elements.
There, exactly :3.
One more remark (sorry :c); the diagonal lines in the background suggest action, movement. They'll generally make most people feel uncomfortable or distract them from the important bits (content!). In fact, the stripes in the back kind of kill it for me. Personally, I'd suggest going with a subtle texture, solid colour or full background wallpaper (of the likes gamer-oriented sites tend to be so keen of nowadays).
Maybe a trip to [url=http://subtlepatterns.com]subtlepatterns.com[/url] could help you find a more enjoyable background? Good luck!
[QUOTE=Kirth;34494438]There, exactly :3.
One more remark (sorry :c); the diagonal lines in the background suggest action, movement. They'll generally make most people feel uncomfortable or distract them from the important bits (content!). In fact, the stripes in the back kind of kill it for me. Personally, I'd suggest going with a subtle texture, solid colour or full background wallpaper (of the likes gamer-oriented sites tend to be so keen of nowadays).
Maybe a trip to [url=http://subtlepatterns.com]subtlepatterns.com[/url] could help you find a more enjoyable background? Good luck![/QUOTE]
I'll change the padding after dinner and I'll look into the background. I've heard more people saying it doesn't fit. But I think it looks nice behind the settings page for example. A full background wallpaper is pretty much a no. I can't make anything decent myself and I don't want to steal other peoples work either. I doubt anyone wants to make one for me.
Oh wow.... so many awesome patterns on that site. There is shitloads of stuff I tried to make myself but never managed to get it right.
Implemented messaging.
Still needs alot of work tho. Inbox needs a layout, sent messages needs to be displayed completely (this will be easy after I finish inbox) , need to make links in profiles/userlist to quick message people instead of typing their name every time, show unread messages at the bar, etc.
It's actually not implemented at all... I just made a nice start.
Got a bit further. The messages now display properly and in a nice accordion view. Still need to make it possible to quickmessage when you click on an icon next to someones name.
Anyone feel like criticizing what I have so far? Mostly the indexpage and messaging.
[IMG]http://i.imgur.com/nZSSl.jpg[/IMG]
Sorry for the jpeg compression, ew.
Yeah the slider definitely needs some work. And indeed the middle part will eventually show important things like newly created events, people attending to your events, etc.
You would completely remove text from the bottom? It kinda looked empty without it so I just wrote something quickly to fill it up.
And would you have the whole menu made smaller to the size of the content container or just move the links to the right? As of now the slider and menu are 100% width and it seems silly to make the menu smaller then the slider. And having the slider at 100% is the most practical once the feed gets there.
Sorry, you need to Log In to post a reply to this thread.
