HTML, CSS, JS and other unsorted stuff

cleanPages Extension - an arc90 Readability conversion

, , , , ,

Outdated.
For discussions about cleanPages v 1.5 please visit the new service page


cleanPages improves the readability of webpages by removing unnecessary clutter. It enhances the layout and combines multi-paged articles into one. It works on locally saved pages and in offline mode, too. cleanPages is a multi-lingual derivative work based on the code of the Arc90 labs experiment "Readability™".


cleanPages is NOT an adblocker or scriptblocker; it cleans pages for reading or printing after they have been loaded.

Version: 1.0.2
Download from the addons page: cleanPages
Supported Languages: English, French, German, Italian, Polish, Portuguese, Russian, Turkish and Swedish.

Latest test version:
1.5.54
Warning: May be unstable!
Date: 2012-07-10 17:23 GMT+2
Download from my private server: cleanPages.oex
A warning will be displayed, you'll have to trust me wink

Snapshot users:
Please add http://quhno.internetstrahlen.de to the trusted repositories.
Menu -> Settings -> Preferences -> Advanced -> Security -> Trusted Web sites (Trusted Repositories Tab)

Known issue:
In the latest Opera snapshots sometimes the settings will be lost after an Opera restart. Not my fault, other extensions suffer under the same issue, it is an Opera bug (CORE-47777).

