Jump to page: 1 2
Thread overview
d-programming-language.org using olny CSS
May 23, 2006
Tiberiu Gal
May 23, 2006
Lionello Lunesu
May 23, 2006
Tiberiu Gal
May 23, 2006
Lars Ivar Igesund
May 23, 2006
Serg Kovrov
May 27, 2006
Daniel Siegmann
May 23, 2006
Daniel Keep
May 23, 2006
Max Samuha
May 23, 2006
Johan Granberg
Re: d-programming-language.org using only CSS
May 23, 2006
David L. Davis
May 24, 2006
Justin C Calvarese
May 24, 2006
Alexander Panek
May 24, 2006
nick
May 25, 2006
Bob W
May 26, 2006
nick
May 30, 2006
Stewart Gordon
May 23, 2006
hello again,
I dropped all my tables out and switched to css. you were all right, this site
must be as light as posible ...so:
http://dworks.marte.ro/dm/template.html

this one is nick's template with a bit facelift and wearing make-up.
this one does not validate yet; it could and it will later. just look for the
design, colors.
I modified nick's design to make this one, but i think we can agree on some
general rules, so many design schemes (or themes) can be made out of css... so
anyone can see d-programming-languge.org in the colors he likes most.


May 23, 2006
Tiberiu Gal wrote:
> hello again,
> I dropped all my tables out and switched to css. you were all right, this site
> must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html

I like the looks of this!
In firefox I get some strange dots next to section names at the top.
Check the attached image. They don't appear in IE.

L.


May 23, 2006
Tiberiu Gal wrote:

> hello again,
> I dropped all my tables out and switched to css. you were all right, this
> site must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html
> 
> this one is nick's template with a bit facelift and wearing make-up.
> this one does not validate yet; it could and it will later. just look for
> the design, colors.
> I modified nick's design to make this one, but i think we can agree on
> some general rules, so many design schemes (or themes) can be made out of
> css... so anyone can see d-programming-languge.org in the colors he likes
> most.

I know less than little about CSS and such stuff, but for looks, I think this suggestion is great.

-- 
Lars Ivar Igesund
blog at http://larsivi.net
DSource & #D: larsivi
May 23, 2006
In article <e4uc48$ue$1@digitaldaemon.com>, Lionello Lunesu says...
>
>This is a multi-part message in MIME format.
>--------------080001060201050404050707
>Content-Type: text/plain; charset=ISO-8859-1; format=flowed Content-Transfer-Encoding: 7bit
>
>Tiberiu Gal wrote:
>> hello again,
>> I dropped all my tables out and switched to css. you were all right, this site
>> must be as light as posible ...so:
>> http://dworks.marte.ro/dm/template.html
>
>I like the looks of this!
>In firefox I get some strange dots next to section names at the top.
>Check the attached image. They don't appear in IE.
>
>L.
>
sorry, it's fixed now


May 23, 2006
Hey, great looking template! Pretty and yet simple design. I like it =) And markup too.

Few minor suggestions...

For markup, you could move d-logo bitmap from img to span background, to save mobile traffic.

And for style, it will be nice to introduce 'max-width' property for content block, so it won't stretch too much on big screens. Perhaps in em's to scale with text.

Tiberiu Gal wrote:
> hello again,
> I dropped all my tables out and switched to css. you were all right, this site
> must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html
> 
> this one is nick's template with a bit facelift and wearing make-up.
> this one does not validate yet; it could and it will later. just look for the
> design, colors.
> I modified nick's design to make this one, but i think we can agree on some
> general rules, so many design schemes (or themes) can be made out of css... so
> anyone can see d-programming-languge.org in the colors he likes most.
May 23, 2006

Tiberiu Gal wrote:
> hello again,
> I dropped all my tables out and switched to css. you were all right, this site
> must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html
> 
> this one is nick's template with a bit facelift and wearing make-up.
> this one does not validate yet; it could and it will later. just look for the
> design, colors.
> I modified nick's design to make this one, but i think we can agree on some
> general rules, so many design schemes (or themes) can be made out of css... so
> anyone can see d-programming-languge.org in the colors he likes most.
> 

It's looking good :)  I'm glad we managed to bring you over to the dark si-er, light side of the force.  Here's some constructive criticism:

1. You've got two blank lines before the "<?xml" prologue: this makes the page invalid.

2. You're setting the page's mime type as "text/html": this is really REALLY bad; it should be "application/xhtml+xml".  Either that, or don't make it XHTML at all.

3. Your printer CSS file is marked with ``media="screen"``.

4. You have margins on the BODY element: you should use CSS for that (otherwise, if you disable CSS, the page will be squished against the edges).

5. You've got an alt tag that reads "logo2.gif": alt tags should always be a description of the graphic if and only if such a description is useful.  Parroting back the filename does nothing to help disabled users.

6. "sesarch" :P

7. The search link is a hyperlink using Javascript; this means that the search function will fail to work on any browser that either doesn't support Javascript, or where it's been disabled.  If you want to keep the elements stylistically linked, you can use images with alt text.

8. You should try to avoid using all those H2s in the navigation list. You're not actually delineating sections of content.

9. On a related note, you're using H2s, but you don't have any H1s!  The document should be structured with a top level H1 (such as "Overview"), and then H2s to denote the subsections.

10. Your CSS is portable enough that you can simply move the search box, the navigation and header below the content.  Ideally, the page should be sequenced like so:

  * Page title or header
  * Page content
  * Quick navigation
  * Search
  * Full navigation
  * Misc. legal junk

That said, I haven't yet worked out a way to push the legal stuff below everything else.

11. Although most of the absolute layout stuff is OK (I tend to avoid it because it can cause headaches), I'd recommend replacing the width of the navcol and the "left" offset of the maincol with 'em's.  This ensures that as the text scales, the columns will also scale.

For reference, I used 11em for the navCol's width and 14em for the mainCol's left offset.

12. 'px' values for font sizes.  I can't remember who is breaking the spec on this one; all I know is that IE won't scale px font sizes.  For safety, best to use 'em's.

Minor quibbles:

13. The text in the header links seems to be a little to high... maybe bring them down a smidgen more?

14. The hover colour for said links isn't different enough.  It's very difficult to tell if they're "hovering" or not based on the colour.

15. Interestingly, the tab order for the header is actually backwards :P
 It's not bad, just... unusual :)  The only *possible* problem with this
is that the logic order of links "Home, Language, Compilers, ..." is the
exact reverse of the visual order "Wiki, Tutorials, Community, ...".

16. I agree with Serg: make the logo the background of a DIV so that when you switch off styles, you're left with the pure text.

Ok, I think I'm done for now :)  Very nice work; the design is very clean and simple, and looks professional.  Keep up the good work.

	-- Daniel Keep

-- 

v1sw5+8Yhw5ln4+5pr6OFma8u6+7Lw4Tm6+7l6+7D a2Xs3MSr2e4/6+7t4TNSMb6HTOp5en5g6RAHCP    http://hackerkey.com/
May 23, 2006
In article <e4u9u6$2smu$1@digitaldaemon.com>, Tiberiu Gal says...
>
>hello again,
>I dropped all my tables out and switched to css. you were all right, this site
>must be as light as posible ...so:
>http://dworks.marte.ro/dm/template.html
>
>this one is nick's template with a bit facelift and wearing make-up.
>this one does not validate yet; it could and it will later. just look for the
>design, colors.
>I modified nick's design to make this one, but i think we can agree on some
>general rules, so many design schemes (or themes) can be made out of css... so
>anyone can see d-programming-languge.org in the colors he likes most.
>
>

Looks great! I'm viewing the template in IE, screen resolution 1280x1024. It'd be nice to have line spacing a bit increased. And text lines are too long for comfortable reading. Thanks
May 23, 2006
Tiberiu Gal wrote:
> hello again,
> I dropped all my tables out and switched to css. you were all right, this site
> must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html
> 
> this one is nick's template with a bit facelift and wearing make-up.
> this one does not validate yet; it could and it will later. just look for the
> design, colors.
> I modified nick's design to make this one, but i think we can agree on some
> general rules, so many design schemes (or themes) can be made out of css... so
> anyone can see d-programming-languge.org in the colors he likes most.
> 
> 
Looks mostly good.

Some minor things thou:
1. the left hand menu is wider than needed thus wasting space
2. the the content stops resizing after a certain width (could bee lover I would prefeare if viewing it with a with of 400px would work)
3. when the links at the top does not fit on a single line the button background gets messed up needlesly. I have seen other designs without this problem so it can bee fixed (http://www.studio7designs.com/templates/nautica02liquid/)

Otherwise it looks all good.
May 23, 2006
In article <e4u9u6$2smu$1@digitaldaemon.com>, Tiberiu Gal says...
>
>http://dworks.marte.ro/dm/template.html
>

WOW! "Tiberiu u tha Man!" It really looks great and clean, good job.

David L.

-------------------------------------------------------------------
"Dare to reach for the Stars...Dare to Dream, Build, and Achieve!"
-------------------------------------------------------------------

http://spottedtiger.tripod.com/D_Language/D_Main_XP.html
May 24, 2006
Tiberiu Gal wrote:
> hello again,
> I dropped all my tables out and switched to css. you were all right, this site
> must be as light as posible ...so:
> http://dworks.marte.ro/dm/template.html
> 
> this one is nick's template with a bit facelift and wearing make-up.
> this one does not validate yet; it could and it will later. just look for the
> design, colors.
> I modified nick's design to make this one, but i think we can agree on some
> general rules, so many design schemes (or themes) can be made out of css... so
> anyone can see d-programming-languge.org in the colors he likes most.

Cool! I'll vote for it.

-- 
jcc7
« First   ‹ Prev
1 2