EditorsAbout the SiteComes vs. MicrosoftUsing This Web SiteSite ArchivesCredibility IndexOOXMLOpenDocumentPatentsNovellNews DigestSite NewsRSS

07.28.19

Five Techrights Prototypes

Posted in Site News at 4:28 am by Dr. Roy Schestowitz

Summary: Thoughts on how to improve the reading experience on this site, whose layout has been the same for almost thirteen years

THIS Web site turns 13 in a few months (November) and it will, at that stage, have published about 26,000 blog posts (that’s an average of about 2,000 a year). The daily links have been around for more than a decade and the same goes for our IRC channels. Thankfully I still have a daytime/nighttime job to help pay my bills, including this site’s bills. I’m personally losing money — not just time — on the site. But it’s worth it. The site’s goal/work is important, as almost nobody else does it (Groklaw did it for almost a decade), and it’s rewarding in the fulfillment sense. I sort of live for it.

“I’m personally losing money — not just time — on the site. But it’s worth it.”Recently some readers suggested changes to the site’s layout. We’ve had lengthy discussions about these (those are actual, working Web pages, but we’re showing just screenshots of these because they’re crude prototypes, nothing beyond that). In the interest of transparency and spirit of collaboration we’ve decided to do a quick (but possibly lengthy) blog post about it. Just to keep readers ‘in the loop’ and invite feedback. There’s more in IRC logs when they become available (soon, some time next month).

To us — and to me personally — what’s most important is the substance, not presentation, but poor presentation can harm a site. I don’t judge sites by their appearance but their contents; if you’re promoting all sorts of “alternative medicine” and “survival kits” and “gold bars” in the side bar, that’s an instant credibility loss. If you use words like “fuck” and “asshole” in an article, that too can be a problem (depending on the context). If there are no links in the article, that alone might not detract from the message, but it helps to have ways to verify and trace individual claims back to sources. It inspires confidence. When dealing with companies that spent billions of dollars on PR it is inevitable that “shoot the messenger” tactics and nit-picking will be leveraged to dismiss the message. People have been defaming me, even using imposter accounts (with my name), for nearly 15 years.

Due to the size of Techrights (total number of pages) it has been exceptionally challenging keeping everything up to date, up to standard, consistent etc. But we try our best given our limited capacity. We recently got more volunteers. We’re very thankful. They’re part of us. They’re the family. We're growing.

“In the interest of transparency and spirit of collaboration we’ve decided to do a quick (but possibly lengthy) blog post about it.”Anyway, about layout…

“I’ve taken a few hours to make small modifications on Techrights stories web page,” one reader told us, “as we chatted in another dialog. These examples are very ugly, and of course are not intended as anything but a proof of concept. In fact, I’m not sure if I fully like them even in concept. So please feel free of [sic] not liking any of it either. But I wanted to give it a try anyways, in my little spare time. Who knows… maybe they end up triggering some actual good idea eventually. [...Y]ou’ll find 4 html files.”

It is based on the saved “/?stories” page from that date.

“Then there are three other versions of it,” the reader explained. “They use the same assets (as they’re all just an edited copy of the html file), and every one has a different modification…”

- “v1″ reacts to posts given its height. When height > 1000px, there’s a script that limits the post height to 1000px, adds a little gradient at the bottom, and a clickable div for expanding the full content.

wordpress-techrights-1

- “v2″ does the same, but instead of expanding the contents, the div just opens the post url (given in the post’s title) in a different tab.

wordpress-techrights-2

- “v3″ shrinks the posts to 100px, without checking its height, and adds a div on the post’s top-right corner for expanding it or folding it.

wordpress-techrights-3

“Of course this is all client-side,” the reader noted, “even when there’s no need for it (as in “v2″, or the css classes assignation). The point is just to toy with the idea of scrolling and being able to focus in what I want to read, without trying to go to a “fully personalized” privacy nightmare and/or a 20MB webpage full of unwanted assets, invasive behaviour, and obfuscated javascript. Just tiny tools that should not break anything and could make it better for someone. By trying this stuff, I guess using desktop I liked more something in the lines of “v1″ or “v2″, but liked more “v3″ on a cellphone. There’s something about the tiny screen and not having too much data in it that feels adequate, but not on the monitor. It would be nice to not have this dialog in private, as I believe a lot of readers may have cool ideas.”

“To us — and to me personally — what’s most important is the substance, not presentation, but poor presentation can harm a site.”We’ve passed that around internally last week. “I haven’t looked in detail,” one person remarked, “but in regards to layout it is 100% possible to avoid any and all javascript and use only pure CSS. If it is a matter of ‘bling’ quite a bit can be done with CSS3: There are accordion menus, pull down menus, and many other things possible with just CSS. However, my main concern is the reflow of the columns on smaller, more narrow screens. The [...] v3 at least does not address that, at least not once it has been sanitized and the scripts removed.”

The person then named/suggested a better mode: “Here’s an example of one site that does 1, 2, or 3 columns depending on the browser’s width: https://www.deccanchronicle.com/

“Techrights needs to be able to reflow like that. HTML 5, which should also be used, has “summary” and “details” elements for hiding or revealing additional material. There are work-arounds in CSS for HTML4, but HTML5 ought to be the standard used. Working with WordPress to make those kinds of changes will be the hardest part.”

This is still work in progress and IRC logs, which we publish once in 4 months (for efficiency’s sake), have more on that.

“When worked on those files,” the reader added, “my stronger doubt was: “What are the most important issues to tackle here?”. And that’s very subjective, so I needed your feedback to know it: it’s your site, and there are lots of readers. I didn’t want to be many hours tunning/designing/refactor not-my-web with only my criteria. And that was specially uncomfortable on the “styling” front. Also, didn’t wanted to let the whole thing die without doing anything. So, some dirty sketches sounded like a good start, without needing to tackle all possible ideas at once, and without needing to touch a single given style. If that kind of work were well received, I was about to work next on the styles, which includes the flow, but also things like the font size given the screen size, the distribution of the posts, things like “night mode friendly”, and so on.”

“This is still work in progress and IRC logs, which we publish once in 4 months (for efficiency’s sake), have more on that.”Longtime readers are probably aware that the site’s looks have been virtually the same since 2006. This is intentional and it assures consistency (e.g. the looks and layout of old posts, of which there are many)

We recently ranted about JavaScript. We don’t want to ‘pollute’ the site with it. It would not help the substance.

“There’s also new stuff like CSS grids, flexboxes, and other stuff I never tried,” the reader said. “But in my experience, working on a CSS+HTML ONLY solution (which I always try to do) ends up in LOTS of quirks convulting the code, or in sacrificing something for the sake of purity. Things like the box model, pixels and margins that renders differently in different browsers, and so on, end up generating weird scrolls, broken lines, overlapped items, and stuff like that. On my blog I refused to program a reflow, because I couldn’t care less about mobile browsers, and it just adapt to screen size; I just zoom with the fingers if I happen to read it on mobile, or just flip the screen. It’s not a big nor a news site. So it barely uses any javascript, it has my own personal bling that pleases just me, and works well enough. WordPress didn’t make it hard for me to program it. [...] Techrights deserves a professional work. That means no trash code, no CSS whack-a-more against heavy HTML, no gratuitous javascript, and yet good SEO and good compatibility with other tools. That means lots of work. And neither you or the readers shouldn’t do that without a clearer idea of what should be done.”

“We’re open to the idea of making changes site-wide provided they’re sufficiently beneficial and the benefits outweigh harms associated with backward compatibility.”If anyone has ideas, please share them with us in the comments, in IRC, or bytesmedia at bytesmedia.co.uk (shared inbox). We’re open to the idea of making changes site-wide provided they’re sufficiently beneficial and the benefits outweigh harms associated with backward compatibility.

Another person has meanwhile created a prototype without JavaScript and explained: “I agree with most of that except regarding the importance of CSS. In my experience it remains the only way to keep the pages light weight. However, to do that, it does have to be written by hand and not use any off-the-shelf libraries. As for the flow and for stripping extraneous material, see the [following]. Don’t mind the background colors or the borders, they are there to show the blocks used.” Prototypes are shown below (as screenshots only, as the underlying code isn’t polished).

wordpress-techrights-4

wordpress-techrights-5

Share this post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Reddit
  • co.mments
  • DZone
  • email
  • Google Bookmarks
  • LinkedIn
  • NewsVine
  • Print
  • Technorati
  • TwitThis
  • Facebook

If you liked this post, consider subscribing to the RSS feed or join us now at the IRC channels.

Pages that cross-reference this one

What Else is New


  1. Links 11/12/2019: Edge Native Working Group, CrossOver 19.0 Released

    Links for the day



  2. Instead of Fixing Bug #1 Canonical/Ubuntu Contributes to Making the Bug Even More Severe (WSL/EEE)

    Following one seminal report about Canonical financially contributing to Microsoft's EEE efforts — celebrated openly by GNU/Linux opponentsclosing bug #1 Ubuntu basically decided not that it was fixed but that it would no longer attempt to fix it (“wontfix”)



  3. IRC Proceedings: Tuesday, December 10, 2019

    IRC logs for Tuesday, December 10, 2019



  4. Today's Example of Microsoft's Faked 'Love'

    “On 7 September 2017, users began noticing a message that stated “Skype for Business is now Microsoft Teams”. This was confirmed on 25 September 2017, at Microsoft’s annual Ignite conference,” according to Wikipedia



  5. Links 10/12/2019: Kubernetes 1.17, Debian Init Systems GR

    Links for the day



  6. 'Cancel Culture' as 'Thoughtpolice' Creep

    Richard Stallman spoke about an important aspect of censorship more than 2 decades ago (before “Open Source” even existed); it was published in Datamation (“Censoring My Software”) 23 years before a campaign of defamation on the Internet was used to remove him from MIT and FSF (censoring or ‘canceling’ Stallman himself)



  7. Microsoft Still Hates GNU/Linux and Mark Shuttleworth Knows It (But He is Desperate for Money)

    We're supposed to believe that a PR or image management (reputation laundering) campaign alone can turn Microsoft from GNU/Linux foe into friend/ally



  8. Actions Against EPO Corruption and Unitary Patent (UPC) Injustice/Lobbying

    The EPO is apparently going on strike again and an action against the UPC is scheduled for later this week (protest in Brussels)



  9. “The Fifth Freedom as a Meme”

    The issue with systemd (or SystemD) has provoked or at least stimulated discussions about the limits of the famous Four Freedoms



  10. IRC Proceedings: Monday, December 09, 2019

    IRC logs for Monday, December 09, 2019



  11. Demonstration Against Unitary Software Patents, Thursday 12 Dec in Brussels

    FFII's call to demonstrate against the UPC



  12. Links 9/12/2019: China on GNU/Linux, Canonical Wants Help to Improve Ubuntu

    Links for the day



  13. Links 9/12/2019: Linux 5.5 RC1, EasyOS Buster 2.1.9

    Links for the day



  14. IRC Proceedings: Sunday, December 08, 2019

    IRC logs for Sunday, December 08, 2019



  15. Mandatory Education for Those Who Use and Misuse Buzzwords Would Go a Long Way

    In an age of substitution — where marketing terms replace meaningful words and concepts — it has gotten more difficult to have honest debates, for example about the scope of patents



  16. Once Upon a Time Banter Was Allowed on Mailing Lists

    Hours ago Torvalds announced RC1 of the next Linux (kernel) release; it has been a while since he last said something ‘controversial’ (following his month at the penalty box); free speech deficit can make us weaker, not stronger (advantage to those who work in the dark)



  17. Links 8/12/2019: Debian Init Systems GR, NomadBSD 1.3

    Links for the day



  18. Can We Quit Celebrating DRM in GNU/Linux?

    Over the past couple of days various news sites and "Linux" sites expressed great satisfaction [1-5] over the passive embrace of Disney's DRM ploy (Disney+), even when Disney itself rejects DRM, seeing the harms practically caused by it [6,7]



  19. You Know WSL is Bad for GNU/Linux Because Anti-Linux People, Microsoft and Its Propagandists, Want People to Use That

    Microsoft and its boosters (and media partners) haven’t grown tired of spreading falsehoods to stigmatise and take control of GNU/Linux by creating their own versions and traps for it



  20. IRC Proceedings: Saturday, December 07, 2019

    IRC logs for Saturday, December 07, 2019



  21. 5 Years Ago the Linux Foundation Turned Linux.com Into a Non-Linux Site

    One can leverage the Internet Archive’s Wayback Machine to better understand how, over time, the Foundation called “Linux” deviated or diverged away from its mission statement for the sole purpose of raising corporate funds and selling influence to corporations (passing the community’s hard work to them — a form of tacit privatisation)



  22. Microsoft Redefining Ownership and Identity of GNU/Linux

    The idea that “Microsoft loves Linux” is as insane as it gets; but the lie which is “Microsoft loves Linux” is a powerful enabler of Microsoft entryism, e.g. if Greg steps down, does a Microsoft employee become the deputy of Linus Torvalds?



  23. Things That Cannot Be Said

    The limits on what we can say are mostly defined by what sources permit us to say publicly (for the sake of source protection)



  24. Fake European Patents (on Algorithms) Leading to Fake Embargoes

    Law firms have gotten their way in Germany; instead of supporting the productive workers the patent system is nowadays promoting the litigation 'industry' and it ought to be corrected



  25. From Moderate Advice to FUD and Misinformation: The Case of a VPN Vulnerability (CVE-2019-14899)

    What should have been a trivial bugfix in a variety of operating systems and bits of software — both proprietary and Free software — somehow became anti-Linux FUD, clickbait and worse



  26. Dangerous Thinker

    Society oughtn't be alarmed by people who say unusual things; it should be wary and sceptical of those corporations ever so eager to silence such people



  27. Unitary Patent (UPC) Died Along With the Credibility of Managing IP and the Rest of the UPC Lobby

    It is pretty astounding that Team UPC (collective term for people who crafted and lobby for this illegal construct) is still telling us lies, even in the absence of underlying supportive facts, and pressure groups disguised as "news sites" latch onto anything to perpetuate an illusion of progress (even in the face of a growing number of major barriers)



  28. IRC Proceedings: Friday, December 06, 2019

    IRC logs for Friday, December 06, 2019



  29. Links 7/12/2019: Fedora 31 Elections Results, Lots of Media Drama Over VPN Bug

    Links for the day



  30. Links 6/12/2019: DRM in GNU/Linux and Sparky Bonsai

    Links for the day


RSS 64x64RSS Feed: subscribe to the RSS feed for regular updates

Home iconSite Wiki: You can improve this site by helping the extension of the site's content

Home iconSite Home: Background about the site and some key features in the front page

Chat iconIRC Channel: Come and chat with us in real time

Recent Posts