- Microsoft-owned code repository company GitHub announced it has launched an iOS app and released improved notifications
R/macapps: /r/MacApps is a one stop shop for all things related to macOS apps - featuring app showcases, news, updates, sales, discounts and even Press J to jump to the feed. Press question mark to learn the rest of the keyboard shortcuts. Welcome to your Probot App This bot was built using Probot, a framework for building GitHub Apps. Snarl Notifications. Snarl intends to make it quick and easy to include gorgeous and functional Mac/Growl-style notifications in your web app. It supports desktop, touch/tablet, and mobile devices; has raw JS and LESS/CSS source files; and supports custom timeouts and notification click callbacks. // Use this Mac OS X automation script to quickly hide notifications for // distracting apps. Put the names of the distracting apps in the // `distractingApps` array and save the script. Run the script to toggle the // badges on and off. // Tip: To run this script much faster, move the distracting apps to the top of // the list in System.
GitHub, the code repository service owned by Microsoft, announced at its annual Universe conference that it has launched a few new products. Specifically, GitHub has launched a native iOS app and it is also now offering an improved notifications feature.
The iOS app allows users to participate in discussions and review lines of code and merge the changes. And some of the same keyboard shortcuts are supported on the mobile app. Next year, GitHub will be launching an Android version of the app.
GitHub VP of engineering Dana Lawson told VentureBeat that the app was the “missing link to the GitHub experience.” With the app, you can also triage and clear notifications along with collaborating on pull requests. And for notifications in the app, you can dismiss or respond to it with swipe gestures. You can sign up for the iOS app (beta) or join the Android beta waiting list at github.com/mobile.
GitHub is also releasing GitHub Actions (workflow automation service) and GitHub Packages out of beta. And GitHub is also improving its code search and adding scheduled reminders. Plus GitHub is also launching a pre-release program that enables users to try out new features before it rolls out to the public.
GitHub also enhanced its GitHub Sponsors platform. GitHub Sponsors allows you to tip individual open-source contributors for their work. Now anyone can help fund a project and the members of the project can decide how to use the money. These project shave to be open-source and must have a corporate or non-profit entity attached to it in order to be eligible.
“Developers are what’s driving us and we’re building the tools and the experiences to help them come together to create the world’s most important technologies and to do it on an open platform and ecosystem,” said GitHub SVP of Product Shanku Niyogi in a statement to TechCrunch.
In terms of the improved notifications, GitHub added some features to make it less overwhelming. For example, there is a new improved system that includes filters. And there is an inbox for all of your notifications in GitHub.
“The experience for developers today can result in an inbox in Gmail or whatever email client you use with tons and tons of notifications — and it can end up being kind of hard to know what matters and what’s just noise,” added GitHub VP of Strategy and Product Management Kelly Stirman. “We’ve done a bunch of things over the last year to make notifications better, but what we’ve done is a big step. We’ve reimagined what notifications should be.”
In the last year, GitHub launched over 150 new features to enhance the developer experience. In an interview with WIRED, GitHub CEO Nat Friedman acknowledged that some of these features were already in development before Microsoft acquired the company such as GitHub Actions.
Trending on Pulse 2.0
- Apple iOS 14.1 Review: What You Need To Know
- AAPL Stock: $140 Price Target By Raymond James
- AMZN Stock: $4,100 Price Target By JPMorgan
- Why Intel (INTC) Is Buying SigOpt
Snarl intends to make it quick and easy to include gorgeous and functional Mac/Growl-style notifications in your web app. It supports desktop, touch/tablet, and mobile devices; has raw JS and LESS/CSS source files; and supports custom timeouts and notification click callbacks. Ripple/wave click effect brought by Waves!
Download the Files
Hit the download link above and in the downloaded
snarl.zip
file will be source and minified versions of the JS, CSS and optionally the LESS files too.Clone the Repo
Another method of getting the files is cloning the repo via
git clone https://github.com/hoxxep/Snarl
. You'll find the files which can be used in projects inside the dist/
folder. If you have cloned the repo and are modifying the source files to suit your project's aesthetic, instead of editing files in the dist folder, edit them inside the src/
folder. Then, in the Snarl repo root directory (provided you have node installed) you can run npm install
, npm install -g gulp
, gulp
and this will watch the source files and rebuild the dist files if any changes occur - automatically compiling the LESS and minifying the source files.Adding the Files to Your Project
Snarl gives you pre-minified versions of the CSS and JS for immediate embedding into projects. Otherwise, the raw files are still there in case you want to edit them. Included is also
snarl.less
which is the source for the compiled CSS, modifying this is the fastest way to change the aesthetic of the notification design or animations to suit your project.Check out the demos below for usage examples.
Note: Snarl itself does not require jQuery as a dependency, but these examples use jQuery for the click events for clarity.
Basic Demo
Github Notifications Mac App Windows 10
Adding a notification is really simple with snarl. Specify a title and some text (as a description) and your notification will appear!
Icons
Snarl supports optional custom icons in the form of images, SVGs, and glyphicon fonts (such as FontAwesome). For a circular icon you can add a class/style on the image/svg/glyphicon which applies
border-radius:50%;
to the icon.Timeouts
Snarl supports custom timeouts specified in milliseconds or even having no timeouts at all.
![Github Notifications Mac App Github Notifications Mac App](/uploads/1/3/4/0/134043795/930416062.png)
Custom Timeout
No Timeout
Notifications with no timeouts must either be manually dismissed by the user, or can be removed by your code once an event is complete. Updating notifications is done using the ID string returned by
Snarl.addNotification()
.Update Notifications
Because notifications are track/modifiable with their IDs, notifications can be updated, reopened, and removed. All options on a notification can be updated later by resupplying the options you wish to change with the
Snarl.editNotification(id, options)
function.Click Actions/Callbacks
If the user clicks a notification, an action can be run. Either a callback function can be executed; a url can be visited; or nothing. These are specified via the
action
option. If a function is provided it will be used as a callback, if a string is provided then that url will be visited, or if null
is used then no action will occur. The default value is action: null
.Action: String/Url
Visit a url when the user clicks the notification. Note: currently does this by setting
window.location
. Deleting apps on mac 10.11 app springs back.Action: Callback Function
This example makes the notification update itself once clicked. The function is passed the notification id as an argument, and has the potential to work with JS MVC frameworks too. Note that if the dismiss button is pressed, then no callback is triggered (subject to change).
Messages Demo
The messages demo is a simple example using jQuery to demo how Snarl notifications could look in a more realistic usage example.
Common Function Arguments
![App App](https://image.slidesharecdn.com/cygdgelena-130929024645-phpapp01/95/ios-vs-android-a-developers-perspective-8-638.jpg?cb=1380422942)
Argument: id
Theid
is the string which maps to a Snarl notification. id
s are generated and returned automatically when using .addNotification(options)
. Argument: options
title
: String - title of the notification.Open a nonverified app on mac.
text
: String - description part of the notification.icon
: String/HTML - HTML string for an image/svg/glyphicon element to use as a notification icon.timeout
: Integer/null- Integer: timeout of notification in milliseconds.
- null: no timeout.
action
: String/Function/null- String: url of page to visit if notification is clicked.
- Function: callback function to run on notification click. Is passed the notification id as a parameter.
- null: no callback/action when clicked.
dismissable
: true/false whether the notification is dismissableDefault Options
Example Options
Note: for user friendliness, most notifications should be dismissable (and they are by default), hence why
dismissable
is omitted in this example.Snarl Methods
.setDefaultOptions(options)
Set's the default options to be used when adding a new notification.
.setNotificationHTML(html_string)
Customise the inner HTML generated for a notification. Notifications automatically have the class
.snarl-notification
and id #snarl-notification-[id]
added. ([id]
is the notification ID string returned by .addNotification()
).Note: notifications must have the
snarl-title
, snarl-text
, and snarl-close
classes to hold the title and text, and to have a working close button.Github Notifications Mac App Installer
.addNotification(options) : String id
Open a new notification with the specified options. Returns a string that is the notification
id
..editNotification(id, options)
Edit an open notification. Only supply the options that you want to update, the rest will stay the same. If the notification has been dismissed it will re-open the notification with the previous timeout setting.
.reOpenNotification(id)
Attempt to re-open a notification otherwise, if the notification is still open, reset the timeout. https://newys259.weebly.com/blog/how-to-download-gopro-app-to-mac-without-usb.
.removeNotification(id) : Boolean successful
Dismiss a notification. Returns
true
if the notification was open and false
if it was already dismissed or did not exist. Note removed notifications can still be re-opened or edited, this merely dismisses a notification. Will probably be refactored to .dismissNotification
in the near future..isDismissed(id) : Boolean dismissed
Checks if a notification is open. Returns
true
if the notification has been dismissed or does not exist..exists(id) : Boolean exists
Check if a notification id has been used. Returns
true
if notification has been opened with that id
even if it's been dismissd..setTitle(id, title)
Set the title of a notification. Shorthand for
.editNotification(id, {title: title})
..setText(id, text)
Set the text of a notification. Shorthand for
.editNotification(id, {text: text})
..setIcon(id, icon)
Set the icon of a notification. Shorthand for
.editNotification(id, {icon: icon})
.Awesome Mac Apps Github
.setTimeout(id, timeout)
App Store Github
Set the timeout of a notification. Shorthand for
.editNotification(id, {timeout: timeout})
.