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,394 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? 

22%
6 deviants said more than 100
22%
6 deviants said more than 1000
19%
5 deviants said more than 10
15%
4 deviants said None
7%
2 deviants said 1
7%
2 deviants said What are Points?
4%
1 deviant said more than 1
4%
1 deviant said over 9000!!

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 20, 2013   General Artist
Hmm, i'm still on Nope. I wouldn't even have the time right now to think of something new…
Reply
:iconfarand:
farand Nov 19, 2013  Hobbyist Writer
Happy birthday! :cake:
Reply
:iconrotane:
rotane Nov 20, 2013   General Artist
Ta!
Reply
:iconmkody:
Happy Birthday! :party::cake:
Reply
:iconrotane:
rotane Nov 19, 2013   General Artist
Thanks Andr!:)
Reply
:iconrotane:
rotane Nov 19, 2013   General Artist
:faint:
Reply
:iconkrissi001:
Alles Gute zum Geburtstag :happybounce: 
Reply
:iconrotane:
rotane Nov 19, 2013   General Artist
Danke! :dance:
Reply
:iconbirthdays:
:iconballoondivider1::iconballoondivider3::iconballoondivider3::iconballoondivider3::iconballoondivider3::iconballoondivider3::iconballoondivider4:

:woohoo: :iconcakelickplz: :iconballoonsplz: !!! HAPPY BIRTHDAY !!! :iconballoonsplz2: :iconcakelickplz:  :woohoo: 

It's November 19th which means it's that time of the year again and your special day is here! We hope you have an awesome day with lots of birthday fun, gifts, happiness and most definitely, lots of cake! Here's to another year! 

:iconballoonrideplz:

Many well wishes and love from your friendly birthdays team :love:

---
Birthdays Team
This birthday greeting was brought to you by: =hiddendelights
Reply
Add a Comment: