Welcome to Hubski.   We share good ideas and conversation here.   Login or Join Us!
A couple minor CSS suggestions

by TheFunkyMonk · #design
posted 632 days ago · shared by: 6

Hi Mark,

This site looks very promising and I don't mean to go "fixing" it as soon as you build it, but I have a larger monitor, and the long lines of text are pretty difficult to read (http://i.min.us/i6HjAOWg2o8md.png).

As you can see in my submission picture, with a few lines of CSS, the site is much more readable. Here are the changes:

body { background:#252525; } .main { width:960px; } .pagecontent { padding-right:50px; }

Thanks for all your hard work on the site so far.



by Raphael 632 days ago  ·  link
"max-width" is preferable, so as to accommodate smaller windows.
by exhuma 631 days ago  ·  link
Yes. Especially for mobile browsers. I created a site recently using the 960 grid system. This also uses (as the name suggests) a fixed width of 960px. Using this on a WVGA (800x480) mobile device is not really that usable.

So, as suggested, `max-width` is much better as it allows smaller screens to "squeeze" the page together, while it will simple "max-out" at the defined size on larger resolutions.

by Helianthus 632 days ago  ·  link
While we're giving tips, I _need_ need __need__ some form of markup. Trying to do an inline link/citation in another topic didn't work like reddit, which is the sort of use case I presume you are considering when you're advertising directly as a reddit alternate...

I searched for some list of available things and couldn't find it.

Edit: ah, so \works\ works. And bold? -strikethrough-?

I need a place to look this stuff up!

well, you can't escape asterisks that I see. #* /*

by exhuma 631 days ago  ·  link
Agreed.

Having done some development over the time myself, I find [markdown](http://daringfireball.net/projects/markdown/) really easy to learn (and learn). On top of that, it's also widely used. So user's don't have to re-learn a new syntax.

Additionally, I would say, stay away from JavaScript WYSIWYG editors. From my experience, they are not yet that usable. I have to say though, they have been enormously improving over the last ten years. And maybe there is one that's working better than what I am used to.

But given that the allowed set of markup will most likely be small, there is not a lot which speaks in favor of WYSIWYG editors.

by thenewgreen 627 days ago  ·  link
let's test this out
by thenewgreen 627 days ago  ·  link
You may want to add this to the FAQ page !
by mk 626 days ago  ·  link
Good idea.
by mk 627 days ago  ·  link
Thanks for the suggestion exhuma. I might go with markdown. I did create a link to Hubski's current markup, the ? in the lower right of a textbox.
by exhuma 626 days ago  ·  link
In my apps I also have the habit to add a "markup-style" column to my db-tables containing the text-content. This allows me to change the markup later on. You never know what might happen in the future. If you have this field (in my case usually an integer) available, then you can decide to either convert the old formats to the new one, or (IMO the better solution) handle them conditionally.
by mk 626 days ago  ·  link
Cool. Thanks exhuma.
by mk 632 days ago  ·  link
Yeah. I'll get that markup. You're right, it is needed.

BTW, I assume you are referring to the dailydot article. That was spun quite a bit that way... I'm not gunning for Reddit. Some of the things I have done here have been influenced by issue I had at Reddit. But I have a deep respect for that site. I had some very good times there. I went to the Rally for Sanity because of that site.

by mk 627 days ago  ·  link
Hi Helianthus. I just wanted to let you know that I did link to a markup. In the bottom right of the text box, click on the '?'.

This will be updated and extended, perhaps by John Gruber's markdown. But this is a start. -I just added bold.

by mk 632 days ago  ·  link
Thanks TheFunkyMonk! I appreciate this.

I'll try it out (and some variations on it) on my end. I'll get back to you on this.

Design is always a difficult thing to find agreement on, but no doubt, there's room for improvement. :)

If anyone else wants to drop 2ยข, this is a good place!

by caio 630 days ago  ·  link
Erm, I don't know the first thing about HTML or CSS, so while we're discussing that, I wish I knew how to do bold and italic. I tried this <i></i> and this [i][/i]. I'm pretty sure this was asked somewhere else, but unfortunately I can't remember where.
by mk 630 days ago  ·  link
Hey caio. No bold at the moment, but putting * around text will italicize it. I am going to get a markup here in short order.

  Also putting two spaces before text will do this. :)
by caio 624 days ago  ·  link
This'll be most useful, mk. Thanks.
by TheFunkyMonk 632 days ago  ·  link
Thanks for the quick response! The 98% .main div width could still work as well if you don't want to get rid of it, but at the very least a wrapper around the text content (like Reddit) so it doesn't flow all the way to the sides would prevent long lines and be much easier to read.

Good luck on the further development of the site. :)



about hubski  ·  faq  ·  rss  ·  tmi  ·  twitter  ·  buttons  ·  tools  ·  arc  ·  privacy & terms  ·  login