I'm going to give you some feedback on design rather than app / messaging / etc. 1. Line Height! Woo! Line height is the space in between the lines of text. In css, you use
Here's your site now: Here's it with 150% line height (I used * { line-height: 150%; }) 2. I know you love your huge uppercase first letter but frankly it doesn't work for an app like this. You end up with wicked white space (and not in a good way.) My advice is to drop it, use that white space in other places (like a decent padding on your interior boxes). 3. Typography. Typography is hard. It really is. I truly suck at it. So I steal from other places. Here's some of my favorite sites that show me how to do type good: http://www.typ.io/ http://hellohappy.org/beautiful-web-type/ http://fontsinuse.com/ If you have any inclination to improve your design / type skills (which you totally don't have to if you want to focus on dev), I recommend Chrome Extensions Font Ninja and WhatFont. These allow you to click any element on a page and see font, size, color, line height, etc. Then be aware of every site you are on and how they use type. Now, a bit about the app premise. I understand the idea and I think it's novel (at best). What I think you need to find a way to show why you want to submit content to be featured AND why a user would want to visit the app to see the content. My first thought is...man what happens if the winning post is like "poop". Then I don't get anything new for 24 hours? Some things to think about might be spontaneity, serendipity, ease of use, non-addicting (hey..you don't have to scroll forever like you do on facebook), etc. Also, your stats for social media may be correct but I'll argue that only your users of your apps will hear what I have to say. It's not "everyone" - especially since at least 50% of my friends are on iOS.
That number can be anything - pixels, percentage, ems, etc. However, the key to making line heights awesome EVERYWHERE is simply use 120-150%. The more line height the better, IMO.
line-height: num;
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.