BDZ's Essential Codes

This page is lists some CSS and JS codes that I find useful. I might post this as a blog in Community Central.

So you wanna customize your experience by adding custom CSS/JS for personal uses. Or maybe you want to make your wiki unique and different from other wikis. But you have no idea what codes to use. This may or may not be a good place to start.

I personally recommend browsing Fandom Developers Wiki and trying out whatever looks interesting to you. If there's too much to choose from, I have a few recommendations of my own:

JavaScript

 * CodeQuickLinks
 * Adds a rail module with links to various personal and wiki CSS/JS pages. Users who often edit CSS/JS pages may find this useful.


 * PortableCSSPad
 * Adds a box for typing/copy-pasting CSS codes which will immediately affect the current page. Great for those who want to test what CSS codes do without editing CSS pages and refreshing/waiting to clear cache.


 * DisableCode
 * Allows you to temporarily disable personal/wiki for testing purposes. Useful for debugging when you or your wiki has a lot of codes.


 * LastEdited
 * Adds details about the last edit to the current page. Simple, but I find it useful.


 * QuickDiff
 * Quickly view any diff link on a wiki without leaving the page. I personally use it in conjunction with LastEdited.


 * DedicatedTalkButton
 * Moves the talk page link from the edit dropdown to beside the edit button, similar to the "Comments" button. Great for categories, Project Namespace and wikis that prefer talk pages instead of comments.

CSS

 * Project:Modernization
 * A bunch links to various codes that aims to modernize various wiki features.