deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
[x]
more ▶

More from `BoffinbraiN

Featured in Groups:

Details

December 30, 2006
288 KB
1000×1000
Link
Thumb

Statistics

Comments: 1,796
Favourites: 1,003 [who?]

Views: 248,842 (61 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
[x]
:iconboffinbrain:

deviantTIDY

A set of styles and scripts to improve the layout and usability of deviantART

What's New in version 4.4.1

Fixed literature thumbs by removing custom lit thumb CSS from deviantTIDY.

For full details on what has changed, see Full Version History




Download the extension for Firefox
If you use the extension, you do not need to download the items below.

Or...

Download the Stylesheet for Stylish + Download the Greasemonkey Script
Use the CSS and JavaScript files in parallel, and make your own changes if you wish.



About deviantTIDY
Ever since dAv5, many users have been unhappy with various aspects of dA's layout and design. Some decisions on font size, margins and spacing have clearly been neglected.

And so deviantTIDY was written, to claim back much of that wasted space! Inspired by some of `mindfuckx's CSS mods for Firefox, deviantTIDY was a very lightweight modification to fix comment boxes and various other assets on dA pages, to make things clearer and more streamlined. Since then, it's expanded to cover lots of other annoyances, big and small, to improve the look and usability of the site, and with a JavaScript interface, it's fully customizable too.




Features
  • Wider, shorter Comment Boxes: deviantTIDY lets comments utilize the whole page width, and indents replies from the left margin only. Reducing the minimum height of boxes also means you can see more comments per screen. Also, really long comments can be turned into scrollable elements.
  • Distinct Signatures: Deviants' signatures are separated from the comment text only by a double-dash, making it hard to read where the comment ends and the signature begins. deviantTIDY converts this double-dash into a solid line which visually separates the two parts, and also makes the signature text smaller.
  • Indent guides: A problem that has been around as long as nested comments is the difficulty you face in working out who replied to who in long and complex discussions. With deviantTIDY, just point at a comment to see guide-lines in the left margin, showing you the exact nest level the comment is on.
  • Cleaner Forum threads: Thread listings are now easier to browse, with all unnecessary icons removed, and shorter table rows (one line high instead of two, doubling the number of threads you can see per screen).
  • Floating comment box: If you want to be able to type your comment on a deviation or journal while looking at the original, without having to constantly scroll up and down the page, this feature allows you to make the reply box float above the page content, following you wherever you scroll. Press ALT+SHIFT+C to activate it.
  • Mood-less: Moods aren't the most useful feature in dA. They can also be distracting. Set your preference to hide all mood icons in comments, and hide the mood selector when posting comments.
  • Hidden Subscription Links: Don't be reminded about whether you're subscribed or not every time you look at the message bar.
  • ...and many more!




Installation
Install the Extension
This add-on is for Firefox.
Click the Download link above to get the extension. You should get a security prompt, so click Allow, follow the installation procedure and restart Firefox to see the results.

Install the CSS separately
If you use Stylish, then go to the user-style link at the top of the page and click 'Load into Stylish' to install.
To use the CSS in other browsers, click Show Code and copy the contents into your browser's custom stylesheet file.

Install the Script separately
The script can be installed via Greasemonkey. Visit the link to the user-script at the top of the page and click Install this Script.




Support and FAQ
How can I check that deviantTIDY is working?
When you first install deviantTIDY (or the script component), a dialog will appear when you visit deviantART. You're good to go!

Can I use deviantTIDY with [insert your favourite skin or script here]?
deviantTIDY can be used safely in combination with other custom deviant skins and scripts because it does the very minimum amount of changes required to get the desired effect. In the rare event of clashes in styles or broken functionality, tell me about the issue, and include info about the other mods you are using.
Add a Comment:
 

Daily Deviation

Given 2007-07-07
For the neat freaks among us, or anyone who would just like things a little more organised here on deviantART, look no further! =BoffinbraiN brings you deviantTIDY. ( Suggested by `manicho and Featured by `maxwell-heza )
:icondbestarchitect:
As I looked at my Firefox screen after updating to the newest version, I wondered what could possibly be different/better/etc. I sat there and melted my poor brain over this for about 20 minutes, and combed the page for anything new. :confused:

Then, giving up, I happened to switch to a different dA tab and saw the settings box. WOW! :omg: I spent a good half hour figuring out and testing each and every aspect of this amazing new script, and now I present the most important ones (in my opinion) here:

Shortening Page Titles
:bulletgreen: An excellent idea, as I always have trouble reading what each tab says when I've got many open.
:bulletred: Nothing wrong!

Add Scrollbars to Long Comments
:bulletgreen: Already a great idea, but what made it even better in this version was being able to choose between 15-line and +30-line comments. More customization is a plus!
:bulletred: As only seen from a cynical and pessimistic approach, I could only suggest adding more lengths to choose from. Otherwise, nothing wrong!

