Categories

Coding, Web design.

web

So it’s 2018 and Jikan is now 1 year old! MyAnimeList announce late 2017 that they’ll be working on fixing up their API but until then I’ll have Jikan running around. I have some plans for Jikan that need to be done, hopefully by mid-2018 or earlier, depending on college.

There are some things I’m still interesting in scraping off of MAL, here’s the list.

User Profile

Taking an example of my own profile;

There’s a lot of data available per user profile. The best part here would be their favorite characters, people, anime, manga and basic stats. The hardest part to extract here would be the user based “About Me” which is highly customizable. So this, I might consider parsing since MAL’s HTML source is already terrible enough.

Top Anime/Manga/People/Characters

These pages give you access to a paginated list of anime/manga/people/characters ranked by their popularity/favoritism by the community from #1 to the last ranking available. Tis a gold mine entry.

Anime/Manga/Person/Character Search!

The official MAL API already has this feature but it only returns the first page of results! It only allows simple string queries and requires user authentication for the API call to work, which is what Jikan is meant to over come. This has been a requested feature, so I’ll most likely be working on a parser for this in the months to come.

Extended Data for Anime/Manga

This has been in the prospect of Jikan since the beginning, but I’ve held off any other extended parsing other than characters/staff and episodes until recently as I begun making scrapers for Pictures, Videos & News related to the item. This trend will continue as there are more pages that consist of interesting data regarding an anime or manga. Especially the reviews page since this has the best data for sentient analysis and averaging of any show or manga.

Will be focusing on these 4 for this year! It takes time to mine pure data since scraping HTML off MAL means a lot of weird and round-about ways of doing things!

I actually lost the challenge. Totally forgot to make a design on the 28th. This should’ve been Day 6, but ah well. In this case, what I’ll simply do is push it a day extra, so the challenge would end on the 3rdof Jan instead. I will continue the challenge.

So, this is a post/comment based component. Something you’d see on any social media. It does look a little similar to Facebook but that’s just your imagination. 😋

I struck off the 24 hour limit as I’ve been insanely busy during the past 2 days. But I managed to complete this design before morning (6.30am) so I won’t be considering it a “next day” yet for the sake of not ruining my own challenge. 🤔

So this design was done in the most possibly messy way. I screwed up a lot given I was unavailable the whole day to work on anything, then sleepily designed something as simple as I could within 2 hours.

Given I almost dozed off between coding, I messed up the file system and lost all source files at the end. Thankfully, I had a tab open in the browser and saved it directly from there then as messily as I could, pushed it to the repo.

There’s nothing fancy, just a static design without any responsive or feedback details given the amount of time I had available.

There’s a little effect where the background is black and it fades in once the page has loaded completely. Obviously something broke since I made a static save from the browser and it’s now not working. Don’t really want to touch it either.

Specification

Colors used are simply black and white.

There is no responsivity given the amount of time I had but it shouldn’t do bad on devices since it’s grid-made and sticks to the center.

And we start off Day 1 with a login design component. A rich yet simple page focused on a quick login with content available to its’ left.

I first had it use a pastel blue color which looked completely off on mobile devices, rendering the white text hard to read. I then switched to a darker contrast of that color which not only looks nice on the desktop but mobile devices as well.

As I slowly find myself within the pleasant grasps of winter holidays, I come to realize that I have become rusty in web designing and there’s still yet a lot more to learn. And therefore, I challenge myself to a 10 day web design challenge.

10 days might not be a lot, but it’s a starting point.

THE CHALLENGE

Every day I must design and code something.

I can inspire from other designs.

I must do so using Flexbox & CSS Grid technologies.

It can be website components or pages or an entire package

Challenge ends on January, the 2nd; meaning I’ll be starting on the 24th of December

THE OUTCOME

I will come to par with latest CSS technologies

I will have more stuff for my portfolio

I’ll have a clear view of my abilities and time management for projects