Deviant Login Shop  Join deviantART for FREE Take the Tour
About Varied / Artist Senior Member rotaneMale/Austria Groups :icondevbug: devBUG
Eats Bugs For Breakfast
Recent Activity
Deviant for 11 Years
Premium Member 'til Hell freezes over
Statistics 328 Deviations 13,928 Comments 124,444 Pageviews

Newest Deviations

mg_h


Keep refreshing the page for a new random image (external link).
You have an awesome picture that you wanna share? Send it to me!
free countersfree counters

Visitors

:points: How many Points do you have right now? 

23%
7 deviants said more than 100
20%
6 deviants said more than 1000
17%
5 deviants said more than 10
13%
4 deviants said None
10%
3 deviants said What are Points?
7%
2 deviants said 1
7%
2 deviants said over 9000!!
3%
1 deviant said more than 1

Wikipedia is aweful!

Journal Entry: Sun Mar 23, 2014, 6:44 AM

Let me correct that: Reading Wikipedia is aweful.



The guys over at 1910 seem to agree with me. Instead of repeating everything they have said, let me highlight one or two things:



"While big parts of the internet have gone through an amazing journey in terms of typography these last years, Wikipedia’s reading experience is still stuck in the 90’s."


"The text is too small, the lines are too long and the leading is too tight. Pictures are tiny and the general layout includes a lot of visual noise that distracts you from the actual reading."


Here's the full article, which i highly recommend reading: blog.weare1910.com/post/755763…



Anyway, it inspired me. And if you know me, you know what i'm getting at: I wrote a userstyle. And of course i'm going to share it with you.



The goal was to bring Wikipedia from this:


Wikipedia Full 01 by rotane

… to something like this:


Wikipedia Full 02 by rotane
(Mockup by 1910.)

I used this design as a starting point, but had to (and wanted to) make a few modifications. For example, i could not get their grid to work properly; Wikipedia's articles are too dissimilar (and messy in general) for a grid like that to work. Instead, i decided to follow Wikipedia's current layout, but apply a set of more general/sensible rules: have a maximum width, make the text bigger, and reduce the clutter.



In fact, i ended up going so minimal, that other than the article itself, there's only the searchbar left; everything else of the UI is hidden or removed completely. (But unless you are a hardcore Wikipedia editor, you'll hardly miss them.)



Also, there are practically no embellishments present: no drop shadows, no round corners, no gradients; nothing of that sort. By doing away with all this, you can focus completely on the content without distraction.



And this is my result – i decided to call it "Wikipedia 1911" ;)


Wikipedia Full 03 by rotane

As you can see, it's quite a bit darker than 1910's mockup (almost deviantART colours!), but this shouldn't surprise you if you know me at all: I just can't stand white designs. Not only do i find them ugly, but they also hurt my rather sensitive eyes, once i stare at the monitor for more than a few minutes.



So, without further ado, i give you the download link: userstyles.org/styles/99515


(As always, you'll need something like Stylish for Firefox or Chrome.)

PS: As i said, most of the UI is hidden. There's only 2 things you need to know: In order to access the left menu, simply move your mouse over to the left edge of the screen and the menu will appear. (Although, i've hidden a lot of unneccessary stuff from it as well, so it's shorter than you'd expect.) And secondly, to get to the controls on top of the page (that holds the edit links and user menu), move your mouse over the darker area around the logo and searchbar.



Enjoy! And of course, feel free to tell me what you think (or if you found any bugs).



Update: I took your comments to heart and have been playing around with more colour-schemes. The one by AndyGassner served as a starting point, becasue i really liked his sepia-ish version. Only it was a tad too bright for my taste.



Furthermore, i removed even more stuff, like the darker-coloured margins around the article, as well as the 1px-borders around most of the lighter-coloured boxes, which brings it closer to 1910's mockup as well. (This last bit is still a work-in-progress, but it should cover most of the boxes already.)



Here's another screenshot:



Wikipedia Full 04 by rotane

The download link is the same as above (click), but your Stylish should auto-update it anyway. Hope you dig it!



deviantID

rotane

Artist | Varied
Austria




Cosecha Signal One:
Interests

Delicious Bookmarks

Donate

rotane has started a donation pool!
1 / 999
Please help me take over the world! kthxbai

You must be logged in to donate.
  • :iconr0tane:
    r0tane
    Donated Mar 19, 2014, 5:53:23 PM
    1

Comments


Add a Comment:
 
:iconrotane:
rotane Nov 1, 2013   General Artist
Slackjawed
Reply
:iconfox64664:
fox64664 Oct 16, 2013  Hobbyist Traditional Artist
thay shud make the site in eny style if you want original style pin style pant style and etc. etc. by the setting it on your profile
Reply
:iconendorell-taelos:
When you were apart of the creative staff. I always mistook your name for crotane. :laughing: 
Reply
:iconrotane:
rotane Oct 3, 2013   General Artist
Heh, yeah, you were not the only one :paranoid:

But still, it was a cool symbol regardless :P
Reply
:iconeindraa:
eindraa Oct 2, 2013  Hobbyist Digital Artist
I wish you had a flame symbol on your medal....Oh the tick back....
Reply
:iconrotane:
rotane Oct 3, 2013   General Artist
I'll take my tick back, thanks :)
Reply
:iconlohkiiofasgard:
lohkiiofasgard Sep 19, 2013
Dearest Rotane, god of Deviantart scripts, have you yet devised a program to hide the "submit art" buttons that appear in galleries and folders? I'd prefer to see my gallery as others do, without the hindrance of these bulky buttons.

<3
Reply
:iconrotane:
rotane Sep 20, 2013   General Artist
I have not! But i didn't have to, as the lovely ^ginkgografix has already crafted such a device:

Reply
:iconaveron25:
Averon25 Aug 1, 2013  Professional General Artist
Check out new avatar and logo:
fav.me/d6epb9a
fav.me/d6g93tw
fav.me/d6g942m
Reply
Add a Comment: