Sass, Styling, Animations, Icons

[chrisunderdown]

-- Sassify CSS (In Progress) sass --sourcemap=none --watch scss/main.scss:styles.css

-- Styled login screen with animation on success. -- Comments sidebar animates by sliding out. -- Posts are now centered and in white boxes. -- Like and comment icons. -- Changed class toggles for comments in app.js to "open" instead of "hidden". -- Inserted HTML markup in builder.js for icons. -- Background gradient. -- General styling improvements to buttons and input fields.

[domhofmann]

Whoa! Thank you so much. Lots to dig through. Looking at this now.

[chrisunderdown]

No worries man :) I hope you like it. There's quite a lot to look at because I've done a lot of nesting in sass. I still need to go through some of the other modules and sass it up too.

[domhofmann]

Okay, this is AMAZING. Two pieces of feedback:

1. I think the post style could use a tiny bit more work. I find the centering a bit difficult to parse, so maybe we left align? And it would be great if we could make posts and the stream feel a bit lighter. There's a conversational/people-texting-themselves thing I like about Peach for iOS that would be cool to keep here. Sort of feels like everyone has their own space or document that they're constantly adding to, rather than tweeting or something else. All subjective of course.
2. Found a small visual issue with the NEW POSTS indicator:

[chrisunderdown]

Cheers man.

1. Okay thats a neat idea. Yeah I get what you mean, it does feel very conversational and personal. I'll work on desegregating posts and play around with lightening it up.

2. My bad, I haven't come across the new post indicator before. Must have slipped passed my eye when viewing the markup.

[domhofmann]

Thank you again. So amazing.

[chrisunderdown]

I'm glad you like it. If you have any other ideas, throw me a message on Twitter or something :)

[domhofmann]

Absolutely!

[domhofmann]

@chrisunderdown anything on this? if not nbd!

[chrisunderdown]

@domhofmann hey man, sorry not yet. I had a busy weekend, I'll dry jump on it tonight though :)

[domhofmann]

:rocket:

[chrisunderdown]

@domhofmann Hey dude. Just pushed some small changes based on what we spoke about. Would be great if we could simplify the action buttons like so too: ...and maybe even a cool little double click feature to quickly comment or like (similar to Instagram). Which I did try adding but a few problems arose which I didn't have time to fix so I took it out haha.

[domhofmann]

Simplification looks awesome! Trying this out now.

[domhofmann]

Okay, getting there! Found two more issues:

1. There's a blank line artifact while WWW is loading, due to the container border I believe.
2. Automatic scroll to bottom isn't working anymore. (let me know if you want help with this one)

Also, did you try centering the container like you had before? Might read a bit better!

[chrisunderdown]

Okay, no problem :dancers: I'll jump straight on this as soon as I get home. For 2. I thought I may have broken that but couldn't find the issue. If you could fix that, that would be awesome.

[domhofmann]

OK, I'll fix the scrolling once we're good on the rest so I don't step on your toes.

[chrisunderdown]

I've set a timeout function to call an animation on the box-shadow on the content. That way theres no blank line while www is loading. Thinking about it we could probably trigger that function on success of getting posts.

[domhofmann]

Awesome! Sorry for the delay here. Will do my piece and will put this out this week.