First attempt for the fp challenge. First time working out a design in photoshop. I usually just instantly start with html and css. Wish I was better at design... Guess I have to practice more.
[IMG]http://i45.tinypic.com/2qbumwj.png[/IMG]
[QUOTE=Miljaker;38099518]First attempt for the fp challenge. First time working out a design in photoshop. I usually just instantly start with html and css. Wish I was better at design... Guess I have to practice more.
[IMG]http://i45.tinypic.com/2qbumwj.png[/IMG][/QUOTE]If you want, the contest also allows you to work in HTML.
[QUOTE=TerabyteS_;38099559]If you want, the contest also allows you to work in HTML.[/QUOTE]
I know, but I want to practice. I'll never get any good if I just ignore it.
[QUOTE=Amiga OS;38099618]I wonder how MetroPunch would look...[/QUOTE]
Probably really good
[QUOTE=Amiga OS;38099618]I wonder how MetroPunch would look...[/QUOTE]
You mean ModernPunch? Win8 app style?
I was thinking about creating a modern facepunch app as first app. But seems kinda useless when you have a full browser on win8 devices anyway.
[QUOTE=HeroicPillow;38076488]Seeing as i'm getting rid of my VPS at the end of the month, I needed webhosting. So I figured the "easiest" route to go was to just push it all onto tumblr and make it work somehow. And while in the process, I needed a new theme that was compatible with tumblr.
[...]
I also hope to have a tumblr-compatible copy up by tomorrow.[/QUOTE]
All right, i've gotten everything into a "working" state. There are a few design flaws here and there, but it is at least working nicely with tumblr now. I've never done a blog theme before so it's a fun little crash course.
[url]http://blog.pixellegacy.com/[/url] <- temporary subdomain until i'm finished with layout
[b]Things I would like some insight on:[/b]
§§ Photo posts
» I currently have an image wrapped in a div, and it seems I have some weird margin/padding bug on the bottom of the image. The white border is larger on the bottom than it is on the other sides, and I have looked into everything I could think of but can't seem to figure out why it's happening.
»»»»FFS this fixed itself when I was trying to fix the problem below. I think it might've been fixed by changing the img to "display:block".
» Once a post container gets large enough, the img div [url=http://i.imgur.com/ecm7A.png]nestles itself next to the date-ribbon[/url]. Should I force everything to the right side to match the photo container, or try to keep everything below the date ribbon?
» Why is [url=http://i.imgur.com/rCnqq.png]chrome the only browser[/url] that seems to properly do max-width on images? [url=http://i.imgur.com/wzott.png]Here's what it looks like in firefox 16[/url] (IE8 is identical). Are there any workarounds I could use to remedy this?
»»»»Actually, after looking into it some more it seems to be due to the fact that "according to the spec" max-width doesn't work on inline elements, which I believe would include inline-block. But you can't have the container form-fit to the image without it being some form of inline, so therefore there doesn't seem to be a valid way to make sure an image doesn't go outside the boundaries without using overflow:hidden; on the parent container. But that doesn't really solve the problem, and the only way I can think to solve the problem would be to nest a couple divs inside of each other and pray i've got the right combination to fix it. ugggh html quirks.
§§ Text posts
» I'm still faffing about with fonts, and I'm still not satisfied with how i've presented everything. One possibility is that the columns are too narrow so you have to shift your eyes back to the start of the line constantly (which can be annoying). I beseech thee font gurus; lend me thyn knowledge.
I'm making some kind of Javascript framework for Powerpoint-like presentations.
[URL="http://www.novaember.com/numbra/demo.php"]Numbra[/URL]
Currently only supports Chrome, gonna support Firefox later.
[QUOTE=Darkwater124;38100878]I'm making some kind of Javascript framework for Powerpoint-like presentations.
[URL="http://www.novaember.com/numbra/demo.php"]Numbra[/URL]
Currently only supports Chrome, gonna support Firefox later.[/QUOTE]
Unable to click the bottom left links or scroll. Using chrome.
[editline]19th October 2012[/editline]
[IMG]http://i49.tinypic.com/2rp79mu.png[/IMG]
The more I work on it the crappier it starts to look... [sp]that "viewing" align...[/sp]
Overly complicated imo.
Define "complicated" please. Because it seems pretty straightforward to me.
[QUOTE=Miljaker;38101057]Unable to click the bottom left links or scroll. Using chrome.
[editline]19th October 2012[/editline]
[IMG]http://i49.tinypic.com/2rp79mu.png[/IMG]
The more I work on it the crappier it starts to look... [sp]that "viewing" align...[/sp][/QUOTE]
Make spacing between the red elements, make the white background box thingy the same size.
Also, I have no clue what the blue bar under the logo is, but you should probaly snap it to the top element.
[QUOTE=Miljaker;38101057]Unable to click the bottom left links or scroll. Using chrome.[/quote]
Looks like it gets stuck sometimes, try refreshing.
[QUOTE=Miljaker;38101199]Define "complicated" please. Because it seems pretty straightforward to me.[/QUOTE]
Complicated color system - not as in too many colors, but as in where.
Navbar is just confusing at first glance - I don't want to have to take a few seconds to interpret it.
Ticker/Event log etc links also are fairly compact and harder to read than I'd like.
[editline]19th October 2012[/editline]
[QUOTE=Darkwater124;38100878]I'm making some kind of Javascript framework for Powerpoint-like presentations.
[URL="http://www.novaember.com/numbra/demo.php"]Numbra[/URL]
Currently only supports Chrome, gonna support Firefox later.[/QUOTE]
Not working on Chrome for me.
[QUOTE=Miljaker;38101057]Unable to click the bottom left links or scroll. Using chrome.
[editline]19th October 2012[/editline]
[IMG]http://i49.tinypic.com/2rp79mu.png[/IMG]
The more I work on it the crappier it starts to look... [sp]that "viewing" align...[/sp][/QUOTE]
Keep in mind that the structure doesn't have to stay the same if you don't want to. You're free to do whatever you want with the structure of the page, so you can come up with something new.
Awh yeah, got my business cards (went really boring on them tho) today, not ready to go freelance just yet but all in preperation
[QUOTE=TerabyteS_;38103249]Keep in mind that the structure doesn't have to stay the same if you don't want to. You're free to do whatever you want with the structure of the page, so you can come up with something new.[/QUOTE]
I think to many people are used to the current layout and changing it too much would be to big of a change. I wouldn't like a website to change it basics if I'm used to it.
Update. For the people wondering what the blue bar is. It are tabs on the homepage the first button shows the default view (as in the image below) the second button is the icon of the featured subforum and the tab shows the threads in that subforum. The text links are tabs to the threads you are subscribed to.
[IMG]http://i48.tinypic.com/n4iqfd.png[/IMG]
I think the red menu bar needs a bit more padding.
[QUOTE=Darkwater124;38104857]I think the red menu bar needs a bit more padding.[/QUOTE]
It needs a lot more then just some padding. That navigation is driving me nuts just can't figure out how I want it to look. Gonna leave it alone for a while hope it will get some inspiration following days.
[QUOTE=Miljaker;38104902]It needs a lot more then just some padding. That navigation is driving me nuts just can't figure out how I want it to look. Gonna leave it alone for a while hope it will get some inspiration following days.[/QUOTE]
I think you need to consider picking a blue color ever so slightly lighter, or make it a gradient (again, only slightly). In my opinion that blue is too primary, and it sort of clashes with the already primary Vernon red. The red on the navigation bar needs to be the same color as the logo because they are close enough to be compared.
Those were my $0.02 and now I'm skint :(
[url]https://dl.dropbox.com/u/6380033/fppre/web/index.html[/url]
I think it's going pretty well.
[QUOTE=Miljaker;38104491]I think to many people are used to the current layout and changing it too much would be to big of a change. I wouldn't like a website to change it basics if I'm used to it.
[/QUOTE]
To a point. I'm still used to when all the forums were in one long list. It's still strange for everything to be in two columns.
This is what I'v done today :)
From school end to bed time.
[url]http://dl.dropbox.com/u/52732348/facepunch/index.html[/url]
[url]http://dl.dropbox.com/u/52732348/facepunch/index.html#attention[/url]
Stuff planned to change:
- Icons got no AA
- Footer is just a placeholder
- I'm not happy with the "read" icon. Might change the name as well to a more describing one.
[editline]20th October 2012[/editline]
Ohh, and the font is "Century Gothic"
No @font-face yet
Please don't use Century Gothic, I'd rather scrape my eyes out than read everything in that goddamn font
[QUOTE=douche beat;38107419]Please don't use Century Gothic, I'd rather scrape my eyes out than read everything in that goddamn font[/QUOTE]
Noted. Will change the font tomorrow. ;)
Also: I'm not done with the section list(sub forums)
snip
[QUOTE=xmariusx;38107313]This is what I'v done today :)
From school end to bed time.
[URL]http://dl.dropbox.com/u/52732348/facepunch/index.html[/URL]
[URL]http://dl.dropbox.com/u/52732348/facepunch/index.html#attention[/URL]
Stuff planned to change:
- Icons got no AA
- Footer is just a placeholder
- I'm not happy with the "read" icon. Might change the name as well to a more describing one.
[editline]20th October 2012[/editline]
Ohh, and the font is "Century Gothic"
No @font-face yet[/QUOTE]
btw i think your floats aren't liking one another xD
[quote]
[img]http://i45.tinypic.com/2w5psv8.png[/img]
[/quote]
unless you meant for it to be that way..
[editline]20th October 2012[/editline]
[QUOTE=jung3o;38107119][url]https://dl.dropbox.com/u/6380033/fppre/web/index.html[/url]
I think it's going pretty well.[/QUOTE]
and this is just beautiful, but i'm really excited to see tera's and jelly's entries :D
[img]http://i.imgur.com/We0xy.png[/img]
shit i'm not going to continue this
[QUOTE=jung3o;38107119][url]https://dl.dropbox.com/u/6380033/fppre/web/index.html[/url]
I think it's going pretty well.[/QUOTE]
I don't think I can participate, mainly because my current project is basically just tweaking a themeforest template, but this is probably my favorite
[QUOTE=Aurora93;38109328][img]http://i.imgur.com/We0xy.png[/img]
shit i'm not going to continue this[/QUOTE]
thats hot, keep it going man
Sorry, you need to Log In to post a reply to this thread.
