It is currently Wed Jun 19, 2013 8:27 pm

All times are UTC - 8 hours




Post new topic Reply to topic  [ 439 posts ]  Go to page Previous  1, 2, 3, 4, 5, 6, 7 ... 30  Next
Author Message
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 12:46 pm 
Offline
User avatar

Joined: Wed Jun 20, 2007 1:00 pm
Posts: 1098
Location: Ingolstadt [DE]
Looks nice, but I would remove the star at the "New" tag.
New users could be confused, because there are stars below the icon, too.


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 1:30 pm 
Offline

Joined: Sat Mar 26, 2011 2:31 am
Posts: 646
Thanks for your work, tproli!
It's getting better and better.
Respect to the permalink, it is necessary because it is the ID of each program. When you need to link to an app entry you have to use the permalink.
Since it's not a very used information perhaps you can place it at the bottom...
And I think that the entries should lost the "New" label when they leave the group of the first 500.


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 2:45 pm 
Offline
User avatar

Joined: Sat Sep 09, 2006 10:14 am
Posts: 716
Location: Hungary
Ok, I will leave permalink as is.

Here is the latest:
http://rolandtoth.hu/pic/pfc-facelift/p ... ft-04a.png

- page title and the top pagination links rearranged: more white space at top
- gray sidebar background: more lighter
- new footer
- new member points icon
- "suggested by..." went back to second row

I think I'm happy with the results and I don't plan bigger modifications, unless you point out something terrible :)

I will re-create the logo, it will be better than before :)

_________________
yet another Portablizer :: PasteColor


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 7:14 pm 
Offline
User avatar

Joined: Sat Feb 04, 2006 9:19 am
Posts: 1879
@tproli: You are awesome! We are witnessing first hand the stark difference between a programmer and a designer.

I am quite happy with the current design:

http://rolandtoth.hu/pic/pfc-facelift/p ... ft-04a.png

but then I am aesthetically quite blind. Not my words, my wife's. :lol:

Once you are happy with a first cut, please email me the necessary files and I will try to integrate them and push them out into the test region, which I will open up for you guys to play around with. Nothing like a live site to provoke even more comments!


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 7:30 pm 
Offline
User avatar

Joined: Sat Feb 04, 2006 9:19 am
Posts: 1879
@tproli: A question popped into my mind? I was wondering how easy it is to maintain/update the design if you are busy/not available for some reason?

To break it down:

1) Was any tool(s) involved in designing the layout?

2) What kind of skillset is required for someone to modify/update/extend the layout?

Thanks.


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 8:09 pm 
Offline

Joined: Wed Jul 18, 2007 5:45 pm
Posts: 618
Mockups are one thing, but cutting up the design and changing the existing HTML markup and coding brand-new CSS will take the most time.

Depends on your comfortable level with HTML / CSS; I'm guessing tproli has the skills to do this!

A couple of things to also consider:
* Is this a fixed-width layout or a variable-width layout? (current version of the site is variable)
* Is it going to be responsive layout? (eg. work with mobile devices)

The "entries per page" dropdown will probably need to use javascript, since you can't design a dropdown menu like that without manipulating it.

_________________
is it stealth? ;)


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Wed Jul 18, 2012 10:42 pm 
Offline
User avatar

Joined: Sat Sep 09, 2006 10:14 am
Posts: 716
Location: Hungary
Quote:
@tproli: You are awesome! We are witnessing first hand the stark difference between a programmer and a designer.

Thanks. In fact the existing layout is quite functional and well thought so there was no need to reinvent the wheel. There are some new features but basically it was only skinning.

Quote:
1) Was any tool(s) involved in designing the layout?

- Adobe Fireworks. Its filetype is png but I can convert it to psd which is more universal. I guess it is not hard to convert it to GIMP's file format.
- "Open Sans" is the font used: http://www.fontsquirrel.com/fonts/open-sans

Quote:
2) What kind of skillset is required for someone to modify/update/extend the layout?

- for the graphical part, Adobe Fireworks or Photoshop (or GIMP).
- sitebuild: html, css, javascript (+ jquery), and a text editor. Basic modifications/update would be easy. Bigger changes would need deeper technical skills but I guess there are other members here who could help.

Quote:
* Is this a fixed-width layout or a variable-width layout? (current version of the site is variable)
* Is it going to be responsive layout? (eg. work with mobile devices)

Quoting myself from page 3:
I plan it to be flexible/responsive. So it would stretch to full width but on lower resolutions some items will be hidden. For example below 600 px (screen width) the sidebar would be hidden.

I think we should wait some days, maybe there will be some modifications requests.

_________________
yet another Portablizer :: PasteColor


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Thu Jul 19, 2012 7:55 am 
Offline

Joined: Mon Dec 07, 2009 2:30 am
Posts: 141
waiting for the new logo ;)
nice work so far , tproli


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Fri Jul 20, 2012 12:12 am 
Offline
User avatar

Joined: Mon Dec 07, 2009 7:09 am
Posts: 960
Location: Terra @ Sol System
A couple of observations:


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Fri Jul 20, 2012 4:48 pm 
Offline
User avatar

Joined: Thu Aug 07, 2008 4:51 am
Posts: 2615
@tproli

Excellent work. Thank you for doing this.

Is pfc-facelift-04a.png the latest?

_________________
bəʊɡɪ bəəs


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Fri Jul 20, 2012 9:48 pm 
Offline
User avatar

Joined: Sat Sep 09, 2006 10:14 am
Posts: 716
Location: Hungary
Quote:
Is pfc-facelift-04a.png the latest?
Yes, it is. There may be some color tweaks to make it more contrasty.

Here is the updated logo:
Image
It is not 100% the same but close enough I think. But if there is a bigger version of the current that would help.

Sneak preview of the sidebar:
Image

_________________
yet another Portablizer :: PasteColor


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Sat Jul 21, 2012 3:06 am 
Offline
User avatar

Joined: Sat Sep 09, 2006 10:14 am
Posts: 716
Location: Hungary
What do you think about these?

1. Using the Open Sans webfont from Google fonts to spare bandwidth? That's about 60-260 KB savings per visitor (depending on the browser; on first visit, when the font is not cached). If somehow Google webfont is not available, texts will be still available with the fallback font.

2. Linking jQuery from cdn? This would also save about 50-100 KB bandwidth. Optionally jQuery could be removed, but this would make creating javascript stuff more simple and more cross-browser compatible. Currently the Screenshot feature and some show/hide info needs javascript but that could change in the future. So I vote for having jQuery, whether self hosting or via cdn.

3. Currently application icon and screenshot accepts uploading of gif files only. If quality is important, I would recommend using png (for screenshots and icons), and if lower filesize, then jpg (for screenshots). Gif support for screenshots should also be kept to be able to use animated gifs.

4. "10 entries per page" stuff could be modified to "10 20 50 100 entries per page" or similar to avoid javascript dependency.

I've made some progress with the sitebuild. Currently it looks almost complete but javascript stuff are still missing + making it responsive also needs some work. Additionally there are the other (sub)pages too.

_________________
yet another Portablizer :: PasteColor


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Sat Jul 21, 2012 11:38 am 
Offline

Joined: Wed Jul 18, 2007 5:45 pm
Posts: 618
Quote:
2. Linking jQuery from cdn? This would also save about 50-100 KB bandwidth. Optionally jQuery could be removed, but this would make creating javascript stuff more simple and more cross-browser compatible. Currently the Screenshot feature and some show/hide info needs javascript but that could change in the future. So I vote for having jQuery, whether self hosting or via cdn.

You might want to use Zepto instead. It's a lightweight version of jQuery. Cons are it doesn't support IE at all. Do we care for IE? If you choose Zepto, you might want to fallback to jQuery for IE users (scroll down to the Internet Explorer block).

Quote:
3. Currently application icon and screenshot accepts uploading of gif files only. If quality is important, I would recommend using png (for screenshots and icons), and if lower filesize, then jpg (for screenshots). Gif support for screenshots should also be kept to be able to use animated gifs.

I want to use PNG as well, but I've had to convert PNG / JPG to GIF to abide by TPFC's choice of GIF. Andrew, want to chime in here?

Looking forward to test your design, tproli! :)

_________________
is it stealth? ;)


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Sun Jul 22, 2012 12:04 am 
Offline
User avatar

Joined: Sat Sep 09, 2006 10:14 am
Posts: 716
Location: Hungary
Thanks for mentioning Zepto, it is new to me. Good stuff!

The fallback to jQuery in case of IEs is acceptable I think.

Here is the peview of the new "Entry per page", I like it:
Image

_________________
yet another Portablizer :: PasteColor


Top
 Profile  
 
 Post subject: Re: New designs for TPFC by tproli
PostPosted: Sun Jul 22, 2012 9:24 am 
Offline

Joined: Sat Mar 26, 2011 2:31 am
Posts: 646
tproli wrote:
3. Currently application icon and screenshot accepts uploading of gif files only. If quality is important, I would recommend using png (for screenshots and icons), and if lower filesize, then jpg (for screenshots). Gif support for screenshots should also be kept to be able to use animated gifs.

How much support has the apng format among the most popular browsers nowadays?


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 439 posts ]  Go to page Previous  1, 2, 3, 4, 5, 6, 7 ... 30  Next

All times are UTC - 8 hours


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

Protected by Anti-Spam ACP Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group