The internet in widescreen view

On today’s large monitors the column-view-internet seems sometimes not to be the best invention. Here is a greasemonkey-script which tells you how to get back the fullscreen-experience of you favorite websites. The GPL-licensed script-file full_width.user.js.pdf (or on pastebin) also includes an example for sueddeutsche.de.

With greasemonkey you can to everything you wantūüėČ

//greasemonkey userscript to alter css automatically to display various websites in widescreen layout.
//Copyright (C) 2013  Henning Hollermann

//This program is free software; you can redistribute it and/or
//modify it under the terms of the GNU General Public License
//as published by the Free Software Foundation; either version 2
//of the License, or (at your option) any later version.
//
//This program is distributed in the hope that it will be useful,
//but WITHOUT ANY WARRANTY; without even the implied warranty of
//MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//GNU General Public License for more details.
//
//You should have received a copy of the GNU General Public License
//along with this program; if not, write to the Free Software
//Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

// ==UserScript==
// @name        widescreen website layouts
// @author      Henning Hollermann
// @email       laclaro@mail.com
// @downloadURL laclaro.wordpress.com
// @namespace   widescreen website layouts
// @version     1
// @include     *.sueddeutsche.de
// @include     *.somedomain.*
// @description This script is an example to let the css of some websites be altered by greasemonkey to be displayed in widescreen mode. Please read the instructions in the file.
// ==/UserScript==


// How this is done: use firefox css-features on the page you want to be displayed in widescreen layout.
// right-click and select "inspect element (Q)", use the arrow-button to reach the element-selector-mode.
// select the element-box you want to widen. Add or alter the width-property and see if the result fits
// your needs. Repeat that until you got the desired layout and remember the altered properties.
// Add a section like the one below to let this be done automatically by greasemonkey's js features.
// Add a adittional @include-line for your site above.

// use wide-view layout on sueddeutsche.de
GM_addStyle("                                \
  @-moz-document domain('sueddeutsche.de') { \
     #sueddeutsche, #wrapperbelt, #wrapper { \
        width: 99% !important;               \
     }                                       \
     #sitecontent.mainpage {                 \
        width: 75% !important;               \
     }                                       \
  }                                          \
");
About

Peter Pan. Kann fliegen mit Feenstaub.

Tagged with: , , ,
Posted in Technik
3 comments on “The internet in widescreen view
  1. Adoa says:

    Whenever a line of text is longer than half my monitor size (24″) I have really hard problems not loosing the line. The column layout of the internet is more or less an issue of ergonomics, since everything from 10″ to 30″+ is out there in the wild.

    What you want to have is a multi column layout on every web page ‚Äď something like the new MySpace. No you do not have to like the site, but the vertical layout is somehow innovative.

  2. laclaro says:

    I agree with you. Multiple columns would be very nice indeed. But unluckily html/css isn’t that universal – you have to alter the css (and css definitely was an innovation!) for every singe page you want to look different. But to be honest, it couldn’t be the goal of website designers to allow people to change the appearance of “their” internet globally. What about uniqueness then?

    I did this tiny project for a friend of mine who does not like every site being restricted to only on small fraction of his monitor display. Anyway a multicolumn-view would be favorable.

    cheers,
    Henning

  3. laclaro says:

    just for the record. This is outdated.
    Henning

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Posts by topic…
…by month
Have a look at…


%d bloggers like this: