noshtholmes:

Fic Recs Page w/ categorising system

Live Preview // Code

• tri-column (on 1280x800 screen res; might show more columns on wider screens)
• fluid width (explains why it might show more columns on wider screens)
• multi-categorise fics easily
• sidebar content is fluidly vertically aligned
• easy to customise
• smooth animation of boxes when sorted by category

Best viewed in latest version of Chrome, 1280x800 res.

I’ve seen a lot of brilliant fic recs pages around here but I wanted to be able to multi-categorise my recommended fics because some fics falls under au and smut or fluffy and angst so I made this page. You can see a different version in my fic recs page using the same script.

Credits to Kunkalabs.com for their perfect Mixitup jquery plugin. After searching long and hard for a perfect and easy to understand script, here it is. It has other features like sorting the items by descending or ascending order, search box, randomise items and a lot more BUT I didn’t incorporate those in the final version of this page code [mainly because my head was already throbbing in pain due to lack of sleep when I finished this lmao] but if this spreads I might make a better version of this with those features applied.

This page’s code is fairly easy to understand, with or without prior knowledge of basic html.

One or two-columned versions are possible. I could do these versions if enough people are interested or if you can do it by yourself, then good! :)

!!! Documentation & instructions for use.