Milestones:
1 ... Mononoke Hime (Princess Mononoke)
5 ... Highschool DxD
100 ... Clannad After Story
200 ... Akame ga Kill
250... Kokoro Connect
300... Tengen Toppa Gurren Lagann
400... Monogatari Series: Second Season
500... Boku no Hero Academia 2nd Season
I've been doing good. Hope you are too! And if you need help making cards I can relearn all the skills haha since it's also been three years I used an editing software.
Thanks, I had a good New Years and so far a pretty good year in general. I hope the first quarter of the year (whew it's been a while) has been going well for you too!
It's always fascinating looking at how websites evolve over time. I will say that I am glad I joined MAL after they updated the interface though, I don't think I would have liked their old one lol. From what I've seen though, I doubt any major changes to customization are headed our way too soon, it doesn't seem to be a priority, but I could be wrong. I hold out hope that we get some cool new features or something.
I work entirely with ideas in my head, I just kind of design it by visualizing it and modifying it. It's much faster than drawing and I find drawing just doesn't capture it properly and is too time consuming (I could just be bad at drawing though ;) ). Same reason I don't use Photoshop or similar to pre-design it (although I do use that occasionally). The problem with doing everything in my head is if I take too long getting to actually coding it, I might forget it. Looking for inspiration is good, especially when you're learning stuff. Much creativity is just creative copying. I still take massive inspiration from sources all over the place, but that's mostly because I suck at being truly imaginative; I can rarely come up with an idea on the spot, by my self, I generally just mash two ideas I saw elsewhere together, and add a different styling.
When it comes to @import, there is no benefit really. It's a great tool for custom CSS stlyesheets like MAL list designs, but it actually slows down page load, as the CSS loads one file, then calls to the other website where you hosted the other CSS, loads that one, so on and so forth for each nested @import. It is more organized, but I like keeping my code to just the one group which can be pasted into MAL's CSS box, avoiding any third-party file hosting that could go down and avoiding any slowdown (even though the slowdown is so minute for a single use of @import it is not really noticeable). I do, however, use @import for handy tools such as MalCat & Google Fonts.
I'm working on the website slowly, but I'm juggling like 5 different hobbies so it's very slow going heheh.
Yeah, that's cool. If you've already got a thing going and it works there isn't really any reason to switch. I've just used solely modern since I haven't found a reason to use classic, but it all depends on circumstances. It would take a good while to transfer all the code.
Be sure to get both the regular Firefox and the Developer Edition (for coding). Objectively, Chrome is really bad for web developers, since it both does not really support the coding part well, nor does it support some of the more advanced CSS like Firefox does.
As for the compatibility, well all the CSS selectors are different between the Classic and Modern styles, so you'd certainly have to change those. Also some of the elements that exist in the classic style do not exist in the modern, and vice-versa, (for example the menu) so those parts would have to be remodeled. In general, the visual aspect of the lists is not that important when looking at them in the developer way, what matters is that you understand the code beneath it. So if you want to make a Modern style, you definitely should use a modern list as a reference. You can learn the CSS properties from various places online, but the selectors are unique to every page, and those are what you need the most.
Your cursor changes for a split second every time you hover over a link on the list. It assumes the default form, but immediately changes back to the custom one. You're not missing anything, that's just how it works, so don't worry about it. XD
Agreed. XD
Even in university, the astrophysics is the smaller part (only 1-2 subjects per semester). I'm currently struggling with the non-astro part hahah...
I had a pretty bad physics teacher in high school, so I ended up entering the university with basically zero prior knowledge. :/
You're probably looking at the wrong part, there is no <html> or any <> tags in CSS. You're looking at the html code which is the structure of the actual page, and cannot be changed.
If you're using Firefox Developer Edition, you have to open the "Style" tab, where the CSS is written. There you'll see multiple style sheets. Focus on the ones that are on dropbox, as those are the ones that I wrote.
If you're looking at Page Source instead, only the text between the <style> tags is CSS (the dropbox imports), so you'll have to open those links separately to see the CSS codes.
Also, to warn you, this is the old "Classic Style" CSS here. Both of the lists on this profile are Classic style. I'd recommend you to instead look at my alternate profile as both lists there are the new "Modern Style" CSS which is also more user-friendly and easier to understand for beginners. In that case, again, my own CSS is again only the dropbox imports, while the large code above is the default CSS of the list, which you can pretty much ignore.
Feel free to ask for explanations. :3
Well, I'm having struggles too, but I'm literally at the end, so. XD My chosen specialty is astrophysics.
Yeah, I got interested when I saw some pretty lists, so I thought, "Okay I can do this way better... once I learn how." and so I tinkered with photoshop and CSS until I figured it out. I learned CSS by looking at the codes for the completed lists that I liked, using Firebug (now defunct add-on, I recommend using Firefox Developer Edition as the best replacement), to change various pieces of code and see what happens.
Then, I took the most complicated list I could find (this one, which is now sadly visually defunct but the code is still the same), and took the code apart line by line, until I was 100% sure what each line did (took me like 3 full days). Then I slowly started building a new code which incorporated everything I learned from various sources, and thus made my current anime list. I'd recommend you to use my list in that same way, since my code is at least extremely well organized (OCD haha), and each part is labeled appropriately.
For me the hardest part is making the graphics look exactly as I want them too, since I'm an artistically hopeless person, so I have really big trouble expressing my thoughts like I'd want them to. Thus I make and remake each part a lot of times until I get something that satisfies me. On the other hand I find coding really fun. Programming in general is something i find interesting and fun, and I'll need to learn it for future work anyway, so this is good practice.
Hahaha, actually not, I'm a physics student. I taught myself Photoshop and CSS out of interest for MAL. XD
As for the time, well, the anime list on this profile is my very first work of that type and the very best one. It took some 400 hours over the span of few years to get to the current look. As for the manga list on this profile, it only took about 20 hours. The lists on the other profile took about a week for the manga list and about two weeks for the anime list due to the huge amount of extra content.
CSS List Wish List!!
- Inquire about cursor flashing over titles.
- Re-scale the alternative cursor for the intro ... is it even possible to switch cursors for the intro?!
- Add an animated scrolling banner to the intro... again, is that even possible?!
All Comments (1169) Comments
I got into college and is now reading my degree in Communications and Psychology.
It sure feels different coming back after 3 years, most of the clubs I joined are inactive/closed.
Altering CSS code is hard! XD
It's always fascinating looking at how websites evolve over time. I will say that I am glad I joined MAL after they updated the interface though, I don't think I would have liked their old one lol. From what I've seen though, I doubt any major changes to customization are headed our way too soon, it doesn't seem to be a priority, but I could be wrong. I hold out hope that we get some cool new features or something.
I work entirely with ideas in my head, I just kind of design it by visualizing it and modifying it. It's much faster than drawing and I find drawing just doesn't capture it properly and is too time consuming (I could just be bad at drawing though ;) ). Same reason I don't use Photoshop or similar to pre-design it (although I do use that occasionally). The problem with doing everything in my head is if I take too long getting to actually coding it, I might forget it. Looking for inspiration is good, especially when you're learning stuff. Much creativity is just creative copying. I still take massive inspiration from sources all over the place, but that's mostly because I suck at being truly imaginative; I can rarely come up with an idea on the spot, by my self, I generally just mash two ideas I saw elsewhere together, and add a different styling.
When it comes to @import, there is no benefit really. It's a great tool for custom CSS stlyesheets like MAL list designs, but it actually slows down page load, as the CSS loads one file, then calls to the other website where you hosted the other CSS, loads that one, so on and so forth for each nested @import. It is more organized, but I like keeping my code to just the one group which can be pasted into MAL's CSS box, avoiding any third-party file hosting that could go down and avoiding any slowdown (even though the slowdown is so minute for a single use of @import it is not really noticeable). I do, however, use @import for handy tools such as MalCat & Google Fonts.
I'm working on the website slowly, but I'm juggling like 5 different hobbies so it's very slow going heheh.
Yeah, that's cool. If you've already got a thing going and it works there isn't really any reason to switch. I've just used solely modern since I haven't found a reason to use classic, but it all depends on circumstances. It would take a good while to transfer all the code.
Harem & Ecchi Club 10k+ members edition
*Click img for card link*
As for the compatibility, well all the CSS selectors are different between the Classic and Modern styles, so you'd certainly have to change those. Also some of the elements that exist in the classic style do not exist in the modern, and vice-versa, (for example the menu) so those parts would have to be remodeled. In general, the visual aspect of the lists is not that important when looking at them in the developer way, what matters is that you understand the code beneath it. So if you want to make a Modern style, you definitely should use a modern list as a reference. You can learn the CSS properties from various places online, but the selectors are unique to every page, and those are what you need the most.
Your cursor changes for a split second every time you hover over a link on the list. It assumes the default form, but immediately changes back to the custom one. You're not missing anything, that's just how it works, so don't worry about it. XD
Even in university, the astrophysics is the smaller part (only 1-2 subjects per semester). I'm currently struggling with the non-astro part hahah...
I had a pretty bad physics teacher in high school, so I ended up entering the university with basically zero prior knowledge. :/
You're probably looking at the wrong part, there is no <html> or any <> tags in CSS. You're looking at the html code which is the structure of the actual page, and cannot be changed.
If you're using Firefox Developer Edition, you have to open the "Style" tab, where the CSS is written. There you'll see multiple style sheets. Focus on the ones that are on dropbox, as those are the ones that I wrote.
If you're looking at Page Source instead, only the text between the <style> tags is CSS (the dropbox imports), so you'll have to open those links separately to see the CSS codes.
Also, to warn you, this is the old "Classic Style" CSS here. Both of the lists on this profile are Classic style. I'd recommend you to instead look at my alternate profile as both lists there are the new "Modern Style" CSS which is also more user-friendly and easier to understand for beginners. In that case, again, my own CSS is again only the dropbox imports, while the large code above is the default CSS of the list, which you can pretty much ignore.
Feel free to ask for explanations. :3
Yeah, I got interested when I saw some pretty lists, so I thought, "Okay I can do this way better... once I learn how." and so I tinkered with photoshop and CSS until I figured it out. I learned CSS by looking at the codes for the completed lists that I liked, using Firebug (now defunct add-on, I recommend using Firefox Developer Edition as the best replacement), to change various pieces of code and see what happens.
Then, I took the most complicated list I could find (this one, which is now sadly visually defunct but the code is still the same), and took the code apart line by line, until I was 100% sure what each line did (took me like 3 full days). Then I slowly started building a new code which incorporated everything I learned from various sources, and thus made my current anime list. I'd recommend you to use my list in that same way, since my code is at least extremely well organized (OCD haha), and each part is labeled appropriately.
For me the hardest part is making the graphics look exactly as I want them too, since I'm an artistically hopeless person, so I have really big trouble expressing my thoughts like I'd want them to. Thus I make and remake each part a lot of times until I get something that satisfies me. On the other hand I find coding really fun. Programming in general is something i find interesting and fun, and I'll need to learn it for future work anyway, so this is good practice.
As for the time, well, the anime list on this profile is my very first work of that type and the very best one. It took some 400 hours over the span of few years to get to the current look. As for the manga list on this profile, it only took about 20 hours. The lists on the other profile took about a week for the manga list and about two weeks for the anime list due to the huge amount of extra content.
Be sure to check out my manga list too, and both lists on my alternate profile here:
https://myanimelist.net/profile/Half_Blood
- Inquire about cursor flashing over titles.
- Re-scale the alternative cursor for the intro ... is it even possible to switch cursors for the intro?!
- Add an animated scrolling banner to the intro... again, is that even possible?!