Jason Fisher

Remove Promoted Tweets from Twitter on Desktop for Chrome

Ever been browsing through Twitter and thought, “I sure do hate these awful mobile game ads and clickbait articles interrupting my feed”, on desktop? Then you’re in luck. With the help of a browser extension for Chrome that lets you insert custom scripts for certain domains and some lines of JavaScript you can remove promoted tweets from your Twitter feed.

Instructions to Remove Promoted Tweets from Twitter

Install the chrome extension User JavaScript and CSS from the Chrome Web Store.
When on Twitter, click on the extension icon in your browser toolbar.
Then add a new rule.
Under the options menu make sure JavaScript under Programatic injection is selected and jQuery3 is selected under Libraries.
For script name put whatever you would like, I named mine Remove Promoted Tweets.
For the URLs put https://twitter.com/, https://twitter.com/home
Finally add this code on in the JavaScript editor on the left hand side of the browser.

$(document).ready(function() {
  //Function definition
  function removePromotedTweets() {
		var promotedTweets = $("span:contains('Promoted')").parents("div[style*='position: absolute; width: 100%;']");
		promotedTweets.hide();
  }
  
  setInterval(function() {
    removePromotedTweets();
  }, 1000);
});

Essentially this adds a function to the page that removes any promoted tweets that may get loaded in every 1s.

Enjoy!

Appfire Technologies WordPress Theme

A WordPress theme I worked on as a developer at Appfire. It is currently an on-going project, as I am adding in additional functions as I go, as well as keeping the site well maintained. Released to the public April 28th 2021. Can be viewed here.

UInvestigation: Amazon Mobile App

This article is to go over one of my main UI/UX experience design concerns when using Amazon’s mobile shopping app. This mainly has to do with your lists and organizing them. My first obstacle when utilizing Amazon’s list feature on the mobile application is that you are not able to order it in any way besides the order in which you add the items. With the desktop website you are able to drag and drop each item with the “list and arrow” icon next to the list item. This feature is non-existent on their mobile app.

Diagram for Amazon Desktop App Feature — Sort Icon found on Amazon’s Desktop Website

I usually like to order my items from prices low-to-high which you are able to do via the “Filter & Sort” dropdown menu seen in the figure above in the top right corner. On the mobile app this feature is under a three dot icon in the top right of the list. Using these sorting functions is only temporary however as navigating away from and back to the same list you just sorted by price will go back to the default sort.

Leading into my ideas for how to update these issues:

First, I would add continuity for any of the provided sorting functions such as the price sort, this way when the user navigates away and back to the list the sorting will still be active. The “Default” sort option will then become the option for any user-customized sorting.
After setting up continuity once a user selects the “Default” sort option they will be able to long press drag-and-drop on the mobile application or if they still want to maintain the visual cue, then I would add in the icon they’re already using for desktop and nudge the item details over to the right as seen in my wireframe below.

Bullhorn Developer Challenge

A challenge I did for the company Bullhorn in Boston when interviewing for them to be a UI developer. The challenge they gave was to take a JPEG of the desktop version of the site and to code it however you would like. I personally decided to use Bootstrap 4 and SCSS. Bootstrap was chosen for its responsive layout build tools. SCSS was chosen for writing and organizing the styles. You can view the GitHub repository here or view the page live here.