Strip dA Redirecting
:bulletgreen: Excellent idea, as that thing was getting increasingly annoying.
:bulletred: I have yet to wonder if this will interfere with `electricnet's Embedded Redirect script, or if it'll override it completely.
:bulletred: It might be a problem if someone links you to a virus that you might've been able to catch in the URL, but didn't take the time to notice. Doesn't happen much, so only time will tell if that's a huge problem.

Log In, Redirect
:bulletgreen: Great concept, as I used to grow tired of having to click on my message center after logging in. My automatic Firefox bookmarks and password memory kind of took care of that, but you never know.
:bulletred: Again, nothing's wrong, although I wouldn't mind seeing more options to redirect to (Forums, Chat, etc.) in a future update.

Skip the Prints Stage After Submitting
:bulletgreen: An excellent idea, since I rarely submit prints and find that intermission annoying as well.
:bulletred: I know it's gonna nag me the one day where I submit a print, but oh well.

Overall, I most enjoy the fact that you can choose to enable or disable certain features (such as skipping the Prints Submission Stage) depending on your needs. This entire process will definitely ease future days here on dA, and I have an extra comfort: if my Firefox bugs out and makes me redo it all, I know that it'll only take me five minutes to configure it all again!

Two thumbs up for the dA coder extraordinaire!
:iconthumbplz::iconthumbplz:
What do you think?
The Artist thought this was FAIR
126 out of 130 deviants thought this was fair.

:iconangel-ceballos:
Great design! I think it has a unique feel and at the same time still gives it the deviantART feel as well. Haven't really downloaded to test it out but designed based critique I think is great.

You have managed to do a lot with your design as far as the viewers vision goes. The extra features make this one amazing bundle. The colors you used are the same as DeviantART main colors but how you applied it into your own design makes it an overall effort. I really love looking at your design. I have so much to say but just so little time. I'll let the design say it all, as they once said "a picture means 1000 words" =]

I give it a 7 out of 10. Great Job! :)
What do you think?
The Artist thought this was FAIR
62 out of 72 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconfirestarkozwolf:
~FirestarKozWolf Dec 15, 2012  Student Traditional Artist
Hey there! Just wondering how do you make the font size bigger?
Reply
:iconallyalltheway:
does this work in chrome? i tried it with tampermonkey but i dont think it worked?
Reply
:iconsamoholic:
~samoholic Aug 28, 2012  Hobbyist Writer
This is excellent, I really dislike the descriptions being all squished. lol
Reply
:iconjirbytaylor:
Why did I never use this before. It's actually quite cool.

I don't know if you want suggestions/bugs here but: The widescreen width limit seems broken on this page. 1280 wide resolution, settings at 1200, the sidebar next to this deviation doesn't quite collapse. The Add to Favourites and CC notice bleed over. This setting could also perhaps do with a 900px version, and some styling to the sides? I notice while some elements shrink nicely, the footer and user page headers do too, and they just cut off.

Is there any chance of a feature to disable the "streamlining"? Deviation links have some javascript I guess that lead to generated pages. (i.e. http://boffinbrain.deviantart.com/gallery/#/dr5us9 is this page.) Which I think is a dumb feature, pages load fast enough from their actual url.
Reply
:iconrusty-phaser:
!Rusty-Phaser Mar 29, 2012  Hobbyist Digital Artist
Chrome, plz?
Reply
:iconkirona:
=Kirona Mar 6, 2012  Hobbyist General Artist
Due to compatability issues with other plugins I use and cannot give up (and that have stopped getting updates), I am still on Firefox 3.6, which means the newest version of this does not work on my browser. Thus, I'm still on version 4.2.3

Rather than asking for backwards compatability or anything like that, since I'm guessing that would be a massive pain, can you just tell me how to make it stop alerting me to the newest version of this plugin? I can't update anyway, so I'd like to have it stop poking me about the update every time I visit dA.

Thanks in advance, even if you can't (or don't want to ;))help me :meow:
Reply
:iconricharmeleon:
Have you considered running the Greasemonkey script instead? It solves the compatibility issues. I had to switch since I run Firefox Aurora which is on version 14 now where as this is only up to 10.
Reply
:iconkirona:
=Kirona Apr 30, 2012  Hobbyist General Artist
The compatability of this isn't the issue, it's a series of other plugins that have long since stopped being updated, but which I still find incredibly useful.

This plugin still works fine for me - I just want it to stop bugging about updates since I can't use them =p
Reply
:iconricharmeleon:
But you can use the updates to this if you just run the script instead.
Reply
:iconkirona:
=Kirona May 1, 2012  Hobbyist General Artist
I don't need them though X3
Reply
Add a Comment: