Dev Tabs by Matthew Rebehn
Dev Tabs is a New Tab page created for Developers, Software Engineers, and anyone working in related fields.
You'll need Firefox to use this extension
Extension Metadata
Screenshots
About this extension
Dev Tabs is a New Tab page for Developers, Software Engineers, and similar. Space for for regularly visited sites, development industry news, current weather conditions, GitHub, and I even put a small QR code generator in the extension.
Full Description
BOOKMARKS:
A column on the left of the page for regularly visited sites. These are different from your normal bookmarks and do not impact them in any way. Upon initial install go to the settings page, set up your frequently visited sites using Markdown, separating them with a comma. When you return to the Dev Tabs page they will be there. The when you want to add a site to the list there is an '+' under the settings cog to add a single bookmark.
NEWS:
I used Dev.to's articles API to integrate industry new. This will automatically populate a column with the days articles from dev.to's front page. The titles are links to the articles and the author names are links to their Twitter page.
GITHUB:
Upon initial install, in the setting page, click on the 'GitHub Feed' option and fill in your GitHub username. Click save and when you go back to the Dev Tabs page your top 10 Repo's will be listed on the right of the page. Also while you are in the settings go down to ' GitHub Calendar' option and fill in your username. This will show your GitHub contribution graph on the Dev Tabs page. I left the settings separate in case you have two different accounts and want to display the Graph from one and the Repo's from another.
WEATHER:
Just a simple current weather condition display. When you are in the settings, go to the 'Weather' option and click the button to locate yourself. Click 'OK' to allow access to your location and this will use Geo-location to acquire your coordinates. They will be stored on your machine in local storage. It will fetch your weather and display it on your screen. This extension does NOT track you. If you move locations and want your weather updated, you will have to go back to the options page and click the button again.
TWITTER:
Dev.to has an extension to display an updated news feed or articles next to your Twitter feed. This extension borrows this feature and when you go to Twitter, a small, non-intrusive, news feed from Dev.to.
QR CODE:
I put in a small QR code generator for those times when I am in the middle of reading an article and want to finish it on my phone. If you click the icon for this extension a small box will appear with some info and an input box. Paste a URL into the box and hit the button. It will create a QR code you can scan.
TRACKING & PERSONAL INFORMATION:
This extension does not track you or collect any data from you. Any information generated, is stored on your machine in local storage. I also left off any kind of ads and I did not even have embed Google Analytics. I built this for myself and thought someone else may find it useful.
SUPPORT: info@mattaz.com
Website
Product & Upgrade info
Code
Full Description
BOOKMARKS:
A column on the left of the page for regularly visited sites. These are different from your normal bookmarks and do not impact them in any way. Upon initial install go to the settings page, set up your frequently visited sites using Markdown, separating them with a comma. When you return to the Dev Tabs page they will be there. The when you want to add a site to the list there is an '+' under the settings cog to add a single bookmark.
NEWS:
I used Dev.to's articles API to integrate industry new. This will automatically populate a column with the days articles from dev.to's front page. The titles are links to the articles and the author names are links to their Twitter page.
GITHUB:
Upon initial install, in the setting page, click on the 'GitHub Feed' option and fill in your GitHub username. Click save and when you go back to the Dev Tabs page your top 10 Repo's will be listed on the right of the page. Also while you are in the settings go down to ' GitHub Calendar' option and fill in your username. This will show your GitHub contribution graph on the Dev Tabs page. I left the settings separate in case you have two different accounts and want to display the Graph from one and the Repo's from another.
WEATHER:
Just a simple current weather condition display. When you are in the settings, go to the 'Weather' option and click the button to locate yourself. Click 'OK' to allow access to your location and this will use Geo-location to acquire your coordinates. They will be stored on your machine in local storage. It will fetch your weather and display it on your screen. This extension does NOT track you. If you move locations and want your weather updated, you will have to go back to the options page and click the button again.
TWITTER:
Dev.to has an extension to display an updated news feed or articles next to your Twitter feed. This extension borrows this feature and when you go to Twitter, a small, non-intrusive, news feed from Dev.to.
QR CODE:
I put in a small QR code generator for those times when I am in the middle of reading an article and want to finish it on my phone. If you click the icon for this extension a small box will appear with some info and an input box. Paste a URL into the box and hit the button. It will create a QR code you can scan.
TRACKING & PERSONAL INFORMATION:
This extension does not track you or collect any data from you. Any information generated, is stored on your machine in local storage. I also left off any kind of ads and I did not even have embed Google Analytics. I built this for myself and thought someone else may find it useful.
SUPPORT: info@mattaz.com
Website
Product & Upgrade info
Code
Rate your experience
PermissionsLearn more
This add-on needs to:
- Access your data for dev.to
- Access your data for twitter.com
More information
- Add-on Links
- Version
- 2.3.0
- Size
- 1.31 MB
- Last updated
- 3 years ago (Aug 9, 2021)
- Related Categories
- License
- GNU General Public License v3.0 only
- Version History
Add to collection
Release notes for 2.3.0
- Made it easier to access settings on first run. Reference [Issue #1](https://github.com/Cipher-Coder/chromeExtension/issues/1)
- Added a Cache for the Github Graph - Too many requests are being sent. Sometimes a single person is aquiring a new tab > 20 times an hour. Since my self-hosted proxy is hosted on GCP the cost is increasing exponentially. Right now, it is set to cache the data for one hour. However, if this does not bring the cost back down to a managable range I will have to increase the time.
- Fixed inject.js for Twitter portion. After Twitter UI update the CSS classes were not the same, so it was not triggering the the insertion of the [DEV](https://www.dev.to) box. Now it works when Twitter UI is set to dark mode.
- Added link to Changelog in icon popup.
> No other libs added or taken away. Only the original library's are being used. The list is at the end of this changelog.
- Added a Cache for the Github Graph - Too many requests are being sent. Sometimes a single person is aquiring a new tab > 20 times an hour. Since my self-hosted proxy is hosted on GCP the cost is increasing exponentially. Right now, it is set to cache the data for one hour. However, if this does not bring the cost back down to a managable range I will have to increase the time.
- Fixed inject.js for Twitter portion. After Twitter UI update the CSS classes were not the same, so it was not triggering the the insertion of the [DEV](https://www.dev.to) box. Now it works when Twitter UI is set to dark mode.
- Added link to Changelog in icon popup.
> No other libs added or taken away. Only the original library's are being used. The list is at the end of this changelog.
More extensions by Matthew Rebehn
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet