Re: Mockups for the new main page and top level topic pages

I just had another thought - we are also going to need an icon for "Beginners". But I think that's it!

Chris Mills
Open standards evangelist and dev.opera.com editor, Opera Software
Co-chair, web education community group, W3C
Author of "Practical CSS3: Develop and Design" (http://my.opera.com/chrismills/blog/2012/07/12/practical-css3-my-book-is-finally-published)

* Try Opera: http://www.opera.com
* Learn about the latest open standards technologies and techniques: http://dev.opera.com
* Contribute to web education: http://www.w3.org/community/webed/

On 10 Dec 2012, at 10:44, Chris Mills <cmills@opera.com> wrote:

> Hey Seb!
> 
> We could potentially have many more icons, but for now I think it would be best to just stick to the icons for the top level landing pages, do a really good job of them first. For now, we could just repeat those icons for the subcategory pages too.
> 
> 
> 
> On 7 Dec 2012, at 20:08, Sébastien Desbenoit <seb@desbenoit.net> wrote:
> 
>> Wow Chris, neat work! 
>> 
>> I'm working on the icons right now, but I may have a list of all the icons I need to draw?
>> 
>> Best, 
>> 
>> Seb
>> 
>> 
>> Le 7 déc. 2012 à 17:24, Chris Mills <cmills@opera.com> a écrit :
>> 
>>> Hey all,
>>> 
>>> I have refined the design of the new landing pages a bit, and created a couple more. See
>>> 
>>> http://docs.webplatform.org/wiki/TEST:main_page
>>> 
>>> http://docs.webplatform.org/wiki/TEST:html
>>> http://docs.webplatform.org/wiki/TEST:css
>>> http://docs.webplatform.org/wiki/TEST:general_concepts
>>> 
>>> People seemed to quite like where this was going, so let's go forward with it, shall we?
>>> 
>>> As far as I see it, I need:
>>> 
>>> * Some icons from Seb (I know he's working on it, so cool)
>>> * Some actual proper design work plus adding the styles to the WP CSS (I'm guessing Lea needs to do this)
>>> * A template/form guru to create a new template for the topics layout?
>>> 
>>> Chris Mills
>>> Open standards evangelist and dev.opera.com editor, Opera Software
>>> Co-chair, web education community group, W3C
>>> Author of "Practical CSS3: Develop and Design" (http://my.opera.com/chrismills/blog/2012/07/12/practical-css3-my-book-is-finally-published)
>>> 
>>> * Try Opera: http://www.opera.com
>>> * Learn about the latest open standards technologies and techniques: http://dev.opera.com
>>> * Contribute to web education: http://www.w3.org/community/webed/
>>> 
>>> On 6 Dec 2012, at 11:36, Chris Mills <cmills@opera.com> wrote:
>>> 
>>>> 
>>>> On 6 Dec 2012, at 01:42, Julee Burdekin <jburdeki@adobe.com> wrote:
>>>> 
>>>>> Great! (Thought we weren't supposed to use HTML, but definitely a great
>>>>> improvement.)
>>>> 
>>>> Yeah, that's just for the mockup. For the final thing, this would be handled by a form/template, I suspect.
>>>> 
>>>>> 
>>>>> Wish we could make the Summary section go away. Or move it - below?
>>>> 
>>>> We should certainly get rid of the "Summary" heading, imo. It is fairly obvious that it's a summary of the page. Maybe we could just give the summary text in each case another implicit visual aid, such as a slightly darker background or something?
>>>> 
>>>>> 
>>>>> Having the real map of what's available above the fold might help people
>>>>> move faster to their desired destinations.
>>>> 
>>>> I still think the summary and other short intro gubbins should go before the topic list - this just makes more sense in terms of the structure. Or do you think it would still work with the topics first? what do you think of these now?
>>>> 
>>>> http://docs.webplatform.org/wiki/TEST:main_page
>>>> http://docs.webplatform.org/wiki/TEST:html
>>>> 
>>>> ?
>>>> 
>>>> And also, the concept of "above the fold" is becoming increasingly less relevant now people are using such a wide variety of screen sizes to view the web (I never liked it being applied to the web in the first place, but I know what you mean). People on mobile and smaller tablet screen sizes would not benefit from the topic map being "above the fold" anyway.
>>> 
>>> 
>> 
>> -- 
>> Sébastien Desbenoit
>> twitter :  @desbenoit
>> site : http://desbenoit.net
>> blog : http://internetetmoi.fr
>> mobile :  +33 (0)6 98 54 92 93
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>> 
> 

Received on Monday, 10 December 2012 11:53:51 UTC