search

Poniverse / Pony.fm

The pony music community.
https://pony.fm/
GNU Affero General Public License v3.0
41 stars 15 forks source link

Material redesign #99

Closed ghost closed 7 years ago

ghost commented 8 years ago

The current UI is designed for desktop use. Large modifications to the design have been made to support a mobile version. Going forward, we need a more responsive layout. Google's Material Design spec will provide a good reference for how we layout the site and how we use animations. https://material.google.com

The 'material' update will be handled in the material branch. The update will be launched in 2 waves. First, a redesign of the app shell, user profiles, track, album and playlist detail pages. This will be released very soon.

The second wave will be completed after the Ponify import. Contents of this patch are still being evaluated.

EventideGlow commented 8 years ago

@logic-dev: Does this task supersede/replace #12?

ghost commented 8 years ago

Since this is more than a mobile layout, yes

berwyn commented 8 years ago

Are we planning to use Angular Material or something like Material Design Lite?

ghost commented 8 years ago

I'm currently using custom code. I might use a JS library for the ripple effect

LavaToaster commented 8 years ago

@logic-dev Any reason to opt for custom as apposed to the ones suggested?

ghost commented 8 years ago

Not really. I've just been pulling code that I used to build my personal site. Don't like the idea of adding an entire library when I can recreate the effect with a few lines of code

berwyn commented 8 years ago

It seems better to use a library like the aforementioned because we get Flexbox polyfills as well. Pretty sure they're also modular, so we can pull in the bits we need as we need them.

On Tue, 2 Aug 2016, 09:29 Josef Citrine, notifications@github.com wrote:

Not really. I've just been pulling code that I used to build my personal site. Don't like the idea of adding an entire library when I can recreate the effect with a few lines of code

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/Poniverse/Pony.fm/issues/99#issuecomment-236941322, or mute the thread https://github.com/notifications/unsubscribe-auth/ABVrYBu_yKWg4icsMrdxuMDx-HU8RKlqks5qb2JZgaJpZM4JaYjH .

ghost commented 8 years ago

Fair enough I'll give Angular Material a look

ghost commented 8 years ago

Core design is finished. Just need to fix some bugs and we'll be good

ghost commented 7 years ago

I'm ditching this redesign in favour of a complete rewrite just to get off CoffeeScript and upgrade to something like React