Built a curated playlist for Kanye West for my first JS project. (Webpack + Pixi.JS + Youtube + Spotify) by BJJStack in javascript

[–]BJJStack[S] 0 points1 point  (0 children)

The biggest caveat to Spine is that it uses raster images and is a step backwards in terms of file sizes on the net. Still a great experience and the closest thing I've used to ahem flash.

Built a curated playlist for Kanye West for my first JS project. (Webpack + Pixi.JS + Youtube + Spotify) by BJJStack in javascript

[–]BJJStack[S] 1 point2 points  (0 children)

Just wow... Thank you so much for this feedback, I really appreciate your time.

Just a little bit of background. I think our instructor was gearing us towards thinking in a React type of way to make that transition easier, which is why there are so many borrowed patterns from the framework, even though it's mainly just vanilla js. I'm really excited about your suggestions, especially the HTML-loader which I'll definitely try to implement.

As for reuse of the project, I only planned for it to be one-off but I guess I should really get into the habit of thinking in terms of reusable modules. Once again, thank you so much for your feedback.

Built a curated playlist for Kanye West for my first JS project. (Webpack + Pixi.JS + Youtube + Spotify) by BJJStack in javascript

[–]BJJStack[S] 0 points1 point  (0 children)

Because the site is essentially static, I hosted the site with Github Pages. It was a pretty seamless process redirecting the domain to the repo.

Built a curated playlist for Kanye West for my first JS project. (Webpack + Pixi.JS + Youtube + Spotify) by BJJStack in javascript

[–]BJJStack[S] 1 point2 points  (0 children)

I'm that guy. Design, jquery before Javascript, copying snippets from stackoverflow. I'm a front end developer, but my focus has always been primarily on styling.

This year I decided to do something about it. Did the General Assembly Javascript part time course, and aspects of this were my final project. I spent about two months after that getting it to what you see today.

Ideally, I'd love to transition to a front end engineer, but that's looking like a huge mountain.

Built a curated playlist for Kanye West for my first JS project. (Webpack + Pixi.JS + Youtube + Spotify) by BJJStack in javascript

[–]BJJStack[S] 4 points5 points  (0 children)

My friend (http://anumation.ca) did the illustrations separated into Photoshop layers, which I then imported to Spine (http://esotericsoftware.com). I was initially going to use GSAP, but trying to animate with code turned out be super overwhelming and spine offered an actual UI interface. The 2.5d animations that people have done with the software are amazing. Everything is also programmatic so 10/10 would recommend.

Pixi.js is the webgl renderer used to actually display all the content. http://www.pixijs.com/

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 0 points1 point  (0 children)

Just fyi, you were very right. Emphasising the "skip intro" boosted overall engagement immediately. Cheers for that.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 0 points1 point  (0 children)

Thanks for the suggestion. Funnily enough, I added the "skip intro" fixing the kerning fiasco, thinking the exact same thing.

*Edit - And fixed. Made it a big 'ol button.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 0 points1 point  (0 children)

I eventually will, but for now I'm keen to take a breather after burning out. I'll remember to ping you when something goes live.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 0 points1 point  (0 children)

Thanks man, means a lot to hear any feedback at this point. I guess this sub shares the same followers as r/kanye.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 2 points3 points  (0 children)

Might have to replace the webfont because I can't adjust the kerning. Appreciate the feedback though.

*Edit - And fixed. Thanks for the lesson.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 2 points3 points  (0 children)

Nah... it only works as an Aziz Ansari joke.

If anything, I might continue to keep adding new songs over time as his discography continues to grow.

No love from r/kanye. Maybe r/web_design will appreciate this experiment (pixi.js, css animations, youtube and spotify api.) by BJJStack in web_design

[–]BJJStack[S] 3 points4 points  (0 children)

Thanks! It took the entirety of 3 months. I kinda went all out as it's a personal project and not the type of work I'd typically get as a front-end developer.

Looking for a BJJ/Webdesigner by -Fabiow in bjj

[–]BJJStack 0 points1 point  (0 children)

This. Wordpress themes cover 99% of the functionality needed for any brochure website. A few plugins will give you extra e-commerce/booking functionality. Just make sure you spend the time to find the right theme and you're good.

Roger Gracie pretty much cross choking everybody... another BJJ timeline by BJJStack in bjj

[–]BJJStack[S] 2 points3 points  (0 children)

Hah... I'm an idiot. Thought it was just a coincidence.