My God, this is by far the highest quality feedback I have received yet (and I've been consulting a LOT of communities online). Thank you so much for taking the time to lay this out. It will take me some time to consider and process it all but I do take it seriously. As promised I add the usernames of people who provide helpful input to the app's about page (its all I can offer at the moment) and you definitely earned that. If you prefer not to have it there, just let me know and I'll remove it. Thanks again for this amazing critique and information. Also, yes, I really like having the large first letter. What if I was able to make it lay inline instead of on top of the line? I.e. the large letter sits at the beginning of the first two lines. Just thinking off the top of my head. I'd love to find an elegant way to keep the large first letter.
That's fine - more than enough. I'm happy to help in any way I can. I knew you loved that letter. :) That would work better. The Hubski Illuminated style (I think it's broken now) used this technique. This is the only bit of code I can find from the original CSS file. I'm not entirely sure why or how it works but it did...I think...It appears that floating the first letter allows it to be floated as any other element. I spent a lot of time trying to make it work.As promised I add the usernames of people who provide helpful input to the app's about page
Also, I really like having the large first letter. What if I was able to make it lay inline instead of on top of the line? I.e. the large letter sits at the beginning of the first two lines. Just thinking off the top of my head. I'd love to find an elegant way to keep the large first letter.
.pubtext p {
margin: 8px 0;
font-size: 15px;
}
I would recommend going through some of the news sites that use this technique and see how they do it, combo of fonts, etc. Don't waste your New Yorker article views on this tho - their first letters suck! .pubtext:first-letter {
font-family: 'goudy_initialenregular', serif;
font-size: 75px;
float: left;
padding-right: 3px;
}
Just wanted to echo this because IMO its the biggest problem with your app right now, at least design-wise. It makes it look like the first letters of past winners are meant to spell something out, acrostic-style.I know you love your huge uppercase first letter but frankly it doesn't work for an app like this.