What are you working on? v7

[douche beat]

Heres a logo:
[url]http://www.abload.de/img/facepunchlogohugezuar.png[/url]

[marvincmarvin]

I'm working on my personal site. (mostly because I need more experience in web development)
When you first visit you are greeted with a button (picture below) that'll open the page using jQuery's animate to increase the size of the darker form, and change to opacity of the content.

[t]http://i.imgur.com/XafWH.png[/t]
[t]http://i.imgur.com/flCBl.png[/t]
[URL]http://marvincmarv.in/host/webm/preview.webm[/URL] (linked for those with bad bandwidth)

[Jimmy422]

[QUOTE=marvincmarvin;38116814]I'm working on my personal site. (mostly because I need more experience in web development)
When you first visit you are greeted with a button (picture below) that'll open the page using jQuery's animate to increase the size of the darker form, and change to opacity of the content.

[t]http://i.imgur.com/XafWH.png[/t]
[t]http://i.imgur.com/flCBl.png[/t]
[URL]http://marvincmarv.in/host/webm/preview.webm[/URL] (linked for those with bad bandwidth)[/QUOTE]

As cool as that is, it's kind of useless and would annoy me if I were to want to look at your portfolio.

[marvincmarvin]

[QUOTE=Jimmy422;38117423]As cool as that is, it's kind of useless and would annoy me if I were to want to look at your portfolio.[/QUOTE]

