Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: [wiki] A New Textbook
I can’t figure you guys out, what are you seeing? There’s plenty of whitespace around code. The code still has borders. Please send a link or screenshot.
pre.pre, pre.code and code are all 1.1em. If I go bigger I know some it will break for some people. I hope you’ve used the zoom, Patrick. btw, what’s the default mac monospace font?
Offline
Re: [wiki] A New Textbook
Well I’m on FF3 and the code blocks look fine now, readable font-size, padding, borders and no colours.
I’ll check with some other browsers just to be sure though.
EDIT: Opera and IE7 look fine to me. With Safari(Win) the code font-size is still a little small though I have always found that browser to display text a little different to other browsers. In IE6 the code font is fine but the main content fonts are a little smaller than in FF3, still readable though.
Last edited by thebombsite (2008-08-12 17:42:39)
Stuart
In a Time of Universal Deceit
Telling the Truth is Revolutionary.
Offline
Re: [wiki] A New Textbook
Yup, FF3 here at home looks good. Dunno why FF2 showed it so small earlier. I did a Big Daddy Refresh as well *shrug*
I can live with the margins as they are; guess I just love white space.
Nice work, sir njm,,wexcv65w2xcxd [my cat approves as well, it seems]
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: [wiki] A New Textbook
I’ve made the code font a massive 1.3em courier new so it’s bigger than the surrounding verdana body font. If 1em body font isn’t big enough then I don’t know what is. People will surely use a different resolution or increase their text size if they are having problems with that size, after all it is bigger than most, which was pointed out earlier in this thread to be about .75em, at least that’s what’s on txp.com. So are we all happy with the fonts, borders, colours now?
If so, I’m ready to transfer it across. I’ve updated Textpattern Semantic Model and Detailed Installation Instructions with images. I don’t think other articles which had images before necessarily need them at the moment, so I will update some of those in the future.
I think we should use this dokuwiki textbook for the sake of the users. Everyone seems in agreement it’s better than the existing one. I don’t think we should let transfer hassles get in the way of making Textpattern and Textbook better. There is going to be some hassle, however, because I’ve had some precondition failed when editing anything in dev, also when trying to save after uploading an image. I’m pretty sure it is permission settings, owner and group.There will be hassles with permissions if we don’t get it right first time. Dokuwiki writes to the server as www-data. It writes things in meta, index and cache folders. I can’t delete these now because I’m not the owner! But they will need emptying from time to time I should think. I wanted to empty them after transferring the tags without colours, so people didn’t pick up old data. (Perhaps that’s what caused the disappearing dotted lines).
So all I’m saying really is that if I do the uploading, what permissions should I have, what groups do I belong to, etc so it will go smoothly, and so it doesn’t cause permission problems when editing, uploading images etc? I might need to plan it with you beforehand, Patrick.
Offline
Offline
Re: [wiki] A New Textbook
zero wrote:
If so where exactly would you put it and how much?
I was thinking at the bottom of that article where there are three fairly closely-spaced blocks. But for some reason, it’s not a problem now the monospace font’s bigger. Beforehand, it just seemed to swamp the code inside the block and the larger fonts around it appeared to crowd it in. Now the fonts are ‘equivalent’ and easier to read, the spacing seems fine. Weird how I interpreted it as a spacing issue when it wasn’t. Stupid brain.
For the record I would have either:
- put maybe half-to-one em more space below the code blocks that butted up to the next
<p>tag to give them some breathing room and make it a tiny bit more visually obvious that the text above the block was related to the block itself and not the one before it - indented the code block by 1 em on both sides to separate it from the page flow as your eye scans the page
But as it stands now, it looks fine so don’t worry about the ramblings of a non-designer such as myself.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: [wiki] A New Textbook
Hi Stef, I’ve added padding. I’ve also indented code by 1em for you to look at. I think it looks bad. It would look better if indented more, but because of the larger font-size most codes now have a scroll-bar across the bottom anyway and I don’t want it to happen to more of them. I had it before so there was hardly any horizontal scrolling because it’s annoying having to scroll when you’re trying to read something. So it’s there for a short time and then I’ll put it back to line up with the rest, unless everybody screams and hollers for me to leave it indented ;)
I also added more space below the code. Any more and it looks odd when in the context of a ‘normal’ page with paragraphs and stuff and the odd bit of code in it, eg this
Offline
#92 2008-08-12 20:32:18
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,315
Re: [wiki] A New Textbook
zero wrote:
Mac users, which monospace font do you normally use?
Speaking for myself: Monaco. I don’t like looking at small serif fonts (Courier) on the screen.
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
Offline
#94 2008-08-12 20:46:52
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,315
Re: [wiki] A New Textbook
zero wrote:
I’ve added padding. I’ve also indented code by 1em for you to look at. I think it looks bad. It would look better if indented more, but because of the larger font-size most codes now have a scroll-bar across the bottom
Why increase code font size? I’d use a size approximate to the normal text. Scrollbars gone, good-looking indentation possible.
Edit: Our posts crossed.
I darn like Monaco better! Yup!
I firebugged Monaco code size to 0.95em as almost identical to normal font size.
Last edited by uli (2008-08-12 20:50:38)
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
Re: [wiki] A New Textbook
uli wrote:
Why increase code font size?
Because they’re all telling me it’s too small.
I’d use a size approximate to the normal text. Scrollbars gone, good-looking indentation possible.
What do you mean by good looking indentation, uli?
Edit: Our posts crossed.
I darn like Monaco better! Yup!
I firebugged Monaco code size to 0.95em as almost identical to normal font size.
Hang on, does that mean it is 0.95em or 0.95 of 1.3em which I’ve set? Is there a way to make this work cross-browser?
Edit: or you mean monaco is like 0.95 of body font size. If it is , it’s OK then?
Last edited by zero (2008-08-12 20:56:46)
Offline
Re: [wiki] A New Textbook
Code font size is too big now. As big as the H3, bigger than normal text. At around 1.1em (instead of 1.3em) it would look comparable to normal text here (Firefox 3, Linux). Pre.code padding can probably be reduced from 1em to 0.5 em.
I think the attributes (definition list!) and examples, which currently are formatted as H3, would look better in sans-serif, just as the normal text, and in a smaller font size (100%).
The horizontal line below the H2 causes it to be separated from the text that follows. It’s almost as if the H2 belongs to the text that precedes it. If this were a real book and the H2 started on a fresh page, then it would look great, but I don’t think it works well here.
The links in the footer need more contrasting colors. They’re currently hard to read.
I see underlined words. I want to click them. They don’t react (not links). Why are they underlined?
Offline