Better-IFTTT-UI

KO | EN

gitlite — search

#python #hacktoberfest #typescript #llm #go #golang #rust #macos #nodejs #java #awesome #vue #pytorch #openai

Better-IFTTT-UI

(★ 10)

A browser extension to make the IFTTT UI more usable on desktop

Better-IFTTT-UI Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Better IFTTT UI <img src="https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Extension/icon.png" align="right" width="100" height="100"/>

This is a browser extension to make the IFTTT UI more usable on desktop.

## Stats

![Chrome Extension Version](https://img.shields.io/chrome-web-store/v/diopohabmpmmpdabhghdpjnkhlicfjnp?label=version&logo=google-chrome&logoColor=ffce43)
![Chrome Extension Users](https://img.shields.io/endpoint?url=https%3A%2F%2Fsmithsdownunder.com%2Fget_chrome_extension_users%2F%3Fid%3Dcegndpdokeeegijbkidfcolhomffhibh%26output%3Dshields-io%26number-only%3D1&logoColor=ffce43)
![Chrome Extension Rating](https://img.shields.io/chrome-web-store/stars/diopohabmpmmpdabhghdpjnkhlicfjnp?logo=google-chrome&logoColor=ffce43)

![Mozilla Firefox Version](https://img.shields.io/amo/v/better-ifttt-ui?label=version&logo=firefox-browser)
![Mozilla Firefox Users](https://img.shields.io/amo/users/better-ifttt-ui?logo=firefox-browser&color=orange)
![Mozilla Firefox Rating](https://img.shields.io/amo/stars/better-ifttt-ui?label=rating&logo=firefox-browser)

## Download

[![Google Chrome](https://github.com/burkybang/burkybang/raw/master/Images/chrome-web-store.png "Download for Google Chrome or Microsoft Edge")](https://chrome.google.com/webstore/detail/diopohabmpmmpdabhghdpjnkhlicfjnp)
[![Mozilla Firefox](https://github.com/burkybang/burkybang/raw/master/Images/firefox-add-on.png "Download for Mozilla Firefox")](https://addons.mozilla.org/en-US/firefox/addon/better-ifttt-ui/)

## Author

![GitHub](https://github.com/burkybang/burkybang/raw/master/Images/github16.png "GitHub") [burkybang](https://github.com/burkybang)  
![Reddit](https://github.com/burkybang/burkybang/raw/master/Images/reddit16.png "Reddit") [u/burkybang](https://reddit.com/u/burkybang)  
![Twitter](https://github.com/burkybang/burkybang/raw/master/Images/twitter16.png "Twitter") [@burkybang](https://twitter.com/burkybang)

## Modifications

### Overall
- Everything is smaller
- Header bar is fixed to the top of the screen while scrolling
- Some buttons such as Back and Settings are also fixed while scrolling
___

### Header Bar
#### Before
![Header Bar (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/HeaderBar_Before.jpg "Header Bar (Before)")

#### After
- Navigation menu is always visible and expanded horizontally across header
- Capitalized "My Services" menu item

![Header Bar (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/HeaderBar.jpg "Header Bar (After)")
___

### Home Page
#### Before
![Home Page (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/HomePage_Before.jpg "Home Page (Before)")

#### After
- Increased main container width
- Three column layout

![Home Page (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/HomePage.jpg "Home Page (After)")
___

### My Applets
#### Before
![My Applets (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/MyApplets_Before.jpg "My Applets (Before)")

#### After
- Increased main container width
- Dynamic number of columns depending on screen width
- "My Applets" heading at left and "Filter Applets" field at right

![My Applets (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/MyApplets.jpg "My Applets (After)")
___

### My Services
#### Before
![My Services (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/MyServices_Before.jpg "My Services (Before)")

#### After
- Capitalized "Services" in heading
- Increased main container width
- Four column layout
- Service items stylized similar to applet items and category items

![My Services (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/MyServices.jpg "My Services (After)")
___

### Create Applet
#### Before
![Create Applet (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/CreateApplet_Before.jpg "Create Applet (Before)")

#### After
- Increased main container width
- Fields in two column layout
- Header bar matches color of service

![Create Applet (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/CreateApplet.jpg "Create Applet (After)")
___

### Platform: Applets
#### Before
![Platform: Applets (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformApplets_Before.jpg "Platform: Applets (Before)")

#### After
- Dynamic number of columns depending on screen width
- Sidebar is a top bar to cut down on wasted white space

![Platform: Applets (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformApplets.jpg "Platform: Applets (After)")
___

### Platform: View Applet
#### Before
![Platform: View Applet (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformViewApplet_Before.jpg "Platform: View Applet (Before)")

#### After
- Two column layout
- Sidebar is a top bar to cut down on wasted white space

![Platform: View Applet (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformViewApplet.jpg "Platform: View Applet (After)")
___

### Platform: Edit Applet
#### Before
![Platform: Edit Applet (Before)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformEditApplet_Before.jpg "Platform: Edit Applet (Before)")

#### After
- Increased main container width
- Prevent code hints from being cut off

![Platform: Edit Applet (After)](https://raw.githubusercontent.com/burkybang/Better-IFTTT-UI/master/Screenshots/PlatformEditApplet.jpg "Platform: Edit Applet (After)")

Better-IFTTT-UI

Better-IFTTT-UI Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Better-IFTTT-UI

Better-IFTTT-UI Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README