Giter Club home page Giter Club logo

refined-twitter's Introduction

Refined Twitter

Browser extension that simplifies the Twitter interface and adds useful features

This project is not maintained anymore. Twitter rewrote their website and completely broke this extension, and it's much harder to reliably modify the new website. I also don't have time to fix these things and no one has stepped up to do so either. It had a great run. Thanks for all the love.

We use Twitter a lot and notice many dumb annoyances we'd like to fix. So here be dragons.

Install

Note: You must be logged in for this extension to work.

Highlights

You can configure many of these features in the extension settings.

Tip: Twitter has a native dark mode and you can toggle it using Altm. And press Shift ? to see all keyboard shortcuts.

Customization

See the extension settings for what can be configured.

We're happy to receive suggestions and contributions, but be aware this is an opinionated project. There's a high bar for adding options.

This doesn't necessarily limit you from manually disabling functionality that is not useful for you. Options include:

  1. (CSS Only) Use a Chrome extension that allows injecting custom styles into sites, based on a URL pattern. Stylus is one such tool. Example

  2. Clone the repository, make the adjustments you need, and load the unpacked extension in Chrome, rather than installing from the Chrome Store.

Contribute

Suggestions and pull requests are highly encouraged!

In order to make modifications to the extension you'd need to run it locally.

Please follow the below steps:

git clone https://github.com/sindresorhus/refined-twitter
cd refined-twitter
npm install    # Install dev dependencies
npm run build  # Build the extension code so it's ready for the browser
npm run watch  # Listen for file changes and automatically rebuild

Once built, load it in the browser of your choice:

Chrome Firefox
  1. Open chrome://extensions
  2. Check the Developer mode checkbox
  3. Click on the Load unpacked extension button
  4. Select the folder refined-twitter/distribution
  1. Open about:debugging#addons
  2. Click on the Load Temporary Add-on button
  3. Select the file refined-twitter/extension/manifest.json

FAQ

Don't you have another extension with the same name?

This is reusing the name from the original Refined Twitter extension, which tried to use the mobile Twitter version on the desktop. It was a good idea in theory, but not in practice. This extension instead improves upon the desktop version of Twitter.

Will this extension work if I'm not logged in?

No.

Links

Related

refined-twitter's People

Contributors

achimkoh avatar borisschapira avatar brunolemos avatar dalejung avatar elliotsa avatar elyager avatar filipekiss avatar fregante avatar gdad-s-river avatar iamstarkov avatar ivancuric avatar ixnv avatar jdanford avatar jonbesga avatar jorgegonzalez avatar joshmanders avatar kurtextrem avatar larswittenberg avatar loilo avatar ricardo-silva91 avatar ryota-murakami avatar samhinshaw avatar sindresorhus avatar stanzilla avatar sunzoje avatar tanmayrajani avatar thedeany avatar tomma5o avatar tushkiz avatar vcapretz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

refined-twitter's Issues

Idea: reprioritize the timeline

Recently I read this article describing an app that shows your feed in terms of the people you follow, not in terms of the quantity of tweets produced by their combined network. I know it would be a lot of work, but is there interest in having similar functionality in Refined Twitter?

Off the top of my head, you could organize the timeline:

  • by people (the way Florian's design concept does)
  • by lists
  • chronologically
  • maybe allow people to set a "weight" for each account, store it in localStorage, then sort by weight/recency similarly to Reddit posts?

I'm not sure how feasible some of these would be because I haven't looked at Twitter's API, but at the very least there might be some interesting discussion leading to an unrelated feature.

Hide promoted tweets and ads

I wanted to add this at launch, but I never encountered a promoted tweet or ad when developing, even with my ad-blocker disabled. If anyone encounters promoted tweets or ads, please dump the HTML into a Gist and comment the link here. Or even better, do a pull request implementing this.

Better profile pages

First of all thanks for starting this! Maybe it's just me but I'd like the profile pages to show almost nothing, just the avatar, bio and tweets. The avatar could be up top and center, replacing the weird geocities-inspired background thingies

Why was Moments removed?

I see the issue here: #7

Just curious what the thought process was behind that. Seems like a large chunk of the platform to hide.

Support multiple accounts

I manage multiple Twitter accounts, so would be nice to be able to easily switch between them.

Like Twitcher but without the donation request spam.

Preload more tweets earlier

Even on a fast wifi, I read and scroll tweets faster than Twitter manage to preload them for me. We could force it to preload tweets earlier.

Save image when there are multiple images in a tweet

Hi,

when there is one image in a tweet and I click Save imagein the context menu the image is saved with the correct extension.
When there are multiple images I can only select "Save as" in the context menu and Chrome saves .html files.
Can you make it possible to save each single images out of the four allowed?

Best,
Bernhard

See <n> new tweets

screen shot 2018-02-23 at 18 02 13

I still have to scroll up to let the twitter feed update itself.

I thought it would be automatically, even though I didn't have to click the button, I'd still have to scroll the way up.

Allow a subset of Markdown

With code block support, I think it would make sense to allow a real markdown (subset).
The most common things I would use (and you can sometimes see in use on Twitter) are bold, italic, lists and inline code.

The "document"-oriented markup like headings could get abused and don't really make sense in a tweet, as well as links and images, which Twitter already handles differently.

Preserve text in input field in messages

If you accidentally click outside the messages modal, your unsent message is lost. It happened a lot to me, so I added a prevention here so that the modal would only close on clicking X and not outside. Some people find this annoying though, so we should solve it the correct way by preserving the text when they go back to messages.

Padding between names

Thanks for making this. But after using for a few days, I noticed that the padding between usernames are apparently too big.

screen shot 2018-03-01 at 2 42 58 pm

I think they weren't this big until recently, no? Could you explain why is the padding added in the first place? Also I would suggest reducing the padding to 2px.

Thanks.

Inline Instagram photos

Instagram blocks Twitter from embedding the photo in the tweet. Would be nice to see them inline. We could just fetch the image from Instagram and inline it ourselves.

Emoji Replacement

Hi,

yesterday, I installed you extension in chrome browser. I stumbled over emojies earlier and finally understand how you replace emojis with the "native ones".
There is an emoji Women Wrestling. Twitter has a native icon, windows does not. The nice emoji is therefore replaced by the emoji "Wrestlers" and the "Female" sign
image
This does not look so nice.

Add `contain` props here and there to improve perf

contain: content should work on every single tweet element .js-stream-item stream-item stream-item (although if there's a video and you want to fullscreen it, we have to replace content with layout style.

I can take a look at PR'ing this if you don't have time.

Options not loading

image

Can someone help with this?
Using Chrome: Version 65.0.3325.73 (Official Build) beta (64-bit)

Investigate and eliminate lag with default Twitter site

Hope this is worth looking into;
I experience pretty intense lag on both my desktop (powerful gaming pc) and my laptop (macbook air) after having the site open for a couple of minutes (with & without this extension installed) it slowly becomes unusable due to the sheer amount of lag between actions, specifically scrolling, liking tweets, videos lagging, etc. Taking a look into Chrome's Task Manager i've found, whilst having multiple tabs open, Twitter has both the highest CPU usage and most memory usage of all of my tabs open.

I'd greatly appreciate if this could be looked into, as it would certainly make the site alot more usable to people who experience the same issue as I. Thanks a bunch!

screenshot 2017-12-08 10 58 22

Highlight Mentions in Stream

Make tweets that mention the current user standout in the stream, like Tweetbot makes the background in a different color.

Not sure if changing the color is the best option since the user can customize how the stream looks.

Hashtag autocomplete doesn't work

When I'm writing a new tweet after type "#" and some character the native twitter autocomplete with suggestion for hashtag doesn't appear.

Details:
macOS High Sierra 10.13.1
Chrome 63
Refined Twitter 18.2.15.1841

Option to disable useNativeEmoji

๐Ÿ˜œ

What do you have against Twitter's emoji?

I'm so sick of Apple's emoji, they still rock the 2000 OS X Aqua style and they're everywhere ๐Ÿ˜…

I feel that there should be an option to set Google's Blob Emojis / s

They're also smaller:

native vs Twitter

Error Loading Extension

Failed to load extension from: ~/Downloads/refined-twitter-master/source
Could not load background script 'browser-polyfill.min.js'.

Got a locked account after installing extension

After installing and start using the extension my account got locked because abuse of Twitter rules. It happened three times. First two times only asked for a reCAPTCHA but now on the third time it also asked for a SMS confirmation. This had never happened before so I assume is because of this extension.

Is there a way to avoid that? I really like the extension and want to keep using it but not if it's going to get my account locked every few days.

Auto-loading new tweets in stream is not working

One of the highlights in the README is "Auto-loads new tweets in the stream if you're scrolled to the top. No more clicking "See 3 new Tweets"!", but it doesn't seem like that feature actually works. I'm currently in that state and could provide a screenshot - but don't think that'd be very helpful. Please let me know what additional info you need to debug further.

Expand `t.co` URLs and cleanup

Issuehunt badges

We should expand the useless t.co redirects to the full URL. The full URL is available in the .js-display-url element.

We should also clean away query params like:

  • utm_source
  • utm_medium
  • utm_content
  • utm_campaign
  • utm_term
  • utm_id
  • ref=producthunt

Suggestions for additional ones are welcome!


IssueHunt Summary

sindresorhus sindresorhus has been rewarded.

Backers (Total: $60.00)

Submitted pull Requests


Tips

Feature ON/OFF Switch?

I love some features and don't like others. Which is why I end up not using this extension at all.
Would be great if you can cook in a settings page where I can switch on/off features.

Center the navbar widgets

Having them on the edges made sense when Twitter filled the whole page, but this extension removes those boxes on the side of the feed, so there's no longer any good reason to keep the navbar widgets at the edges. Thoughts?

Before

screen shot 2018-02-16 at 01 39 32

After

screen shot 2018-02-16 at 01 39 25

Dark mode

It is possible to have a dark mode to your extension? That would be awesome!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.