[QUOTE=TerabyteS_;36333502]How 'bout
[img]http://gabrielecirulli.com/p/20120615-025052.png[/img][/QUOTE]
This might be a dumb question, but is all of this progress in Photoshop, HTML/CSS front-end only, or a fully functional site WIP? I only ask because it seems like you mostly do front-end design work, and this seems like it'd be a beast to program.
[QUOTE=TheBigS;36339026]This might be a dumb question, but is all of this progress in Photoshop, HTML/CSS front-end only, or a fully functional site WIP? I only ask because it seems like you mostly do front-end design work, and this seems like it'd be a beast to program.[/QUOTE]
All that I post is Photoshop mockups, but when I'm done with them the rest of the team starts developing them straight away.
[editline]15th June 2012[/editline]
Also we probably have the best team ever where everyone deals with what they're good at.
[QUOTE=TerabyteS_;36339393]All that I post is Photoshop mockups, but when I'm done with them the rest of the team starts developing them straight away.
[editline]15th June 2012[/editline]
Also we probably have the best team ever where everyone deals with what they're good at.[/QUOTE]
Any chance you could send me a psd? To see how its build up. When I try to make something in photoshop it gets so messy that it becomes useless.
[QUOTE=Miljaker;36340106]Any chance you could send me a psd? To see how its build up. When I try to make something in photoshop it gets so messy that it becomes useless.[/QUOTE]
I'm sorry, we can't release the sources right now.
its ok i can settle for an invite
[QUOTE=Miljaker;36340106]Any chance you could send me a psd? To see how its build up. When I try to make something in photoshop it gets so messy that it becomes useless.[/QUOTE]
Use groups and name your layers well. That's all you have to do to keep a PS file clean.
[QUOTE=KmartSqrl;36341010]Use groups and name your layers well. That's all you have to do to keep a PS file clean.[/QUOTE]
Automatic layer selection too.
[QUOTE=TerabyteS_;36341285]Automatic layer selection too.[/QUOTE]
Sometimes, other times automatic layer selection is a pain in the ass
[QUOTE=TerabyteS_;36341285]Automatic layer selection too.[/QUOTE]
That always pisses me off more than it helps me haha.
Made a chrome extension with a classmate of mine a few days ago. (First time ever making extension).
Its nothing more then auto login for all the online services we have for school. 5 different websites with the same username and password and you have to log into each of them separately.
You just fill in your username and password in the extension and whenever you visit one of the website it will autologin. Also links to each website so you don't have to remember them. We might add a mailchecker and show last 3 testresults. So you don't have to go to the websites every day to see if there is something new.
Nothing too complex but just to see how extentions work.
[IMG]http://i.imgur.com/V8AvW.png[/IMG]
[IMG]http://i.imgur.com/KvkdL.png[/IMG]
[QUOTE=Dotmister;36341343]Sometimes, other times automatic layer selection is a pain in the ass[/QUOTE]
Why? I have zero problems with it.
I almost always have a lot of nested groups and layers that sit on top of eachother that all need to move together so it's generally not that useful to me because if that.
[editline]15th June 2012[/editline]
One of the sites I designed recently had around 800 layers in the photoshop file.
I always and up merging some layers... guess I should try not to.
[QUOTE=KmartSqrl;36341010]Use groups and name your layers well. That's all you have to do to keep a PS file clean.[/QUOTE]
I recently got a job at a web design place near me and one of the designers always disregards PSD organization. For instance, if a header gets changed in the mock up he'll drag and drop all those layers into the top of all the other PSD pages, no group, nothing. All my rage!
[editline]15th June 2012[/editline]
At least he's good at the actual designing part. :v:
[QUOTE=Miljaker;36342292]I always and up merging some layers... guess I should try not to.[/QUOTE]
I try to make everything I do in a psd as non-destructive as possible. I avoid merging layers whenever I can, and I make very extensive use of groups with layer masks on them to keep things flexible. I've found it helps me when I start working on front-end to have everything as close to how I'd like to develop it as possible, and all my computers are fast enough that having all the layers doesn't really hurt performance much at all.
hey im in the middle of working on something
where does the line stand betwixt using images for the design and making it in css
like im gonna have a 1mb css file by the end of this and i feel kind of bad for not just using my psd template
are people going to hold a grudge with me if i do it the easy way? :v:
I use images all the time, if it looks the same and it doesn't slow the load times down considerably there's no reason to avoid images because the end user will never know the difference.
For little shit like drop shadows on images and rounded corners that won't really hurt a user's experience if their browser doesn't support them I just do CSS though.
[QUOTE=KmartSqrl;36341352]That always pisses me off more than it helps me haha.[/QUOTE]
I always keep automatic detection off, but there is one shortcut I learned one day that helped.
If you switch to the arrow tool, you can ctrl+click on a pixel and it will automatically make that layer active, unless the layer is locked from movement. Which means if I ever want to select a specific layer, all I have to do is press [V], then ctrl+click on a pixel and i'm there, assuming I haven't locked it from being moved around.
The GMod main menu, recoded using AngularJS (only the top 2 links on the left work right now)
[url]https://dl.dropbox.com/u/3590255/Tests/GMOD/html/menu.html#/[/url]
If anyone has any design or performance tips I'm all ears!
Add an option to search gamemodes, and sort them by different values.
Also add a display method to show all the servers like the old browser but in the new GUI
I can imagine searching by gamemode like that will someday get annoying when trying to find a server group or something.
[editline]16th June 2012[/editline]
Also I'm guessing gamemodes will be able to customize their icon?
Gamemodes can customize their icon - but only installed gamemodes. That's something I want to address.
I'm considering having 2 columns, then in the right side showing trending gamemodes, or grabbing html from a website and displaying it there - highlighting cool gamemodes.
[QUOTE=garry;36352075]Gamemodes can customize their icon - but only installed gamemodes. That's something I want to address.
I'm considering having 2 columns, then in the right side showing trending gamemodes, or grabbing html from a website and displaying it there - highlighting cool gamemodes.[/QUOTE]
Why not just have a tabbed display?
Instead of having 2 columns?
I could collapse into being tabbed if the display is < 1024 I guess, but I think the issue with that is these trending, or highlighted gamemode will act like adverts - and the only way for them to be useful is if people see them.. and I don't think it's something people will seek out.
I'd recommend a custom scrollbar. It looks a bit weird to have the default scrollbar on a custom design, and since it's only rendered by one engine there are no compatibility issues.
[editline]16th June 2012[/editline]
Also, maybe rounded corners on the map images.
Have a tabbed layout but...
Keep the trending adverts on the game modes tab.
have a second tab for a vanilla server list.
Default it to the game modes tab.
[QUOTE=garry;36351457]The GMod main menu, recoded using AngularJS (only the top 2 links on the left work right now)
[URL]https://dl.dropbox.com/u/3590255/Tests/GMOD/html/menu.html#/[/URL]
If anyone has any design or performance tips I'm all ears![/QUOTE]
I like the design, it's easy to navigate. One issue I have with it is that the order changes vastly as it scans for servers. This can make it hard to click a specific gamemode before it has scanned a large number of servers.
This could be fixed by some kind of caching (For example, ordering the servers by the last load's results?) then when the user enters a server, update the order.
Another alternative might be to only update the order every 5 seconds or so, and do it using some form of animation.
[QUOTE=garry;36352129]Instead of having 2 columns?
I could collapse into being tabbed if the display is < 1024 I guess, but I think the issue with that is these trending, or highlighted gamemode will act like adverts - and the only way for them to be useful is if people see them.. and I don't think it's something people will seek out.[/QUOTE]
I would suggest doing two columns instead of tabs only if the actual layout of the contents of the column were to be different between the two.
[editline]16th June 2012[/editline]
[QUOTE=Dotmister;36352653]I like the design, it's easy to navigate. One issue I have with it is that the order changes vastly as it scans for servers. This can make it hard to click a specific gamemode before it has scanned a large number of servers.
This could be fixed by some kind of caching (For example, ordering the servers by the last load's results?) then when the user enters a server, update the order.
Another alternative might be to only update the order every 5 seconds or so, and do it using some form of animation.[/QUOTE]
I would make it so that new elements slide in from the top (like in the Ticker) or in the right place, but no new elements appear if the user is hovering the display (they only appear when the user's cursor leaves the area again). That way, you don't get the chance of the user misclicking or losing track of the element they want to select because another element appears below their cursor right before they click.
Yeah the server changing order is going to be an issue. Even if I add an animation it's going to be a pain in the ass when trying to click on something.
I can make it only update once a second - but it gives the impression that the system is slower than it is... :/
The default server list (or atleast in CSS) 'fixes' the list to the item you've selected. For example: If there are 10 items already and you've selected the 5th one, and another item gets added, but is moved to the first spot due to the name starting with an A, technically the list would be scroleld down 1 item to keep the selected item in place.
A pause button would also come in handy.
==
Those two points are the exact same as the two in this post, even in the same order. :v:?
v
[QUOTE=garry;36353708]Yeah the server changing order is going to be an issue. Even if I add an animation it's going to be a pain in the ass when trying to click on something.
I can make it only update once a second - but it gives the impression that the system is slower than it is... :/[/QUOTE]
Maybe lock the position of a gamemode when the user hovers over it?
Sorry, you need to Log In to post a reply to this thread.
