chnm / serendipomatic

http://serendipomatic.org/
26 stars 9 forks source link

Changing size of body text to 16 or 18? #123

Closed fontnerd closed 11 years ago

fontnerd commented 11 years ago

Does anyone object to changing the font size of all body text to 16px or 18px. I'm personally having a tough time with the readability of the 14px and it is definitely a trend in web design these days to make text bigger rather than smaller (take a look at ProfHacker as a good example of large, readable body text). I would increase the line-height as well.

scottkleinman commented 11 years ago

I couldn't find a way to do this simply on my local installation to see if it broke the layout. If you want to try it, I'm willing to look.

fontnerd commented 11 years ago

I haven't tried changing the body text yet. That was a thought I had right before discovering the broken layout...

On Mon, Aug 5, 2013 at 11:59 PM, scottkleinman notifications@github.comwrote:

I couldn't find a way to do this simply on my local installation to see if it broke the layout. If you want to try it, I'm willing to look.

— Reply to this email directly or view it on GitHubhttps://github.com/chnm/serendipomatic/issues/123#issuecomment-22157069 .

mialondon commented 11 years ago

18 might be a bit extreme but we could try 16. I'd be interested to test it then with some target scholars to check that it still speaks to them. In the past I've tested stuff and the feedback has been that something that looks too fun and easy to use couldn't possibly be for serious scholars so it'd be good to stay just the right side of that line.

fontnerd commented 11 years ago

I've updated the size to 1.125em / 1.5em on Heroku. This really only affects the about + connect pages since those are the most text-heavy areas. We could do a side-by-side comparison with a few folks once the changes update on heroku.

mialondon commented 11 years ago

The text on http://dev-serendipomatic.herokuapp.com/about/ looks better than http://www.serendipomatic.org/about/ to me right now (Firefox 22, Opera 12.16, Safari 6.0.5 on Mac) - the wider margins and line height make a difference. The more compact Zotero box also looks good and I like the alignment with the instructional text.

On the results page there seems to be a horizontal scroll bar because the margins have also changed but I'm not sure which change introduced that - probably relates back to separating out the right bits of the template as the masonry should fill the screen (within reason) - it'd be good to have your input on https://github.com/chnm/serendipomatic/issues/103

I think the footer text has also expanded - is it too big now? But https://github.com/chnm/serendipomatic/issues/124 seems to be addressed. Are you able to look at https://github.com/chnm/serendipomatic/issues/68 ?

scottkleinman commented 11 years ago

For me (Chrome for Windows), the footer has moved too far to the right on the results page. It is fine on the other pages.

On 6 August 2013 16:33, Mia notifications@github.com wrote:

The text on http://dev-serendipomatic.herokuapp.com/about/ looks better than http://www.serendipomatic.org/about/ to me right now (Firefox 22, Opera 12.16, Safari 6.0.5 on Mac) - the wider margins and line height make a difference. The more compact Zotero box also looks good and I like the alignment with the instructional text.

On the results page there seems to be a horizontal scroll bar because the margins have also changed but I'm not sure which change introduced that - probably relates back to separating out the right bits of the template as the masonry should fill the screen (within reason) - it'd be good to have your input on #103 https://github.com/chnm/serendipomatic/issues/103

I think the footer text has also expanded - is it too big now? But #124https://github.com/chnm/serendipomatic/issues/124seems to be addressed. Are you able to look at

68 https://github.com/chnm/serendipomatic/issues/68 ?

— Reply to this email directly or view it on GitHubhttps://github.com/chnm/serendipomatic/issues/123#issuecomment-22219893 .

Scott Kleinman Professor of English Director, Center for the Digital Humanities California State University, Northridge

fontnerd commented 11 years ago

I'm going to push a change and add an additional

to the results page that overrides some of the padding on the .main div. I'm also noticing that the changes made to the body type are affecting the footer on the results page as well (not on the other pages). So the footer on the results page is off because of this.

Also, perhaps a separate ticker, the footer shifted a bit on the homepage (with the word "university" dropping to a second line) because the "Roy R." name was added to CHNM. However, this change did not happen on the "About" or "Connect" pages, so that needs to be consistent.

On Tue, Aug 6, 2013 at 8:48 PM, scottkleinman notifications@github.comwrote:

For me (Chrome for Windows), the footer has moved too far to the right on the results page. It is fine on the other pages.

On 6 August 2013 16:33, Mia notifications@github.com wrote:

The text on http://dev-serendipomatic.herokuapp.com/about/ looks better than http://www.serendipomatic.org/about/ to me right now (Firefox 22, Opera 12.16, Safari 6.0.5 on Mac) - the wider margins and line height make a difference. The more compact Zotero box also looks good and I like the alignment with the instructional text.

On the results page there seems to be a horizontal scroll bar because the

margins have also changed but I'm not sure which change introduced that

probably relates back to separating out the right bits of the template as the masonry should fill the screen (within reason) - it'd be good to have your input on #103 https://github.com/chnm/serendipomatic/issues/103

I think the footer text has also expanded - is it too big now? But #124< https://github.com/chnm/serendipomatic/issues/124>seems to be addressed. Are you able to look at

68 https://github.com/chnm/serendipomatic/issues/68 ?

— Reply to this email directly or view it on GitHub< https://github.com/chnm/serendipomatic/issues/123#issuecomment-22219893> .

Scott Kleinman Professor of English Director, Center for the Digital Humanities California State University, Northridge

— Reply to this email directly or view it on GitHubhttps://github.com/chnm/serendipomatic/issues/123#issuecomment-22222748 .

briancroxall commented 11 years ago

I also like the larger font on the "about" on the dev site.

I would like to avoid having "University" in the footer drop to another line.

fontnerd commented 11 years ago

Yes, the typographic widow drives me nuts too. I've tried mucking around with the padding and that could help. Not that this isn't an issue on the "About" or "Connect" pages because "Roy R." was not added to the footer on those pages, the Results page either..

On Tue, Aug 6, 2013 at 9:30 PM, Brian Croxall notifications@github.comwrote:

I also like the larger font on the "about" on the dev site.

I would like to avoid having "University" in the footer drop to another line.

— Reply to this email directly or view it on GitHubhttps://github.com/chnm/serendipomatic/issues/123#issuecomment-22224172 .

mialondon commented 11 years ago

Closing as it seems to be resolved...