Changed in the Alpha (latest changes on top):
  • kill setInterval() for merged pages too
  • prevent set click event listeners on body or documentElement from bleeding into the cleaned page
  • removed independent setting for line-height because of bug DSK-344053
  • kill scripts that are started by setInterval() too
  • cleaned upt settings page
  • Some minor fixes for hidden contents - now they should stay hidden
  • Fix for headlines: Big justified text looked ugly, changed to pure right or left align. Known problem: Wrong align on RTL (Arabic or Hebrew) headlines and text align justify or center, please select text-align right when reading these.
  • Fix for content images when screen is very narrow. restricted maximum width to text width.
  • Experimental change of the content image detection heuristics
  • Deleting non displayed content, i.e. content with display:none, visibility:hidden, opacity:0
  • Added Italian translation
  • "edit" links in most Wikis will be removed
  • Added Turkish translation
  • Switched off pagination for sciencesetavenir.fr
  • Squashed bug where too long entries in the color input fields failed to update the preview
  • Prepared internationalization of the preferences page
  • Added Russian help
  • Added help localization structure and German help page
  • Extension's button can be hidden (see help page)
  • the 3 tool buttons top left in the page are now hidden by default.
  • Added Help page
  • Changed the way the CSS is applied, should be more robust now.
  • Extension resets itself to default values after a fresh install.
  • added setting for uncolorized black background around the cleaned text.
  • added some options to the preferences page: show images, show vimeo and youtube videos, merge paginated pages
  • Workaround for Opera CORE-23171 bug
  • Options styled and some minor changes
  • Mouse gesture support - (see help file)
  • Faster reload
  • Added Ctrl+Shift+R as keyboard shortcut to start the extension and to reload the original page
  • New icon
  • Extended font support. Detects installed fonts from a list of 509 of the most common installed fonts on your computer.
  • Added autoscrolling feature, watch the upper right corner.
  • New settings page
  • Bugfix: Additional footnote anchors in text if the button was clicked more than once. (see details)
  • Improved the next page detection but there are still some quirks left (at least I hope id didn't break it too much)
  • Bugfix: elements styled by <u><b> were removed including their contents.
  • Improved duplicate pages detection on multi page articles - should work now correctly with my.opera blog articles with more than one comment page too.
  • changed width setting to fixed values and a percentile maximum width to avoid horizontal scroll bars if set too wide if the window width is changed afterwards.
  • experimental fix for H2s abused as intro

Known issues of the Alpha
  • line height changes are only applied after window size change or setting of font size or spacing in 11.50+. Not my fault, reported as Opera Bug DSK-344053
  • No internationalization for the help page
  • Opera 12 sometimes doesn't want to clean the page again on pressing the extension's button after a previous cleaning attempt on the same page. They broke it. Use CTRL+SHIFT+R instead, that works reliably.
  • Several more issues wink Please post major errors you encounter in the basic functionality here in the blog comments. Thank You!

Usage
If the extension's button is active, you can click on it to change the layout of the active tab's content - or you can select some text (300+ characters) and click the button to make that text readable. If you selected too little text, cleanPages switches back to the default mode and tries to find the relevant content on its own.

cleanPages shows 3 buttons on the cleaned webpage:
  • Reload: It has basically the same behavior as the normal reload button in the browser. It is a true reload except when used on frame sites, then the history is used to go back to the same subframes as before. (Read about History Navigation Mode quirks below)
  • Print: Opens the Print dialog to print the cleaned page. Text will be black, backgrounds will be white, the buttons will be not printed.
  • Email: Opens the default email client on your system with the page's URL as body text. Feel free to edit subject and body text to something more meaningful than the included default text. wink


Preferences | Options
cleanPages comes with settings for Style, Size and Margin. Style changes the font and the background color, Size the font-size, Margins the margin between the displayed text and the container. The container is centered in your viewport and can adapt to its width to avoid horizontal scrollbars, if the viewport is smaller than the container's maximum width of 1000px. The Margin setting puts a margin between the (invisible) border of the container and the text, meaning: The width of the text part shrinks if the margin is set to bigger values.

To set up the extension's preferences:
  • Right-click the button of the extension
  • Choose "Preferences"
  • On the preferences page, change the settings in each column at least once and tick or untick the "... footnotes" checkbox. This makes the settings permanent as long as the extension is installed (only necessary after a new install, later you can change each setting individually).


You can see a preview with sample text in the "Example" box below the settings. The settings can be changed again any time later by re-opening the "Preferences".

Supported Languages
cleanPages comes in:
English, French, German, Italian, Polish, Portuguese, Russian, Turkish and Swedish.
The language is set according to your browser language settings and defaults to English for languages not yet supported. The functionallity of cleanPages is independend from languages, one of my test users reported, that it works just fine on Japanese pages.

Please send me a personal message or leave a comment here, if you can and want to translate it into your language.

Changes to the Original Readability™
  • Added multilingual preferences and user dialogs.
  • Fixed some frame issues. Overwriting or replacing the body of the top document in a frameset is not allowed in Opera because of security restrictions.
  • Removed included Typekit fonts. I have no license to use them and I don't intend to buy one.
  • Removed original JS smooth scrolling. Operas built in is good enough. Use [space] to scroll down a page and [shift]+[space] to scroll up a page.
  • Reactivated the Terminal style.
  • Removed the Athleas style.
  • Improved the font stacks for cross system use.
  • Removed bad browser sniffing because Opera can mask as IE. That wouldn't have worked out. wink
  • Removed or replaced Firefox-only code. (read: Firefox only Bug workarounds for not following the W3C specifications lol)

Various other fixes, see source code of the included script. All changes are marked with /*q ... */


Known Issues
The description is not multilingual. Not my fault, kick Opera for that, especially the person who wrote the parser that checks the config.xml during the publishing process for validity. It doesn't even respect their own specifications. sad

cleanPages, like the original "Arc90 Readability™" bookmarklet, does not work well with:
  • Start pages of a website. Navigate to an article page before you use the extension. I will not change that, my version of cleanPages should stay a small extension with a low system impact. If you think otherwise: feel free to edit it, it is licensed under Apache 2.0 wink
  • Pages with not enough text to analyze. Not possible. No way.
  • Pages with crappy markup. It will do the best it can.
  • Some kinds of frameset pages. However frame pages without forced frame reload should work fine.
  • Pages that are reloaded with Unser Prefs|History Navigation Mode set to "Auto" (1, default) or "Fast" (3). It works better when set to "Compatible" (2).

To switch between all 3 settings you can use this button:
History Navigation Mode

Further known issues: I hope not wink

cleanPages comes AS IS, meaning:
I won't fix mistakes that other people made on their websites. If it works, it works. If not and if it is my fault, leave a comment below.
If you find any real bugs, please post them in the comments, too.
If it destroys your hard-disc and melts your processor: Buy a new computer p

Legal Stuff
"Readability™" is a Trademark of Arc90, http://arc90.com
Permission to use the code was granted by license and email.


    Outdated.
    For discussions about cleanPages v 1.5 please visit the new service page

    Besinnlichkeit ...Error correction ...

    Comments

    QuHno Tuesday, May 15, 2012 11:15:51 AM

    Originally posted by TiRaNiD:

    1. Will you add those two styles I asked you to add to the presets?

    2? I just found one here?

    btw: I added a yellowish style, not quite as yellow as yours ...

    Originally posted by TiRaNiD:

    2. Will it be possible for the changes made by user to any of the presets to be saved automatically (including changes made to the font-size, background, etc., so switching between styles wouldn't break the changes)?


    Difficult. I am on it but the whole interface code wasn't made for style switching in the beginning - so this will really take time.

    Originally posted by TiRaNiD:

    3. Will it be possible to add an animation to the process of cleaning of the page (for example, 'tastefull words'-like animation)?

    The 'tasteful' is a little bit slower and they need the animation if e.g downloading the code takes longer than expected, which can't happen with a self contained extension ...

    Does the extension really need that?
    At least here it cleans almost all pages faster than such an animation would load, even when testing with a slow computer ...

    Originally posted by TiRaNiD:

    crucial

    is such a hard word - in my definition it is crucial that the extension works on as many pages as possible without making it to a script monster that I can not keep under control any more bigsmile

    TiRANiDTiRaNiD Tuesday, May 15, 2012 12:44:52 PM

    Originally posted by QuHno:

    2? I just found one here?


    The second was a 'dark' style I sent you by e-mail about a week ago. I'll post it here.
    Background: #2B241E;
    Font: #FFF9F7;
    Headers: #CCAB85;
    Link: #6D7EFA

    Plz, don't change the colors. smile

    Originally posted by QuHno:

    so this will really take time


    This feature is worth waiting. This one is really 'crucial'. star

    Originally posted by QuHno:

    without making it a script monster


    I understand it will need more time and more lines of code. left
    But it will look prettier and classy.
    There is another addon with a cool animation - Clearly (Firefox). May be you can extract the code of this addon and compare it with the code of Tastefull Words in order to see which one is 'lighter'?
    Here - https://addons.mozilla.org/ru/firefox/addon/clearly/
    I would really appreciate the efforts. up

    QuHno Tuesday, May 15, 2012 1:18:37 PM

    Off course I have already looked into that code bigsmile

    ... but no, I can't just extract the code from "Clearly" and slap it into cleanPages because it is identical with the "tasteful worlds" code (no wonder, Evernote bought "tasteful") and it works completely different.

    I wonder if|when they will port it to Opera, it would be a "nice to have" because the programmer of Clearly is better than I (despite his use of jQuery which I would never ever do) ...

    TiRANiDTiRaNiD Tuesday, May 15, 2012 1:48:59 PM

    Originally posted by QuHno:

    I wonder if|when they will port it to Opera


    I don't think it will happen any time soon. They are not interested in doing it because the number of Opera users is not as big.
    That's why you are our only hope. smile

    BTW, the Psychology of Colors asserts that the text written in black font on a yellow background is easier to discern and comprehend.
    That's why 'my' yellow was 'so' yellow. smile
    For example, here's the screenshot from the Zeitgeist movie. Peter Joseph is smart enough to use these colors in his movie as it has a deeper psychological impact.
    http://files.myopera.com/TiRaNiD/files/Zeitgeist.JPG

    QuHno Tuesday, May 15, 2012 2:35:21 PM

    Originally posted by TiRaNiD:

    They are not interested in doing it because the number of Opera users is not as big.

    But the port of the similar Chrome extension would be quite easy and should take an experienced JS programmer *1) not longer than about 2h...

    Originally posted by TiRaNiD:

    the Psychology of Colors asserts

    The physiology of my eyes asserts, that it literally hurts looking at it lol
    (no pun intended)


    *1) in opposition to me - cleanPages is the 2nd and by far the biggest JS programming project in my life so far, I still have to learn much.

    TiRANiDTiRaNiD Tuesday, May 15, 2012 5:06:10 PM

    Originally posted by QuHno:

    But the port of the similar Chrome extension would be quite easy and should take an experienced JS programmer *1) not longer than about 2h...


    In theory. In practice it will take years.

    Originally posted by QuHno:

    The physiology of my eyes asserts, that it literally hurts looking at it


    Just the opposite for me.

    QuHno Tuesday, May 15, 2012 6:58:49 PM

    Quick hack to add a spinner animation.

    To me it looks like ... hm ...

    See for yourself:
    cleanPagesX.oex 1.4.47-x


    No, the color settings are not yet in.

    TiRANiDTiRaNiD Tuesday, May 15, 2012 7:44:22 PM

    The version is 1.5.48-x.
    I didn't see the animation... sad

    QuHno Tuesday, May 15, 2012 8:33:41 PM

    Try this article.
    http://www.chip.de/artikel/Huawei-ZTE-Die-neue-Handy-Macht-aus-China_55636673.html
    activate plugins and wait until the page is loaded, then press the button. That page is heavy weight enough to make the extension work for more than a few miliseconds so you should see it for at least 1/4s bigsmile

    I could add a timeout for the animation so that it stays longer on the screen - meaning: just wait until the animation made at least one circle or so - but I don't know if I really want to do that. In some way that goes against all the speed optimizations I made ...

    TiRANiDTiRaNiD Tuesday, May 15, 2012 9:05:43 PM

    Originally posted by QuHno:

    so you should see it for at least 1/4s


    Nothing. The page just instantly gets cleaned. worried

    Originally posted by QuHno:

    In some way that goes against all the speed optimizations I made


    As they say: 'Beauty demands sacrifices'. smile
    No, seriously, Einstein said: 'Make everything as simple as possible, but not simpler'. But in Opera there are a lot of things that couldn't be made simpler and look plainer. Context-menus, for example.
    That's why I think cleanPages should stand out and look elegant.

    QuHno Wednesday, May 16, 2012 9:07:34 AM

    I don't believe Einstein really said that, because he was quite good with logic and knew that it is not possible to make something simpler as possible without breaking it wink

    ... but I can understand this p

    Saskatchewan Wednesday, May 16, 2012 10:33:00 AM

    Originally posted by QuHno:

    ... but I can understand this

    lol I like the story.

    TiRANiDTiRaNiD Wednesday, May 16, 2012 2:56:54 PM

    Originally posted by QuHno:

    I don't believe Einstein really said that


    The fact won't seize to exist whether you believe it or not, since it is an actual fact.
    Also he said "If you can not explain something in an easy way, you do not fully understand it". Your lack of knowledge about making something as simple as possible without breaking it means you don't know how you can do it, and doesn't mean it is impossible to do so.
    Anyway, he was smart enough to make complicated things look simpler, but not plainer.

    QuHno Wednesday, May 16, 2012 6:08:41 PM

    ... "einfach" (which doesn't mean simple or plain only) doesn't mean "adding things" in my philosophy. cleanPages 1.0.2 is simple, Readability itself is simple. Compared to those, this version is complex and nerdy - at least the UI is bigsmile


    btw: I will be much easier to port "readable"/"clearly" (tasteful worlds) with the upcoming Opera 12.5 or 13 ...

    TiRANiDTiRaNiD Wednesday, May 16, 2012 7:33:42 PM

    Originally posted by QuHno:

    Compared to those, this version is complex and nerdy - at least the UI is


    "That's OK with me". cool

    I will gladly use a 'monster' in case it is a 'beautiful' one.

    I'm sure cleanPages can rival Clearly. And I'm not interested in Clearly for Opera in case cleanPages has user-defined presets and animation (at least having a remote resemblance with the 'Tasteful').

    QuHno Wednesday, May 16, 2012 8:02:10 PM

    Originally posted by TiRaNiD:

    'm sure cleanPages can rival Clearly.


    in some edge cases "Clearly" is better and when it gets server based support, and I am sure it will in the long run, I will not be able to "compete" any more because I can not replicate the information about cleaning processes of thousands of users in a purely local running extension (provided I were in competition at all). If the approaches were not so completely divergent I would really like to steal borrow re-use some parts of their code (and they may use mine too, off course bigsmile), especially their recognition of real tables would be really welcome.

    On the other hand: The server based Redability (from arc90) has one nice new thing too: They don't auto-page any more but show the links to the following pages. If you click on one of the links, the next page is cleaned directly.

    I wonder if I can implement that because finding the "array" of pagination links is way easier and more reliable than auto-appending without database support, as I do it now.



    TiRANiDTiRaNiD Thursday, May 17, 2012 7:47:12 PM

    Originally posted by QuHno:

    "einfach" (which doesn't mean simple or plain only) doesn't mean "adding things" in my philosophy


    No, I wasn't trying to say that cleanPages should be made simple. bigsmile
    What I meant by the Einstein's quote was that there are already a lot of simply-looking and poorly-functioning stuff in Opera, like context-menus and bookmark management to start with (the absence of the possibility of moving/deleting bookmarks from the bookmarks drop-down menu).
    And that cleanPages should not look simple. It should stand out against the plain looking Opera. bigsmile
    No trolling here. I like Opera. love
    But it's not perfect. And cleanPages can make Opera a step closer to an ideal... but only if it has animation and user-defined presets. coffee
    A growing number of the lines of code is just a side-effect. devil

    QuHno Thursday, May 17, 2012 8:35:23 PM

    Originally posted by TiRaNiD:

    A growing number of the lines of code is just a side-effect.

    but one that accumulates because injected script get injected in every page and - believe it or not - I know at least 3 people who don't use bookmarks etc. but have about 200-300 Tabs open permanently ...

    Now imagine the extra impact of cleanPages when they start the browser ...

    The smallest "cool looking" animation I managed until now is about 20kb. That doesn't sound like much, but the animation has to be loaded into the memory where it has to be expanded to the true pixels, which leads to small byte explosion every time.

    Sadly the new resource loader API will not make it into 12, with that I could avoid much of it because I could load the biggest part of the injected script on demand only (which would make it slower and give the animation more time to show p)

    TiRANiDTiRaNiD Thursday, May 17, 2012 8:36:45 PM

    BTW, today the animation is seen. I didn't recognize whether the throbber was spinning though.
    It happens so fast it's not noticeable whether the throbber is spinning or it's just a static picture.
    Clearly-style animation is still expected.*

    *Edit: "which leads to small byte explosion every time"
    Yeah, I think a lot of people would complain about it. But I would use it in spite of the impact on memory. Can you send me this alpha with animation for testing purposes? I'll measure the memory impact.

    QuHno Thursday, May 17, 2012 10:17:27 PM

    The animation is already in but it stops and vanishes as soon as the page is cleaned up and gets replaced by the cleaned content. I must add a pause function that delays the replacement...

    And no, I can't just blend it over the page like Clearly does - clearly uses an overlay to show the cleaned content, while cleanPages works destructive.

    ... but as I wrote this I've got an idea how it could be done without impacting the cleaning speed and possibly with less impact - may be it works ...

    QuHno Friday, May 18, 2012 1:18:47 AM

    1.5.49-x - I can't do elegant, I only can do simple.

    Some animated effects.

    cleanPagesX.oex

    TiRANiDTiRaNiD Friday, May 18, 2012 6:48:42 AM

    Yes! This is it! Thanks! yes
    There are two effects as I noticed: the first is a line that is filled as the cleaning progress goes, and the second is the magic. bigsmile
    The first is almost unnoticeable, the second has just the needed duration.
    Looks great! Great job. I really appreciate it! wizard

    QuHno Friday, May 18, 2012 9:32:52 AM

    Originally posted by TiRaNiD:

    There are two effects


    yes, because of technical reasons. I wanted to do it in one but that didn't work out because seeing the extension work on some complex pages and adding the animation glamour afterwards looked awkward...

    Unregistered user Wednesday, May 23, 2012 6:43:55 AM

    Anonymous writes: Can you add the option to translate. Thanks

    Unrealmirakulix Saturday, May 26, 2012 11:50:49 AM

    suddenly on http://flexikon.doccheck.com/Musculus_ciliaris?PHPSESSID=7a853ea393f71371666302579e57626f

    when I used the latest experimental test version (1.5.47-x)

    strange thin, red boxes around the page elements appeared like the one used by ad blocks. And when I clicked on them they disappeared... ??? New blocking feature!?!?

    Unrealmirakulix Saturday, May 26, 2012 3:02:54 PM

    on http://humanvision.ch/fachbegriff_inhalt.html

    subtitles and space between sections aren't detected.

    Is it possible to show "b" if there is no "h1", ... detected? (should solve the subtitle problem, shouldn't it?)

    QuHno Saturday, May 26, 2012 5:42:40 PM

    Jetzt mal ganz ohne Spaß: Das meinst Du nicht Ernst, oder?
    <span class="klein_black"><span class="class02"><span class="klein_rosa"><b>Die Iris:</b></span></span></span><span class="klein_black"><span class="class02"><span class="klein_rosa"><b><br></b></span></span></span>
    Es wundert mich, dass das überhaupt als Inhalt erkannt wird, das muss man ja mit der Lupe suchen!

    Unrealmirakulix Saturday, May 26, 2012 6:05:51 PM

    Originally posted by QuHno:

    Jetzt mal ganz ohne Spaß: Das meinst Du nicht Ernst, oder?

    <span class="klein_black"><span class="class02"><span class="klein_rosa"><b>Die Iris:</b></span></span></span><span class="klein_black"><span class="class02"><span class="klein_rosa"><b>
    </b></span></span></span>


    Es wundert mich, dass das überhaupt als Inhalt erkannt wird, das muss man ja mit der Lupe suchen!

    Ups, sorry. War ich wohl etwas vorschnell... whistle

    QuHno Saturday, May 26, 2012 11:39:39 PM

    Nein, Du warst nicht vorschnell, es ist das gute Recht des Benutzers, so etwas haben zu wollen - aber das was ich schon bei der 1.0.2 schrieb, gilt auch noch hier: cleanPages versucht sein möglichstes, mit kaputtem Seitencode zurecht zu kommen und den Inhalt zu finden...


    ... aber irgendwo sind wirklich Grenzen dessen, was ein JS ohne Datenbank im Hintergrund zu leisten im Stande ist ohne grottenlahm zu werden.

    Hinzu kommt, dass ich immer noch ein Hobby JS Scribbler bin und definitiv nicht gut genug, um eine "full fledged content recognition" hinzubekommen. Ich weiß wie es funktionieren würde, ich habe mittlerweile sogar mehrere Doktorarbeiten zu dem Thema durchgeackert, aber das dann in JS umzusetzen (oder in irgend eine andere Sprache) ist ein verdammt hartes Stück Arbeit, also habt gefälligst ein wenig Mitleid mit mir p wink

    Unrealmirakulix Sunday, May 27, 2012 7:08:14 AM

    natürlich wink

    Insbesondere dass Opera lahm wird will keiner. Ad blocker brauchen schon genug Ressourcen... Sonst werden extension auf Laptops zum Luxus (rechenleistungsabhängig).

    und dass du nicht die oex zu deiner Primärarbeit erheben willst ist auch klar. (jetz´ fang´ ich schon am Morgen in Blogs mit Neologismen an ^^ )

    TiRANiDTiRaNiD Sunday, May 27, 2012 2:59:39 PM

    I have to admit the animation looks cool and all, but after some time it really gets annoying and I'm starting to think it would be good to have an option to disable it.
    Probably, the extension would be ok without the animation.

    QuHno Sunday, May 27, 2012 3:12:01 PM

    bigsmile

    dityanaoan Wednesday, May 30, 2012 3:21:22 PM

    Imo there's no need for animation at all.

    But custom presets (not just one) and an option to type custom font name to use would make this extension near perfect (would be perfect for me tho' p).

    Thanks for this defining work for Opera users to brag about. bigsmile

    QuHno Thursday, May 31, 2012 6:43:12 AM

    Custom font names:

    At the moment I check against a list of 500 of the most commonly used fonts with decent support for non-ASCII characters (äöü€ß⨑ anyone? Yes there is a character after ß wink) and installed fonts should be detected. Several of the "other" fonts, meaning fonts not from the list, render quite poorly on screens as soon as changes to the cleaned page's appearance are not exactly fitting to the height and spacing the fonts are designed for because they lack a good kerning and hinting ...

    ... but I'll think about ways of how to integrate custom user input.

    I've made some critical mistakes during the initial design of the options page (speaking of code design, not graphical design. The later can be changed easily) which now make it difficult to add or change things without breaking the rest. That is one reason why custom presets are not in yet (despite they are quite high on my own wish list too) and some of the other changes take their time too.

    I'll try to add some of the features as soon as I can spare a longer time in one piece.

    Unregistered user Monday, June 4, 2012 6:15:19 AM

    Anonymous writes: Can I have Magnify Future ?

    QuHno Tuesday, June 12, 2012 3:23:11 PM

    New Version 1.5.49 (normal version without X wink)

    Deleting all contents that are not displayed on the normal page (mostly navigation menus but sometimes pesky advertisements). If they don't want us to see it, it can't belong to the main content.

    It took a little longer because I spent the last weeks following them bigsmile

    Originally posted by anonymous:

    Can I have Magnify Future ?


    Magnify? Just press + on the numpad of the keyboard or use the zoom slider in the lower right corner of the standard Opera window.

    If you just want to have bigger font sizes, just set the font size on the options page of the extension.

    Unrealmirakulix Tuesday, June 12, 2012 4:19:03 PM

    ^^ very nice. both, owls and oex bigsmile

    Unrealmirakulix Thursday, June 21, 2012 11:41:14 AM

    Warum werden eigentlich tables rausgefiltert?

    why does it ignore the table elements?

    i.e. http://www.sinnesphysiologie.de/hvsinne/auge/pigm.htm

    QuHno Thursday, June 21, 2012 12:27:02 PM

    You mean that with the images? I'd say: There is no text in it.

    ... but that is a general problem, I still don't know how to solve: Images that are packed into the page the same way as advertismaents or similar things but belong to the page are hard to detect with the heuristic as it is now.

    btw: I wonder if the author of the page ever heard something about e.g. the P element or CSS. (Possibly not, the page was made with "Homesite", a web page generator that was phased out when Adobe bought Macromedia - which is a good thing because "Homesite" was almost as bad as old "Frontpage" versions or "Word" when it came to web pages.) Pages like this basicaly don't need cleanPages but a UserCSS because there is nothing to throw out, just something to style.


    Unrealmirakulix Thursday, June 21, 2012 1:17:02 PM

    Hm, schade, aber bei solchen Seiten braucht man die oex auch nicht unbedingt. Insofern ist es ja nicht so schlimm, wenn die Leseansicht keine Bilder enthält...
    Bilder in Tables kommen, doch i.d.R. eh nur bei genau solchen Seiten vor, oder? Welches Nachrichtenportal bastelt denn mit tables herum?

    Ist mir nur gerade so aufgefallen. wink Helfen dir solche Hinweise generell überhaupt, oder braucht es das nicht?

    QuHno Thursday, June 21, 2012 1:50:40 PM

    New version: 1.5.50

    Experimental change in the heuristics to avoid killing some kinds of article related images.

    Please test if there are negative side effects like not deleted advertisements etc.


    @Unrealmirakulix
    Die Kommentare helfen mir auf alle Fälle generelle Probleme zu finden und das war eins, was ich schon lange festnageln wollte. Das Problem war bloß, dass die meisten Seiten, auf denen es auftrat, einen derartig grauenvollen Codeverhau hatten, dass ich mich nicht dazu aufraffen konnte, mich auf der Suche nach den notwendigen Kriterien durch den Code durchzuwühlen.

    Zum Thema Tabellenlayout:
    Wenn Du einmal auf z.B. chip.de gehst und Dir dort einen Artikel vornimmst, siehst Du, dass es durchaus noch Seiten gibt, die mit Tabellen Layout arbeiten (Ich weiß sogar noch, wer für den gruseligen Code bei Chip verantwortlich ist. Das war um 2000 herum, und die Chip Leute haben seitdem den Code mit eigenen Basteleien weiter verschlimmert). Auch einige Foren Systeme verwenden das sehr gerne, wenngleich CP nicht wirklich für Foren gedacht ist ...

    Unrealmirakulix Thursday, June 21, 2012 2:13:06 PM

    ok, dann bekommst du weiterhin meine Hinweise. Wenn es zu viele werden einfach melden, ich übertreib bei sowas nur manchmal und merk es nicht wirklich wink ^^

    testing...

    PS: Jaja, chip.de... Hab ich vor langer Zeit auch mal genutzt ^^.

    QuHno Friday, June 22, 2012 5:21:33 AM

    Chip nutze ich nicht, die ist langweilig - aber die Seite ist klasse zum testen. Wenn die Extention mit dem Seitenmüll fertig wird, wird sie mit allem fertig, viel schlimmer kanns nicht kommen und wenn mein Chef das jetzt liest, bin ich arbeitslos (nicht wirklich bigsmile Chip nutzt zwar unser System, aber die Schuld an dem verkreppelten Code liegt mittlerweile zu 100% bei denen)


    ... abgesehen davon: Ist das kleine blaue Icon so OK?
    Das graue passte zwar zum neuen Opera Stil, aber ich will einen Farbklecks haben, damit ich sehe, wo ich klicken muss ...

    Unrealmirakulix Friday, June 22, 2012 8:40:30 AM

    Was Kunden mit dem gekauften Produkt so treiben ist ja ihre Sache. So ist das eben. Aber wie gesagt bei dem content von chip ist es nicht so dramaisch, wenn der Quellcode grausam ist. Und irgendeinen Endboss braucht die oex ja ^^

    sehen beide recht professionell aus. Also ich meine, das blaue ist auf keinen Fall zu verspielt.
    Um es an den neuen Opera-Look anzupassen sollte der Farbton evtl. noch etwas heller werden, jedoch haben beinahe alle oex ein Toolbaricon in markanter Farbe, also darf cleanpages ruhig blau sein.
    Außerdem blende ich das icon in der toolbar sowieso immer gleich aus. shortcut ist mir da lieber wink
    Könntest du alle Optionen evtl. auf eine Seite in den Einstellungen schieben. Dass man bei den FAQ, about, ... (Fragezeichen) noch etwas einstellen kann finde ich nicht besonders intuitiv und auch nicht ergonomisch.
    evtl. wenn du die Optionen aufteilen möchtest kannst du ja mit subtabs arbeiten (also eigenen Tabs in den Einstellungen). wink

    QuHno Friday, June 22, 2012 12:52:02 PM

    Uaaah... subtabs...

    Es ist so schon ziemlich schwierig, die ganzen Sachen auf der Optionen Seite unter Kontrolle zu halten und ich finde, dass die Option, dass man den Button entfernen kann, durchaus versteckt sein soll, denn ohne den Button ist es füe Anfänger deutlich schwieriger, z.B. an die Einstellungen heranzukommen.

    Subtabs könnten natürlich funktionieren, wenn ich einen sauberen Weg finde, die einzubauen, ohne dass ich den ganzen Kram umschreiben muss und ohne das gesamtdesign dabei zu zerlegen.

    2. Problem: Ich plane auch eine Version für Opera Mobile zu veröffentlichen, wie Du vielleicht schon in einem anderen Blogbeitrag hier gesehen hast. Dort funktionieren schon aus geometrischen Gründen ein paar Sachen nicht, die in der Desktop Version funktionieren und mit den ganzen Touch events komme ich auch noch nicht so wirklich klar - aber derzeit ist es noch so, dass sich die Mobile und die reguläre Version über 90% ihres Codes teilen und ich möchte deswegen nicht all zu viel am UI ändern.

    To the non German speaking users
    If you want to read the comments of Unrealmirakulix and me too, I can translate them to English, but it is easier for us to express our thoughts in our native language and I need some kind of sounding board I can just talk to without thinking about the language or seeking for words wink

    Unrealmirakulix Friday, June 22, 2012 1:37:35 PM

    gut, insofern ist es vielleicht doch nicht so schlecht den Button-Ausblender zu verstecken.

    PS: Hab grad die neue Version getestet: Sieht sehr seltsam auf http://fernsehkritik.tv/blog/2012/06/im-sturzflug-nach-unten/ aus ;(

    QuHno Friday, June 22, 2012 2:35:47 PM

    Inwiefern seltsam?
    Mal abgesehen von dem Bild, aber dafür kann er nichts, der Gottschalk sieht nun einmal so aus lol

    btw: da fällt mir gerade auf, dass ich die Überschriften auf keinen Fall in justify (Blocksatz) darstellen lassen sollte - das sieht wirklich seltsam aus ...

    ... gibt da bloß ein kleines Problemchen mit RTL Schriften, was ich noch lösen muss, aber das wird schwierig, ich kann kein arabisch oder hebräisch etc. und mein Experte dafür ist gerade im Urlaub.

    btw: I just recognized, that headlines should not be justified because they look quite tattered with text in languages that contain many long words. Does anyone use the justified text setting anyway?

    I really wish Opera had some kind of automatic hyphenation built in, may be with downloadable language modules like for the spelling checker.

    Unrealmirakulix Friday, June 22, 2012 10:31:50 PM

    hm jetz geht´s plötzlich. Naja, hat sich damit erledigt.

    Jep, Überschriften sollten von Blocksatz immer verschont werden ^^

    RTL kann ich dir leider nicht helfen ;(

    Unrealmirakulix Saturday, June 23, 2012 12:11:24 AM

    Bei "Zusätzliches: Schnellaktualisierungsschaltfläche":

    Was ist da der Unterschied zu F5? Dachte F5 lädt aus dem Cache neu und shift + F5 lädt die Seite komplett neu aus dem Netz...

    confused

    QuHno Saturday, June 23, 2012 2:25:00 PM

    F5 läd zwar aus dem Cache, fragt aber bei jedem Element nach, ob es sich geändert hat.
    Browser: Hallo server, ich hab hier ein Bild, ist das noch aktuell?
    Server: 304 (Not modified)
    Browser: Render...

    Die Schaltfläche läd ohne Rückfrage an den Server ausschließlich aus dem Cache, außer es fehlt tatsächlich ein Element, das wird dann beim Server abgeholt.

    Spart ein paar Roundtrips ...

    How to use Quote function:

    1. Select some text
    2. Click on the Quote link

    Write a comment

    Comment
    (BBcode and HTML is turned off for anonymous user comments.)

    If you can't read the words, press the small reload icon.


    Smilies