Or even...<div>Why do we have two download buttons?</div><div>Why not just have one download button and you can choose your options from there in a JS panel that appears? </div><div><br></div><div>"</div><div>What format do you want to download this file as? <br>
SVG - scalable</div><div>Small PNG size ### x ### pixels (<i>this should be filled out to the file ratio</i>) - We recommend 600 x 600."</div><div>Medium PNG #### x ####</div><div>Large PNG #### x ####</div><div>Custom PNG size ____ x ____ pixels</div>
<div><br></div><div>Ok Cancel</div><div>"</div><div><br></div><div><br><div class="gmail_quote">On 23 July 2011 23:49, chovynz <span dir="ltr"><<a href="mailto:chovynz@gmail.com">chovynz@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;"><div>I think the one that you have just done is pretty good. I like the rounded corners, and simplicity of the interface. Could I ask that you do some Javascripty hide and show thing for the about informational section? I've been trying to imagine the page without all the visual clutter (from ages ago, not your design.) My theory is that people have come to this page to see the clipart in more detail, not more information about the clipart or who drew it. If they are further interested, they can click the "Show Details" thingjammybob. My Ideal would be a large thumbnail of the clipart and the Download button only. The rest would be hidden inside the show/hide button. If I can describe it in words and build on what I see here, I would say, move the buttons underneath the information, have the download button at the top, the rest at the bottom (hidden), The clipart fills up the entrie left side where the buttons used to be. So, there is</div>
<div><ul><li>One large clipart preview</li><li>Only one visible button for downloading Svg</li><li>Show more information / Hide more information that is hidden by default. The rest of the buttons and info are contained in that section.</li>
</ul></div><div> Also remember the png autosizer script that Jakub did? That would be great to include near the download png button.</div><div><br></div><div>Was there a reason that you removed the upload/download/favourite/collect images? I quite liked them. Without them the buttons almost seem bland. Is there something you can do for it?</div>
<div><br></div><div>I do like what you have done with the information. I like the aligned both sides and structured feeling that it gives. Is there now, too many pixel lines on the page? And too much line spacing in between the information?</div>
<div><div></div><div class="h5">
<div><br></div><br><div class="gmail_quote">On 23 July 2011 23:16, chovynz <span dir="ltr"><<a href="mailto:chovynz@gmail.com" target="_blank">chovynz@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
This is what it looks like.<div><br><br><div class="gmail_quote"><div><div></div><div>On 18 July 2011 03:10, ryan sukale <span dir="ltr"><<a href="mailto:ryantechnical@gmail.com" target="_blank">ryantechnical@gmail.com</a>></span> wrote:<br>
</div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div></div><div>
Hi All,<div><br></div><div>I redid the design.</div><div><br></div><div>Rewrote the entire html and css for the content. And tiny bits of js.</div><div><br></div><div>I am uploading it in a zip file right now so you can see it from your local system, because doing the same changes in the project aiki would take a lot of time.</div>
<div>Since i wrote the entire html, it does not contain the custom javascript. For example, just images for the 'social icons' .</div><div><br></div><div>There is only one html page in the zip file. "6 hexagons 6 diamonds - OpenClipArt.htm". The others are the supporting css and images.</div>
<div><br></div><div>Things that i was looking to achieve in this design</div><div><br></div><div>1) A single action menu, for all the actionable items.</div><div>2) Increase in the image size to 350x350, to effectively reduce the empty space.</div>
<div>3) sidelined the image details to the right in its own panel so that it does not strike out, but is still prominent enough if a user wants to take a peek.</div><div>4) Tried to make it look more symmetrical than what i had submitted earlier.</div>
<div><br></div><div>Some more thoughts</div><div>1) I was thinking, the additional information associated with a png download, can appear as a modal dialog, like the facebook message dialog, when the user clicks on the button.</div>
<div>2) A similar idea can also be extended for the collect button where the content for the user's lists can be downloaded via ajax and shown in the modal dialog itself instead of a complete page refresh. That way, the layout of the original page will remain intact when the user is trying to add a clipart to his collections and will also reduce latency due to page refresh.</div>
<div><br></div><div>I designed it in Firefox</div><div>It renders properly with IE7 and chrome as well, but without a few fancy effects like the rounded borders because i did not use any browser specific css for now.</div>
<div><br></div><div>Check it out and let me know if the design is ok. I believe this is much better than the previous one that I had done.</div><div><br></div><div>-- <br>Regards,<div>Ryan</div><br>
</div>
<br></div></div>_______________________________________________<br>
clipart mailing list<br>
<a href="mailto:clipart@lists.freedesktop.org" target="_blank">clipart@lists.freedesktop.org</a><br>
<a href="http://lists.freedesktop.org/mailman/listinfo/clipart" target="_blank">http://lists.freedesktop.org/mailman/listinfo/clipart</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br>Cheers<br>Chovynz<br>
</div>
</blockquote></div><br><br clear="all"><br></div></div>-- <br>Cheers<br><font color="#888888">Chovynz<br>
</font></blockquote></div><br><br clear="all"><br>-- <br>Cheers<br>Chovynz<br>
</div>