[Sugar-devel] [Karma] thinking about knavbar

[Bryan Berry]

http://edward.oconnor.cx/2009/09/using-the-html5-sectioning-elements

This blog post has a great example of how to use html5 tags in a
semantically meaningful way.

On Sun, 2009-09-20 at 04:37 +0100, Pavel Mocan wrote:
> New update for Karma CSS and HTML.
> Live at www.mpavel.ro/projects/Karma/
> 
> I had to change quite a lot of the HTML as it was not using the HTML5
> syntax. This way the source code brings more semantic to the whole
> document and the structure of it becomes more obvious.
> 
> The CSS file has been reduced from 400 lines of code to 200. The
> 'chakra.css' file was sectioned into areas where css properties apply
> to. However, I still think there is room for improvement. More general
> properties should be added and things such as sub navigation menus
> (months, weeks) and articles (lessons) should have the appearance
> improved.
> 
> Some notes about coding:
>  - With HTML5 there is no need to put in the "type" property for the
> "<script>" tag. It recognises it automatically. Same for CSS.
> This means you can write <script>js code here</script> and <style>css
> style here</style> in html5 documents and they will be valid.
>  - In HTML, you are only allowed to use the same id value for only one
> element on that page (it's meant to be unique). So, for example, you
> can't have two <div> that have id="myElement".
>  - With CSS it is good to take an object oriented approach. For
> example, if there are elements who need to be floating to left or
> right, two classes can be created: floatLeft and floatRight. Elements
> that need to float to the left will obviously have class="floatLeft".
> If that element needs a big margin, it can be done in another class
> .bigMargin with the element having class="floatLeft bigMargin".
> 
> Hope eveything is fine, email me with anything (feedback, suggestions,
> critic, etc)
> 
> Regards,
> Pavel M.
-- 
Bryan W. Berry
Technology Director
OLE Nepal, http://www.olenepal.org