Would it help if I made it only work once using cookies? (It's still useless, but I like the idea of it)

[rookwood101]

If anyone wants to use my svg facepunch logo, you can [URL="http://i.minus.com/1350859996/oy-ZPzZ7Wsf5RdeKZJEzSQ/iwfLWevta06FY.svg"]download it[/URL] (99% accurate)

More icons:
[IMG]http://i.minus.com/ibm18zg82GhaKF.png[/IMG]

[aerochug]

This is what I've created so far. I went for a Metro-style look. I'm not too sure about the purplish colours but I'm still experimenting.

[img]http://puu.sh/1gXuI[/img]

[j4NZKUE]

working on something on photoshop :D usually i just start straight into html & css.
[IMG]http://tnypic.net/5c2a1.jpg[/IMG]

Still need to pick fonts, get some more content, and add details. Oh and don't know what i should do with the navigation?

[barttool]

[QUOTE=aerochug;38119210]This is what I've created so far. I went for a Metro-style look. I'm not too sure about the purplish colours but I'm still experimenting.

[img]http://puu.sh/1gXuI[/img][/QUOTE]

that doesn't really work for web..

[.Panties]

[QUOTE=kragmars102;38113506][img]http://ezyimg.info/content/P602Rn.jpg[/img]
[/QUOTE]

This is looking really good, the Category headings feel too candy'ish to me though, Loving the header.

[kragmars102]

[QUOTE=.Panties;38121347]This is looking really good, the Category headings feel too candy'ish to me though, Loving the header.[/QUOTE]

I see where you are coming from, i'll try change it a bit later. Thanks. One more thing I did when i was bored instead of doing homework.

[thumb]http://ezyimg.info/content/0TN49v.png[/thumb]

[Missing User]

Nay I liked the "candy'ish" headers. It fit the new derma theme of Garry's Mod too.

[KaLam1ty]

[QUOTE=Hellsten;38121518]Nay I liked the "candy'ish" headers. It fit the new derma theme of Garry's Mod too.[/QUOTE]

I like them too. It gives them a fair bit more depth compared to just adding shadows behind something.

[kragmars102]

[QUOTE=douche beat;38116678] facepunch logo [/QUOTE]

Sorry, this is completely unrelated. But you should thumbnail big images like that, it freezes my browser for a good 15 seconds everytime I scroll past it

[Sharpshooter]

[QUOTE=kragmars102;38123146]Sorry, this is completely unrelated. But you should thumbnail big images like that, it freezes my browser for a good 15 seconds everytime I scroll past it[/QUOTE]

That's because its trying to catch your attention, praying for you to use it!

[QUOTE=Spero78;38111399][img_thumb]http://puu.sh/1gJAD[/img_thumb]
Thoughts? Suggestions?
its just a jpg at the moment but i am planning on making it in HTML/CSS/jQuery[/QUOTE]

This looks nice, but you need a way for it to work on smaller monitors, I would say that when you click on a forum, the forum list goes to a forum-logo only view, then when you click back to it, it expands again.

[Paulendy]

[QUOTE=jung3o;38107119][URL]https://dl.dropbox.com/u/6380033/fppre/web/index.html[/URL]

I think it's going pretty well.[/QUOTE]

I really like this design but I don't think the category headings stand out enough so I decided to play around with it in FireBug and I think that this small change helps:
[t]http://i.imgur.com/EaNae.png[/t]
I might be the only one that feels this way but I just thought I'd throw in my 2 cents.

[Missing User]

I like it but maybe it's a little bit too red? Maybe header background could be dark grey (maybe even with slight tint of blue) or something.

[aerochug]

[QUOTE=barttool;38119962]that doesn't really work for web..[/QUOTE]

What do you suggest I change to make it more suitable for the web?

[RaccoonBro]

[QUOTE=jung3o;38107119][url]https://dl.dropbox.com/u/6380033/fppre/web/index.html[/url]

I think it's going pretty well.[/QUOTE]

[url]http://i.imgur.com/7nhfa.png[/url]
Chrome, Windows 8 64 bit, 1600x1200

[fritzel]

The one with the logout link wins.

[lordcrypto]

[QUOTE=The freeman;38126505][url]http://i.imgur.com/7nhfa.png[/url]
Chrome, Windows 8 64 bit, 1600x1200[/QUOTE]
its insecure content. after allowing it, it still gets weird

[mkp]

Made a slide deck html application a while ago. [URL="http://sy0t0s.bplaced.net/demo/slide/"]be careful: function everywhere[/URL]

Today I decided to give it a rewrite because i learned how to use Javascript properly. Works fine on mobile devices, opera, chrome and firefox.
[URL="http://rndm.de/lab/slide/"]early WIP[/URL]
[thumb]http://i.imgur.com/sGH9W.png[/thumb]

This version is more modular and easier to extend. For example adding a new display to the hud (top left):

children.push(new rndm.Display('now', {
	element: 'b',
	text: '0 / 0'
}, function(){
	this.obj.innerHTML = (that.now + 1) + "/" + that.slides.length;
}));

Atm I'm unsure whether to user the html5 pushState api or onhashchange :x

[buhbang]

[QUOTE=The freeman;38126505][url]http://i.imgur.com/7nhfa.png[/url]
Chrome, Windows 8 64 bit, 1600x1200[/QUOTE]

I really don't like chrome. I thought i already fixed this.

IE is even better than this.

[editline]21st October 2012[/editline]

use http instead of https
[url]http://dl.dropbox.com/u/6380033/fppre/web/index.html[/url]

[Primary]

Getting the input box to be the same width as the text it contains
[video=youtube_share;CiS8YZPVDv8]http://www.youtube.com/watch?v=CiS8YZPVDv8[/video]

[Jelly_]

I can recognise that nerdy black male voice anywhere. Sup Keysle?

[editline]a[/editline]

Wait, aren't you supposed to be banned.

[TerabyteS_]

[QUOTE=Jelly;38134060]I can recognise that nerdy black male voice anywhere. Sup Keysle?

[editline]a[/editline]

Wait, aren't you supposed to be banned.[/QUOTE]

You don't even need to listen to the voice, right at the beginning of the video he gets an email at [email][e-mail][/email] lol

[Spero78]

[QUOTE=Sharpshooter;38123625]
This looks nice, but you need a way for it to work on smaller monitors, I would say that when you click on a forum, the forum list goes to a forum-logo only view, then when you click back to it, it expands again.[/QUOTE]

I had been thinking of a way for it to work with smaller monitors, you just solved it. Thank you

[kragmars102]

For school, the content ( sample images ) aren't of my own ( pretty obvious ). Just a quick draft in html / css. I did that just to find out we had to sketch a storyboard of a website.

[thumb]http://ezyimg.info/content/xs414b.jpg[/thumb][thumb]http://ezyimg.info/content/uI34Q9.jpg[/thumb]

[josm]

This is what I have so far for the FP re-design. I think I'm going to start again.
[t]http://nehkz.me/img/i/0acb556cd67015658b32731f2917b9d4.png[/t]

[wizard`]

[QUOTE=kragmars102;38135421]For school, images aren't of my own ( pretty obvious ). Just a quick draft in html / css. I did that just to find out we had to sketch a storyboard of a website.[/QUOTE]

3A/B AIT or what?

[Ollie]

[QUOTE=nehkz;38135506]This is what I have so far for the FP re-design. I think I'm going to start again.
[t]http://nehkz.me/img/i/0acb556cd67015658b32731f2917b9d4.png[/t][/QUOTE]

Don't. It looks cool.