Is there a better way to get the vertical lines to match the height of the text areas, without hardcoding pixel values?
I'm a total noob with this web stuff, but I managed to hobble this together:
[img]http://i.imgur.com/mjf6ZDp.png[/img]
[url=http://pastebin.com/8ENM1CMa]Here's the pastebin[/url]
[QUOTE=ifaux;46492589][IMG]http://cl.ly/image/2w0u3R1I0t1k/button.png[/IMG]
[IMG]http://cl.ly/image/1t1u1r2F2Y2k/buttons@2x.png[/IMG]
[IMG]http://cl.ly/image/3P0s2X2p011Q/button@3x.png[/IMG]
fucking retina displays[/QUOTE]
A bit intimidating, you don't have to shout :(
I've been making a new loading screen for my GMod server, and I'm pretty proud of it:
[URL]http://direct.mattjeanes.com/abyss/project/loading.php?debug=1[/URL]
[editline]15th November 2014[/editline]
[t]http://i.imgur.com/roGvlnw.png[/t]
[QUOTE=ifaux;46492589][IMG]http://cl.ly/image/2w0u3R1I0t1k/button.png[/IMG][/QUOTE]
I'm wondering... you should recreate those buttons using CSS3 and then you wouldn't need retina resolution images (: You can chain box-shadows so stick a border on it, a box-shadow for the inner glow (0px 0px 4px inset I think) and then another inset box-shadow for that darker region at the bottom when in the normal and hover state (though you could also do that by playing with the gradient background too)
[QUOTE=chimitos;46494494]Is there a better way to get the vertical lines to match the height of the text areas, without hardcoding pixel values?
I'm a total noob with this web stuff, but I managed to hobble this together:
[img]http://i.imgur.com/mjf6ZDp.png[/img]
[url=http://pastebin.com/8ENM1CMa]Here's the pastebin[/url][/QUOTE]
Set a left border on every .navButton except the first one ( .navButton:nth-child(n+2){} )
tip: Drop the 1x1 pixel image and use an unordered list for the navigation
[QUOTE=atomiku;46494985]I'm wondering... you should recreate those buttons using CSS3 and then you wouldn't need retina resolution images (: You can chain box-shadows so stick a border on it, a box-shadow for the inner glow (0px 0px 4px inset I think) and then another inset box-shadow for that darker region at the bottom when in the normal and hover state (though you could also do that by playing with the gradient background too)[/QUOTE]
i thought about it but i figured it'd just be easier for me to use images (this is the only image on the entire site) because it was just something so small and simple and i kind of wanted to get it done quickly. i probably will at some point transition it to css but i am pretty clueless when it comes to fancy css3 options right now but we'll get there
this looks interesting
[url]https://github.com/sindresorhus/pageres[/url]
[IMG]http://i.imgur.com/pDMhfQC.png[/IMG]
Here' the dash to a blogging system I've been working on.
[QUOTE=MrFancyBuns;46500868]
Here' the dash to a blogging system I've been working on.[/QUOTE]
Your browser looks like a mess, but your blogging system looks pretty nice design wise.
[QUOTE=Moofy;46502313]Your browser looks like a mess, but your blogging system looks pretty nice design wise.[/QUOTE]
It looks like the Firefox developer version
So for my forum I made it show forums side by side if your screen is bigger than 1600px, but I've had a bunch of complaints about it saying it makes it look crowded. What do you guys think?
[T]http://i.imgur.com/UlDaG2X.png[/T]
Rate agree if you prefer this
[T]http://i.imgur.com/hPlLcUF.png[/T]
Rate disagree if you prefer this
Personally I hate to see all that space go to waste, and I hate having to scroll so much.
[editline]17th November 2014[/editline]
[QUOTE=MattJeanes;46494973]I've been making a new loading screen for my GMod server, and I'm pretty proud of it:
[URL]http://direct.mattjeanes.com/abyss/project/loading.php?debug=1[/URL]
[editline]15th November 2014[/editline]
[t]http://i.imgur.com/roGvlnw.png[/t][/QUOTE] Not sure if you'd be able to easily do it with multiple backgrounds, but it'd look nice if the boxes had a blurred effect and had a faint black overlay.
[QUOTE=Moofy;46502313]Your browser looks like a mess, but your blogging system looks pretty nice design wise.[/QUOTE]
It's the firefox developer version. Unfortunately, they chose a very strange color scheme.
You can change the color scheme, and it's not the colors that makes it a mess.
Here's mine: I like it clean.
[img]http://puu.sh/cTGfl/352e20b7c3.png[/img]
light theme only looks good on mac imo, but here it is on windows:
[img]http://puu.sh/cTGmZ/0651666ad7.png[/img]
[t]http://i.imgur.com/RNx7mKG.png[/t]
[url]http://robharding.net/[/url]
Website I'm working on. Not much yet, not even sure if I'm even going to get hosting for it either.
Also I still haven't come up with a proper name for it.
Profile
[t]http://puu.sh/cU2r8/f75cde83a7.jpg[/t]
Notifications
[t]http://puu.sh/cU2pS/b36e74c5e3.jpg[/t]
Edit Profile
[t]http://puu.sh/cU2yj/03c40a2f21.jpg[/t]
This is what is looks like when you have new notifications (old pic, but not much has changed to it)
[t]http://puu.sh/cU2Ay/54e70ddb6f.jpg[/t]
page king. :v:
[QUOTE=Ilyaaa;46507729]Website I'm working on. Not much yet, not even sure if I'm even going to get hosting for it either.
Also I still haven't come up with a proper name for it.
-pics-
page king. :v:[/QUOTE]
Too much free space at the top imo
what do you guys think of this menu. Ignore the bad 5 minute phoshop job and focus on just the usability of it.
It would be either tap on menu and then tap on menu item or tap on menu and swype towards the menu item (or both).
[IMG]http://i.imgur.com/eNkExUs.png[/IMG][IMG]http://i.imgur.com/l3azr0y.png[/IMG]
[QUOTE=Miljaker;46510832]what do you guys think of this menu. Ignore the bad 5 minute phoshop job and focus on just the usability of it.
It would be either tap on menu and then tap on menu item or tap on menu and swype towards the menu item (or both).
[IMG]http://i.imgur.com/eNkExUs.png[/IMG][IMG]http://i.imgur.com/l3azr0y.png[/IMG][/QUOTE]
Great concept, but the buttons may be to small, it's also not very easy to read 'home' and 'about' due to the angle - make everything horizontal if you can. It also goes against the existing UI model for android, so may not be very intuitive...
[QUOTE=Streetser20;46511037]Great concept, but the buttons may be to small, it's also not very easy to read 'home' and 'about' due to the angle - make everything horizontal if you can. It also goes against the existing UI model for android, so may not be very intuitive...[/QUOTE]
Size, color and shapes are just quickly put together. It's more the idea that I'm interested in.
I seriously started to get annoyed with those top left corner menu buttons everywhere. I have a 5" phone and I have to stretch my fingers to get to it. Imagine people with a Note, Iphone 6 Plus or Nexus 6. The bottom right corner makes so much more sense imo.
Remember that touch-and-hold google camera menu? reminds me of that :P
[QUOTE=Miljaker;46511067]Size, color and shapes are just quickly put together. It's more the idea that I'm interested in.
I seriously started to get annoyed with those top left corner menu buttons everywhere. I have a 5" phone and I have to stretch my fingers to get to it. Imagine people with a Note, Iphone 6 Plus or Nexus 6. The bottom right corner makes so much more sense imo.[/QUOTE]
why not create menus on the bottom like mobile apps.
[QUOTE=jung3o;46511629]why not create menus on the bottom like mobile apps.[/QUOTE]
All modern mobile apps have their menu at the top.
[T]https://lh5.ggpht.com/qfCWb_QLcmsaE2JqmW_szIGKyDv1hto_xbqL1UMmKWEIz3UmGyXR5gD2sic00pd8dg=h900-rw[/T][T]https://lh5.ggpht.com/cJJ0mTtfdDEzmXKILIErBf3mYoM0hAnNKI4Jiv2tVYqHKVLeqH3SeBEl3R6xu8BjWLg5=h900-rw[/T][T]https://lh4.ggpht.com/Nixc5V327-A_MaqdV82RQfpz6c9NK9QHkpfLXf6aMw2XybtxG9vm9gOi9RG9HTr90wFd=h900-rw[/T][T]https://lh3.ggpht.com/MWxjNKKIggtsZ4z7aIz7O7ZK-0WLrYf1ex41f8a9c_L_9OuPHV_HaO2UlNu5FJ6qV6Zd=h900-rw[/T]
[QUOTE=Miljaker;46511685]All modern mobile apps have their menu at the top.
[T]https://lh5.ggpht.com/qfCWb_QLcmsaE2JqmW_szIGKyDv1hto_xbqL1UMmKWEIz3UmGyXR5gD2sic00pd8dg=h900-rw[/T][T]https://lh5.ggpht.com/cJJ0mTtfdDEzmXKILIErBf3mYoM0hAnNKI4Jiv2tVYqHKVLeqH3SeBEl3R6xu8BjWLg5=h900-rw[/T][T]https://lh4.ggpht.com/Nixc5V327-A_MaqdV82RQfpz6c9NK9QHkpfLXf6aMw2XybtxG9vm9gOi9RG9HTr90wFd=h900-rw[/T][T]https://lh3.ggpht.com/MWxjNKKIggtsZ4z7aIz7O7ZK-0WLrYf1ex41f8a9c_L_9OuPHV_HaO2UlNu5FJ6qV6Zd=h900-rw[/T][/QUOTE]
Oh I was talking about some of the apps on ios (and there are probably some on android).
like the ios app store.
Making a dark theme for facepunch.
[t]http://i.imgur.com/EHTvUwP.png[/t]
[t]http://i.imgur.com/7eXX96P.png[/t]
The code so far [url]pastebin.com/Rz1RgyPw[/url]
Would like input on how to improve the code.
It's usable at this point though some things tend to break. :v:
You can't see time stamps of posts on that theme.
I Can barely read the posts
I've updated the design on my file sharing site, [url]http://uploads.pw/[/url] - check it out...
Not sure if i'm entirely happy with the black divs yet. I might make them solid white instead...
[img]http://i.imgur.com/2UlxRPI.png[/img]
[editline]20th November 2014[/editline]
Yep, white is much better.
[img]http://i.imgur.com/ed1KOPN.png[/img]
[img]http://i.imgur.com/dLLYT5j.png[/img]
[QUOTE=Miljaker;46510832]what do you guys think of this menu. Ignore the bad 5 minute phoshop job and focus on just the usability of it.
It would be either tap on menu and then tap on menu item or tap on menu and swype towards the menu item (or both).
[IMG]http://i.imgur.com/eNkExUs.png[/IMG][IMG]http://i.imgur.com/l3azr0y.png[/IMG][/QUOTE]
I would prefer something kind of like this:
[img_thumb]http://puu.sh/cYV6T/269ada221a.jpg[/img_thumb][img_thumb]http://puu.sh/cYV9t/4f4026e259.jpg[/img_thumb]
Obviously a bit cleaner, though. And larger.
[QUOTE=jmazouri;46536378]I would prefer something kind of like this:
[img_thumb]http://puu.sh/cYV6T/269ada221a.jpg[/img_thumb][img_thumb]http://puu.sh/cYV9t/4f4026e259.jpg[/img_thumb]
Obviously a bit cleaner, though. And larger.[/QUOTE]
how do you even select the menus
Sorry, you need to Log In to post a reply to this thread.
