Re: [pLog-General] simplifying templates with CSS
Brought to you by:
jondaley
Menu
▾
▴
Re: [pLog-General] simplifying templates with CSS
|
From: Oscar R. <os...@re...> - 2004-04-06 10:56:31
|
I like Daniel's list and I think we should start working based on it. And
also, very good links... I wish I had found some of them when I was
struggling to get a simple liquid design working!
As far as I understood, skeletons can be as simple as
<div id=3D"block1">something here</div>
<div id=3D"block2">something else here</div>
<div id=3D"block3">and more stuff here</div>
And off-loading all the positioning and style work to the CSS. Neat... I
like it :)
One thing still needs to be defined: how to position those 'blocks'. One
way could be Smarty:
{if $settings->getValue("wheater_block_position") =3D=3D 1}
<div id=3D"blockWeather">
stuff from the block weather goes here
</div>
{/if}
And so on. The downside is that if we are using skeleton with 3 blocks, w=
e
need to repeat the same code above 3 times, once for each different
column/section we can have.
Another option would be to modify the template engine, but I am not reall=
y
keen on adding this kind of 'presentation logic' to the templating
classes. I usually like to keep presentation stuff as far as possible fro=
m
the application logic :)
Oscar
> hum.. Daniel, quite impressive... good list.
>
> if i do that for the forum side of my project, i will
> need 4 or 5 pages of these features list to make it
> serious...
>
> the good point i can bring from wordpress is that each
> new element someone bring with a hack is the css tag.
> each one is named to be a css element, even if the
> element is not present in the css... this can help to
> give a designer something to feed up. ex:
>
> i create a new hack, like my weather block.
> <div id=3D"blockWeather">
> <h1>block Title</h1>
> <p>block Content</p>
> </div>
>
> it's not in the css because nobody was informed i
> would create it, but as it's a css driven system, and
> as the block will be located in a css driven
> panel(right or left.. lol) we're sure it will have the
> style that is applyed in that panel already.
>
> this is one of the details of css that you can't apply
> everywhere else... and wordpress use it properly.
>
> this can be a good start on what to do about blocks in
> the blog itself... a standard-like protocol. we just
> have to write this protocol - framework...
>
> because even with a skeleton, the way my little
> weather block is written, i can even take it and make
> it float on the bottom left of the page, to make it
> different.. lol
>
> ok, some readings for everyone:
> some great Liquid styling techniques... see the liquid
> insanity:
> http://www.maxdesign.com.au/presentation/liquid/
>
> wanna see the real elastic design needed for blind
> persons ?!
> http://www.htmldog.com/articles/elasticdesign/demo/
>
> wanna learn css2 details ?!
> http://www.meyerweb.com/eric/css/tests/css2/
>
> some interesting stuff.. look at the 7-10 thingy:
> http://realworldstyle.com/
>
> how to debug IE and other defaults:
> http://www.positioniseverything.net/
>
> style VS accessibility:
> http://www.accessify.com/
>
> wanna see accessibility maniacs ?! (ok, i'm in!)
> http://www.pixy.cz/dogma/dogmaw41/en/
>
> --- Daniel Kehoe <ke...@fo...> wrote:
>> On Apr 5, 2004, at 9:34 AM, Daniel Kehoe wrote:
>> > A good step might be to make a list of all the
>> elements that most
>> > blogs share in common and come up with a list of
>> names for the
>> > elements that are purely semantic ("page header"
>> becomes "identity"
>> > since it might not always be on the top of the
>> page) and divorced from
>> > assumptions of location.
>>
>> I looked at a number of blogs and made this list of
>> common page
>> elements.
>>
>> Identity
>> =95 Logo
>> =95 Blog or site name
>> =95 Description or slogan
>>
>> Content
>> =95 Author
>> =95 Date
>> =95 Time
>> =95 Category
>> =95 Title
>> =95 Text
>> =95 More text
>> =95 Permalink
>> =95 Comments
>> =95 Trackbacks
>> =95 Pingbacks
>> =95 Karma
>>
>> Admin
>> =95 Login
>> =95 Register
>> =95 Forgot your password?
>> =95 Preferences
>> =95 Style switcher
>>
>> About
>> =95 Description
>> =95 Contact info
>>
>> Search
>>
>> Navigation
>> =95 Links within the site
>>
>> Calendar
>>
>> Recent Posts
>>
>> Archives
>>
>> Categories
>>
>> Link List
>> =95 Links to other sites
>>
>> Syndication
>>
>> Statistics
>> =95 Total entries
>> =95 Total comments
>> =95 Total members
>> =95 Total visits
>> =95 Top referrers
>> =95 Top exits
>>
>> Credits
>> =95 "Powered by"
>>
>> Validation
>> =95 Links to w3.org validators
>>
>> Each of these elements could be a <DIV>. The
>> sub-elements (bullet
>> points) are CSS classes, I suppose.
>>
>> See my wiki at
>>
> http://www.crossbar.info/wiki/index.php/Almost-Universal%20Stylesheets
>> for more detail (and comment if you like).
>>
>> --
>> Daniel
>> ke...@fo...
>
> __________________________________
> Do you Yahoo!?
> Yahoo! Small Business $15K Web Design Giveaway
> http://promotions.yahoo.com/design_giveaway/
>
>
> -------------------------------------------------------
> This SF.Net email is sponsored by: IBM Linux Tutorials
> Free Linux tutorial presented by Daniel Robbins, President and CEO of
> GenToo technologies. Learn everything from fundamentals to system
> administration.http://ads.osdn.com/?ad_id=3D1470&alloc_id=3D3638&op=3Dc=
lick
> _______________________________________________
> pLog-General mailing list
> pLo...@li...
> https://lists.sourceforge.net/lists/listinfo/plog-general
|