thebaer / mmra Goto Github PK
View Code? Open in Web Editor NEWMake Medium Readable Again — a browser extension
Home Page: https://makemediumreadable.com
License: MIT License
Make Medium Readable Again — a browser extension
Home Page: https://makemediumreadable.com
License: MIT License
E.g. https://itnext.io/ is on Medium, which allowed custom domains at the start, and I don't think this extension has any effect on that. Thanks.
Besides the massive headers (#9), one of the things that often annoys me in Medium posts is the huge, full-width images in the body of the post.
I think scaling them down to reasonable sizes can be achieved by changing the sectionLayout--fullWidth
class to have the same definitions as the sectionLayout--insetColumn
class, i.e.:
.sectionLayout--fullWidth {
max-width: 740px;
margin: 0 auto;
}
It also helps to reduce the huge bottom margin in figure element:
.graf--layoutFillWidth {
margin-bottom: inherit;
}
.js-openInAppButton {
display: none;
}
Starting of today it seems that my extension is not working. Is it just me?
I notice there's a develop branch but it seems like it's not as much used as the master branch.
Is there a rule or pattern we need to follow?
What branch should I work on in my fork and what branch should I create Pull Requests against?
From the Chrome store:
Is there any way you can add an option to hide the member only posts? It feels like my feed is about 90% member only posts these days and it is difficult to get to ones I can actually read.
It looks like this is possible by finding any article
and .u-borderBox
elements that contain a .svgIcon--star
element, and hiding that parent element. But it looks like my feed is also 98% member-only posts, so completely hiding these would make for a very empty website. Maybe instead we should make these articles less prominent, and add something like opacity: 0.3
to the parent element.
It seems that the Safari extension is not supported on Catalina macOs. Could you make it available for Catalina please?
First of all, thanks for the fantastic extension (although I have reservations about the name).
Personally, I don't give a stuff about what other people are highlighting on an article — I find the highlights on Medium more distracting than helpful. I especially hate reading an article where an entire paragraph is selected as the "top highlight".
I'd love an option to turn off the highlights. I don't have a Medium account, so I'm not sure how this would affect users' saved highlights (hence why I suggested an option rather than a default).
I'm willing to make a PR if needed.
Why is this extension asking for permission to access all websites?
This should either be prominently documented in the description or removed.
Extension looks good, but I'm reluctant to install extensions that request access to all websites, primarily because of extension updates that have broken my trust in the past.
Would it be possible to request only medium.com permission by default and then use optional permissions at runtime for other domains?
Source: https://news.ycombinator.com/item?id=16516676
mayneack wrote:
As a serial selecter, I wish it would get rid of the popup when you select text.
Hi,
Usually most of the google chromes extensions are working properly on Brave Browser, But it seems that the MMRA is not working fine on Brave. Is it just me or anyone has experienced similar?
Looks like they had an update to mitigate against this extension :/
Is it possible to have a sort of .editorconfig
file to set spacing and tabbing and all that to match what you're currently using?
For example I have set my spacing for JS to 2 spaces and it formats EVERYTHING if I try to make a change..
The extension doesn't seem to work on https://android.jlelse.eu/some-asynchronous-options-on-android-cb6b0c156c98 (which is actually a Medium page).
Firefox 64.0a1 (2018-09-13) (64-bit)
Addon 1.5.1
This is interesting project, but how does it differ from simply using the builtin Firefox Reader or similar?
http://support.mozilla.org/kb/firefox-reader-view-clutter-free-web-pages
browser_action
section with default_icon
adds an extensions icon to browser's top bar (true for Firefox; Chrome adds the icon even there is no browser_action
specified).
As I can see there is no any action this extension performs when user clicks the icon. So in Firefox I just have unnecessary icon in the top bar. Could you remove it?
I'm not sure whether this is a regression of #10 or simply a different markup that would need to be supported, but see for example https://articles.mattoakes.net/a-better-way-to-automatically-merge-changes-in-your-xcode-project-files-3d83b3583fe4 -- for me, the title image isn't reduced.
Perhaps it's a CSP issue? I'm seeing the following error in the console:
Content Security Policy: The page’s settings blocked the loading of a resource at data:application/javascript;base64,KGZ1b... (“script-src 'unsafe-eval' 'unsafe-inline' about: https: https://articles.mattoakes.net”).
The first page of medium.com is the Featured section chosen by the editorial board, and there's no way to opt out. There's no way to signal disinterest in the articles, topics, or writers; as there is in the following sections, Top stories for you, New from your network, etc.
Are you open to this feature if I submit a PR?
Articles full of GIFs can be annoying. Either:
Implementation
I like the second option better. We might be able to replace <img>
s with <canvas>
s -- this SO question indicates that setting an animated GIF as the background to a <canvas>
will only show a static image. Maybe then clicking the canvas
can replace it with an img
that has the original GIF url as its src
.
Feature request
Requested on Hacker News discussion and on Designer News.
I suspect that MMRA will work just fine in Safari, it just needs to be bundled as a Safari extension.
Wow, what an excellent extension! Thank you so much @thebaer ! I have a request but I'm not sure if it's possible. One of the biggest annoyances is dynamic loading of images on Medium. When I open a page, none of the images below the fold are actually loaded which means if I disconnect from the network (during a commute), I won't see any of the images below. Would it be possible to load all the images when the page loads? Thanks!
ex: https://m.signalvnoise.com/how-to-be-interesting-546a376f2d84
This extension is saving the internet. Why so many developers of all people are selling their souls to this spamfest I'll never know.
Anyways, pretty please :D
As mentioned in #1, we should inject styles into the page with chrome.tabs.insertCSS
rather than JS. This needs a background script to communicate with the content script.
Right now Medium is only Made Readable Again when a site first loads. This may leave readers with an un-great experience after they navigate to a post
For Ultimate Readability, add extension setting to hide dickbar, too.
When enabled:
document.querySelector('.js-postShareWidget').style.display = 'none'
document.querySelector('footer > .container:first-child').style.display = 'none'
Hi, and thank you for this literally must-have browser extension, awesome work!
Are there any plans to do a Firefox port?
Whenever I'm reading the comments on medium.com, this shithole website decides that should I try to middle-click a link, they will open a new window for me that displays just the comment that I clicked instead of going to the place that I wanted to go to.
That's because links in the comment section are represented like this:
<span
class="markup--anchor markup--p-anchor"
data-action="open-inner-link"
data-action-value="https://the-actual-content-I-wanted.com"
>
https://the-actual-content-I-wanted.com
</span>
The feature that I'm proposing would replace those spans with <a>
tags. As a byproduct of this feature their click tracking for these links would also be disabled.
I can probably build this. I'm working on my own Chrome extension right now and I'm familiar with the environment. So, I'm just leaving this here as a note in the hopes that I can get to this soon.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.