Embed YouTube, Vimeo and more into Office 365

Beyond MS Stream: How to embed all of your videos, regardless of where they are hosted, into your Office 365 intranet. Even for Classic SharePoint sites.

MS Stream has undergone some remarkable improvements, and given the new features Microsoft has rolled out, you gotta ask – will MS Stream fit my needs? Let’s look at an all too common scenario..

Kick Start Gym has a popular YouTube channel with hundreds of followers. They heavily promote their workout videos on the company website and social media. They also have a Vidyard video account, where hundreds of videos are stored and shared with their clients. Since they are using Office 365, they also use MS Teams and record the meetings and webinars with MS Stream.

They’ve invested hundreds of hours (maybe more) to upload, categorize and curate their video libraries. Integrating their YouTube and Vidyard content into their Office 365 intranet, simply makes sense. So, why not use MS Stream for this? It’s a powerful tool. But for volumes of videos already uploaded in external portals? Not the best solution, unless they want to upload them each individually again.

MS Stream PLUS BindTuning Responsive Video

If this scenario sounds familiar to you, then the latest version of Responsive Video Web Part is responsive to your needs! The best solution for Kick Start Gym (and possibly for you, too) is a combination of MS Stream and BindTuning Responsive Video.

MS Stream is the perfect choice for meetings, presentations, and webinars. The facial recognition, speech-to-text and search capabilities are extremely powerful. But with BindTuning Responsive Video you can embed existing video content from any number of external video providers like YouTube, Vidyard and more. Plus, if you are using Classic SharePoint, Responsive Video Web Part links to your MS Stream videos, too. Currently, there is no web part for MS Stream videos for Classic SharePoint. All of your video content in one place for any and all versions of SharePoint.

Responsive Video Web Part

BindTuning Responsive Video Web Part is compatible with all versions of SharePoint and supports these Video Portals and File Formats:

  • Brightcove
  • MS Stream
  • Panopto
  • Video Portal
  • Vidyard
  • Vimeo
  • Vzaar
  • Wistia
  • YouTube
  • PLUS Mp4 and generic file formats

Responsive Video and 15 other feature-rich web parts are included in the BindTuning Enterprise Intranet Plan(s). They include customizable and brand-able themes, our comprehensive web part bundle, pre-configured industry templates and the engine driving the deployment of all our products, Clutch desktop app. Dynamic, engaging intranet sites are deployed in minutes with no hassle, no coding.

Clutch: BindTuning Provisioning Engine desktop app – Your Top Questions Answered

Last week we delivered a live demo of our new BindTuning Provisioning Engine desktop app, Clutch and templates.  If you missed our session, no worries – you can watch it on our YouTube channel.  We received a few questions about the new release and well, here they are with our responses.

Your Top Questions (UPDATED: August 30, 2018)

Questions about Clutch

I have a web part subscription. Is Clutch Provisioning Engine included in my subscription?

The Clutch desktop app requires a separate subscription. We offer various subscription levels to meet your needs.

Does the Clutch Provisioning Engine subscription offer us unlimited use?

The subscriptions are priced per user, per tenant. You will need a license for each tenant where you want to use it.

Will you blacklist the Search Site & My Site?

We will blacklist My Site. We do not support My Site, but the Search Site may be supported in the future. We will look to the structure of other default site templates like the blog and if it makes sense we will add support for it in the future.

This is a great tool for partners. Will you offer a specific license for us?

Yes! We offer BindTuning Partner licensing for Clutch Provisioning Engine and templates.

Do I need to have active subscriptions for all of the web parts and themes included in the template?

Not necessarily. Any product included in the template that you do not have a valid subscription for, can be installed on a trial basis for 15 days.

Does the Clutch app run on a Mac?

The BindTuning Provisioning Engine relies on technology developed by Microsoft and it requires .Net and Windows 7, Service Pack 1 or above. The Apple environment does not currently support .Net or Windows 7.

Can I run the Clutch app on my mobile device?

The BindTuning Provisioning Engine app can be used on Microsoft compatible tablets, such as the Surface Tablet. The app does not currently support use on mobile phones.

How do I download the Clutch app to my desktop?

The app is available for download on BindTuning.com. Simply register/login to My Account to get started.

Questions about Templates

Which type of site collections support templates?

Templates can be applied to Publishing Sites and Team Sites (Classic). In the next release (currently scheduled for late September), an updated version of Clutch will also support Modern Sites.

Are templates applied to site collections, subsites or both?

Templates can be applied to the site collection site root or to subsites. Please note that Clutch will not create a new site collection – site collections have to be created before the template being applied.

Will the templates work on-prem?

For now, the BindTuning Provisioning Engine is limited to Office 365, but later this year you will see support for on-prem.

What kind of information does a template include?

Each Template includes the following:

  • Theme/masterpage – there is a reference to the theme/masterpage being used; if the template being deployed includes a theme, its installation is made beforehand.
  • Site Structure – all lists and pages
  • Content Types
  • Page layouts – In the next release of Clutch, you will be able to save your site as a template with custom page layouts included
  • Web Parts
  • Lists, libraries and its setting
  • Content – demo content is optional
  • Permission settings – In the next release of Clutch, you will be able to save your site as a template with your own permission settings
  • Workflows

Not Included:

  • Navigation – currently not included (due to a limitation of Microsoft provisioning mechanism)

Can I link templates together?

In the current release, you cannot combine multiple components or use only part of a template. In the future there will be an option to customize to that level of detail.

When will I be able to build my own template?

This functionality will be available in the next release of Clutch, currently scheduled for late September.

May I save an existing site as a site template?

As of today, this functionality is not available.

What is the plan for releasing new templates?

We currently have 13 templates (both industry specific and generic). We plan to release 18 more during Microsoft Ignite, September 2018, which will allow us to span several more industries. Please visit the Clutch Template Catalog to see what’s available and what’s coming soon.

Questions about Themes, Web Parts & Other Tools

We are a current theme customer, but we need a template. Do we need to use the theme that is included in the template, or can we apply our existing theme to a template?

In this initial release, you will need to use the template’s specific theme. There are styles that are specific to each theme. We have plans to enable users to select any theme and we also have plans to support the Seattle master page as well.

May I choose which web parts are to be installed as part of the template?

Web parts installed are always those included in the template.

May I add web parts to a site template?

After you provision a site using a predefined template, you are able to make any additional customization you need, including adding new web parts.

May I choose the theme used in a template?

In this initial release, you will need to use the template’s specific theme. There are styles that are specific to each theme. We have plans to enable users to select any theme and we also have plans to support the Seattle master page as well.

When web parts are updated does it automatically push out to the template with that web part in it?

Yes, if a newer version of the web parts is installed the sites built using the template will be automatically updated.

What about third-party tools such as workflows?

The BindTuning Provisioning Engine release 1.0 deploys BindTuning web parts, themes tools and any default Microsoft SharePoint tools and products. After installation, you can customize your intranet or portal in any way, as needed.

Questions about Installation

Do I need to provision web parts, themes and templates to each site collection in my SharePoint environment? Is there a way to deploy globally to Office 365?

Themes and web parts need to be provisioned to each site collection individually. However, Clutch provides the ability to do bulk installations, if you sign in as the tenant admin. This enables you to select the site collections in which you want to install and update the products.

What is the installation mode being use with Clutch? SPFx, Sandbox or add-in?

In the current version, we are only deploying the sandbox version. We will add support to SPFx products (themes and web parts) in the next release, currently scheduled for late September. The classic add-in version of the web parts will not be supported by the Clutch provisioning engine due to the manual installation steps involved in the process.

If we start using Clutch, what do I do with web parts I have already deployed through the app catalog? Do I need to remove them?

Sandbox web parts that were deployed manually need to be deactivated before the installation with the provisioning. SPFx products won’t require this step.

How much flexibility do I have when applying a template to a site/site collection? What is the correct order of actions?

The recommended order of installation is:

  • Choose template
  • Define the site/subsite in which I want it to be deployed
  • Choose pages to deploy (available late 2018)

If I apply a template on top of an existing site collection what will happen to the exiting content and configurations?

All existing content and configurations will remain the same. Typically, Clutch is used to create new sites. Although there is no content loss in the process we do not recommend
that you apply a template to a site with existing content.

What happens if something fails during installation?

The installation process automatically generates an error report and that information can be used to correct any installation related issues. For instance, if during installation, one product is not installed, the report will alert you so that it can be reinstalled.

For more information about the Clutch Provisioning Engine, visit BindTuning.com.

Quick links Web Part for SPFx is here!

Today, we’re announcing the release of the SPFx-ready version of the Quick Links web part. That means you can now easily display custom links in both classic and modern sites.

You can pretty much add any custom link to the page, with an endless list of icons and an option to add custom images. You can even choose what links you want to show to a specific user or group, thanks to its advanced targeting options!

I already added my custom links to SharePoint Modern Experience with the new SPFx-ready version and it’s looking amazing. I can now have all my links in a single place, right where I need them. :)

BindTuning SPFx Web Part SharePoint Framework Quick Links

Watch the demo video for more details on this new release.

Get it today

If you have an active subscription – even a trial one – the new version is available right now in your account in the “My Downloads” area. As a subscriber, you get access to all the web parts we release, right in your account for immediate use.

Simply log into your account and navigate to the “My Downloads” page.

Read full instructions here


I’m not a subscriber, how can I get the new SPFx-ready version of Quick Links?
You can request a free trial subscription at bindtuning.com/webparts and get access to the complete library of 12 web parts, including Quick Links and the new SPFx-ready version. Contact us today, to get started using Quick Links for SPFx.

Weather Web Part – weather forecast, right where you need it

The new Weather Web Part is about to give your SharePoint intranet a serious upgrade!

Launching today, the new Weather Web Part for SharePoint and Office 365 gives your users the convenience of their local weather forecast, right where they need it. With complete and customizable weather information for each user regardless of their location.

Watch the live demo and find out more about the new Weather Web Part.


And that’s not all!

Available for the SharePoint Modern Experience
Weather Web Part is also available for the Microsoft SharePoint Framework (SPFx) experience. That means you can easily display weather information on both classic and modern sites.

Complete daily weather information
With a world clock, Celsius and Fahrenheit temperature readings, weather averages/extremes, plus a 6-day forecast, Weather is a powerful web part for SharePoint.

Shows weather info based on your location
With Weather, you can type in a city or ask it to detect your location. With a single click, Weather can track your exact location and display the weather information accordingly. That’s some serious upgrade!

Advanced weather integrations
Weather’s advanced integrations with Yahoo! Weather (Free) and Weather Underground allows you to display vital weather information with incredible accuracy.

A layout for every season
You get to choose from a variety of layouts, from simple to bold, tiny to wide and have the right modern weather layout for your modern SharePoint intranet while providing your users a truly modern experience.

How can I get the new Weather Web Part?

Glad you asked. To get your hands on the new Weather web part you need to:

Have an active subscription? If you have an active subscription – even a trial one – the new web part is available right now in your account in the “My Downloads” area. As a subscriber, you get access to all of the web parts we release, right in your account for immediate use.

Don’t have a subscription? Request a free trial subscription at bindtuning.com/webparts and get access to the complete library of 12 web parts, including the new Weather Web Part. You can also request a free demo with one of our SharePoint experts.

SPFx and BindTuning – Your Top Questions Answered

This month, we released the first of our products for SPFx. Responsive Video Web Part was a natural choice to lead the pack on our road to full SPFx readiness. We love the way videos are dramatically displayed in the SharePoint Framework modern UX, with its tiled content areas. You’ll really appreciate the ease with which you can upload rich, dynamic video content and then display it for your users.

We know you are anxious to use our products in the new UX. Let’s address a few of the questions we’ve received about our products and SPFx.

Your Top Questions (so far)

Do the SPFx web parts work in SharePoint 2013 and/or 2016?

ur SPFx products are compatible with Office 365, SharePoint Online. Microsoft will not add SPFx to SharePoint 2013 on-prem. As for SharePoint 2016, it supports SPFx but only for Feature Pack 2. Our products are running SPFx 1.4 and SharePoint 2016 runs only SPFx 1.1 (FP2). Our ability to support these versions is dependent upon Microsoft and what is released from Redmond.  Hope that clears it up.

Will the pricing remain the same or will there be an additional charge?

Great question. This is where we really see the beauty of a subscription model! As we roll out new products for classic, and now modern SharePoint sites, your price remains the same. You get all of the new features we offer at no additional charge assuming your subscription is active (and yes, you can contact us to make sure you are active!).

But wait, here’s the really cool thing — given that Microsoft has committed to support 2013 on-prem for a long time, you will be able to launch and support hybrid environments with both classic and modern environments using the same products, at no additional cost to you.

Do the SPFx web parts support SharePoint Online classic page?

Yes. All SPFx web parts support both modern and the classic sites – you can use them immediately in either version. The only difference you will see, assuming you are an existing BindTuning customer, is that the new web part settings are slightly different, even in the classic environment. BindTuning web parts will use the full SPFx settings available in both environments for consistency.

Our company imposes some restrictions using external sites. Are there any external libraries being used, for example, CDNs?

Well, yes and no. Depending on the type of product you will be using, it might have external calls to our CDN. For instance, our product trials do require external calls to our CDN. But once you activate a subscription, all of the products are hosted inside of your firewall and will not have any external calls outside of your SP environment.

Do you use Office UI Fabric for the responsiveness?

Yes. Microsoft Office UI Fabric is included by default on modern pages and we use it to get responsiveness, but we also use Bootstrap inside modern pages.

How about Themes? Will the current themes be SPFx ready or will there be a new set?

Yes, BindTuning themes will soon be migrated to SPFx. We may retire a few, but we also will release some brand-new themes as well. The same experience will be globally applied across all of your SharePoint sites – users won’t notice much difference between classic and modern sites as there will be consistency between SharePoint pages and sites. However, you will need one theme for classic sites and another for modern sites.

What’s the approximate timeframe for themes for Modern sites to be available?

We are working on the themes and we have prototypes working in modern environments right now. However, the environment we are using to build themes is not stable and we are on hold until Microsoft releases a stable version of the applications stabilizer across modern sites.


Have more questions about SPFx? We are glad to answer them, leave your questions in the comments section below, or drop us an email to reach our technical and/or sales team.

Pre-Release Demo Session – New! Weather Web Part

BindTuning SPFx SharePoint Weather Web Part

Join BindTuning SharePoint Team Leader, João Ferreira, for a 30-minutes pre-release demo session, to see the new Weather Web Part, with versions for both classic SharePoint and the new SharePoint Modern Experience (SPFx).

With a world clock, Celsius and Fahrenheit temperature readings, weather averages/extremes, plus a 6-day forecast, Weather is set to be released this Wednesday, February 7, 2018. The complete BindTuning product line will soon support SPFx along with all the other versions of SharePoint and Office 365.

Get a guided tour of this new web part and learn more about our upcoming SPFx releases. Make sure you tune in.

Wednesday, February 7th – 9:30AM PST / 12:30PM EST / 5:30PM UTC

Save the date

Or join the live session here

BindTuning and the Modern SharePoint Experience

We are kicking off 2018 by rolling out support for Microsoft SharePoint Framework (SPFx)  – starting with Responsive Video Web Part!

What does that mean to you?  Well, a lot. Last year, Microsoft released the SharePoint Framework (SPFx) – a new modern experience that leverages open source tools and client-side development for sites that are responsive, mobile-friendly and feature more powerful capabilities for the developer and end user, alike.

The first of our web parts, Responsive Video Web Part, is SPFx-ready today, enriching both classic and modern SharePoint sites.  Adding videos directly from a Video Portal, YouTube or Vimeo is now fully integrated with the draggable and codeless modern SharePoint environment. It couldn’t be easier.

Responsive Video web part in the new SharePoint Modern Experience

Get It Today

Contact us today, to get started using Responsive Video for SPFx. For clients with an existing web part subscription, Responsive Video Web Part will be automatically uploaded to your account. Simply log into your account and navigate to the “My Downloads” page.

Read full instructions here


As for our other products…
We are rolling out updates with the goal of having all of our web parts SPFx-ready by the end of the second quarter 2018.  All brand new BindTuning products will support all versions of SharePoint, Office 365 and SPFx right out of the gate.

Look for more SPFx-ready products in the coming weeks:

  • Responsive Video Web Part Available today
  • Quick Links Web Part
  • Alerts Web Part
  • Maps Web Part
  • Calendar Web Part
  • Weather Web Part New!
  • Themes Coming Soon

Stay up-to-date on all of our SPFx product updates as well as new product releases by subscribing to our mailing list.

Pre-Release Demo Session – Video Web Part for SPFx

BindTuning SPFx SharePoint Responsive Video Web Part

Join BindTuning SharePoint Team Leader, João Ferreira, for a 30-minutes pre-release demo session, and uncover the new SharePoint Framework (SPFx) with BindTuning’s first of many supported products – Responsive Video Web Part. Get ready for a new and improved modern experience with BindTuning and SharePoint.

With the same video features in a new draggable and codeless environment, the BindTuning Responsive Video Web Part is now ready for the new SharePoint Modern Experience and is set to be released next week, January 25, 2018. The complete BindTuning product line will soon support the new SharePoint Framework along with all the other versions of SharePoint and Office 365.

We will talk about this and more during next week session. We will cover everything from how our products integrate with SPFx to how you can take the most out of the new Responsive Video SPFx-ready version.

Wednesday, January 24th – 9:30AM PST / 12:30PM EST / 5:30PM UTC

Save the date

How to add Google Analytics to SharePoint without modifying the master page

Mainly targeted to public sites, Google Analytics can also be used to monitor your SharePoint or Office365 intranet. It will not only help you understand if employees are using the company intranet but also how they are using it and if anything needs to be improved.

Below I explain step by step how you can build and deploy a script link using a custom action in SharePoint, and will also provide the installation files and the instructions to use the script in case you don’t want to build it yourself.

How to setup Google Analytics

Before we get into the SharePoint bits let’s set up Google Analytics and get everything you need.

  1. Sign in to your Analytics account
  2. Select the Admin tab
  3. Select an account from the menu in the Account column, or Create New Account if you don’t have one already
  4. Select a property from the menu in the Property column
  5. Under Property, click Tracking Info Tracking Code
  6. Save the Website tracking script code

    Save Google Analytics tracking code

Find more information about google analytics setup

Create SriptLink Custom Action

If you don’t want to deal with code at all, jump to the next section.
Heads up! The solution built in this tutorial uses a declarative SandBox solution to deploy Google Analytics. These type of solutions are supported by Microsoft in the most recent versions of SharePoint, including SharePoint 2016 and SharePoint Online. You can read more about this type of solution here.
  1. Open Visual Studio and create a new project
  2. Select Office/SharePoint templates and SharePoint Empty Project
  3. I will call it SharePointGoogleAnalytics, but you can call it whatever you want

    New SharePoint project

  4. Provide the URL of the site you will use to debug
  5. Select Deploy as sandboxed solution and click Finish

    SharePoint Customisation Wizard

  6. Once your project opens, go to the Properties and set Include Assembly in Package to False. This is required to build a declarative sandbox solution

    SharePoint Solution Properties

  7. Right click on your project, go to Add and select New Item
  8. Select Empty Element and call it AnalyticsCA – this will be the ScriptLink Custom Action

    Add new item

  9. Right click on your project again, go to Add and select New Item
  10. Select Module and call it Style Library
  11. Delete the Sample.txt file that is created by default
  12. Create the folder structure bellow inside the Style Library Module
    GoogleAnalytics js
  13. Right click in the js folder, go to Add and select New Item, from the Web group select the JavaScript File and call it ga.js

    SharePoint Project Structure

  14. At this point, your project structure should look like the image bellow

    SharePoint Feature Properties

  15. Open the Elements.xml file inside the Style Library module. This file is generated by Visual Studio automatically. However, I prefer to modify it and publish the files automatically once the solution is activated. I also replace the files, if a previous version already exists in the system.Select the entire content of the file and replace it with the code bellow.
    Note: If you are not using the same names I used previously, make sure you adjust the URL and Path
    <?xml version="1.0" encoding="utf-8"?>
    <Elements xmlns="http://schemas.microsoft.com/sharepoint/">
      <Module Name="StyleLibraryJS" Url="Style Library/GoogleAnalytics/js" RootWebOnly="FALSE" Path="Style Library\GoogleAnalytics\js">
        <File Url="ga.js" Type="GhostableInLibrary" Level="Published" ReplaceContent="TRUE"  />
      </Module>
    </Elements>
  16. Open the Elements.xml inside the AnalyticsCA module and paste the code bellow.
  17. <?xml version="1.0" encoding="utf-8"?>
    <Elements xmlns="http://schemas.microsoft.com/sharepoint/">
      <CustomAction
        ScriptSrc="~SiteCollection/Style Library/GoogleAnalytics/js/ga.js"
        Location="ScriptLink"
        Sequence="1">
      </CustomAction>
    </Elements>

    This XML file will register the custom action and will execute the ga.js on all sites of your site collection.

    Note: If you are not using the same names I used previously, make sure you adjust the ScriptSrc
  18. Open the Features folder and rename the Feature1 to GoogleAnalytics feature
  19. Open GoogleAnalytics feature
  20. Type a Title and Description for your features. Both fields will be visible on your site collection
  21. Change the scope from Web to Site, this way the script will be deployed to all the sites in the site collection

    Add JavaScript File

  22. Open the ga.js file in the Style Library module and paste there the script code you got from Google, without the script tags. Your code will be like the code bellow, except for the Track ID.
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    
      ga('create', 'Track ID', 'auto');
      ga('send', 'pageview');
    
  23. Compile your project and deploy the solution to all the site collections you want to track

Once you deploy the solution, your Google Analytics dashboard will immediately display real-time data.

Add JavaScript File

Install Google Analytics on SharePoint

Note: This topic is mainly for the users that didn’t build their own custom action project.

To install the solution in your SharePoint and start tracking your sites follow these steps:

  1. Download the solution
  2. On your site collection root site go to Settings Site Settings Solutions
  3. Upload and activate the solution. Once you activate the solution, the Google Analytics script is immediately added to your site however, it is not tracking your site yet, you still need to add your track id to the script
  4. Open your site with SharePoint designer
  5. Go to All Files Style Library Google Analytics js
  6. Check out and edit the ga.js file in advanced mode
  7. Locate the words TRACK ID and replace it with your own track id from Google Analytics

    Add JavaScript File

  8. Save the file, check it in and publish it as a major version.

That’s it, you are good to go! Your site collection is now being tracked by Google Analytics.

If you have multiple site collections and don’t you want to open SharePoint Designer for each site collection, to edit the JavaScript file, you can use my SharePoint WSP Repackage tool to modify the solution and create your own unique WSP with your Track ID.

How to deactivate Google Analytics tracking

If you want to stop tracking a specific site collection do the following:

  1. On your site collection root site and go to Settings Site Settings Site Collection Features
  2. Locate the Google Analytics feature and deactivate it

    Add JavaScript File

Conclusion

In this article, you have learned how to add Google Analytics to SharePoint without editing the master pages and also how to create a script link custom action.

If the master page was blocking the analytics adoption in your company either because you are on SharePoint Online or because you don’t want to break your beautiful custom master pages, this is the way to go.

Unfortunately, this solution will not work on the new Team Sites and Document Libraries on SharePoint Online because for now, there are no script sites available. As soon as something comes out to support those sites I’ll review this article again.

As always the source code of this project is available on my personal GitHub repository and you can download the WSP solution from this article, the links are down below.

Download Google Analytics WSP

Explore Solution on GitHub

Customize SharePoint from Mac OS

Creating and editing SharePoint files in Windows is easy with SharePoint Designer but, if you are a Mac user, you are in a tough position. In this article, we will explain how you can save time and get access to all the files and folders needed to customize SharePoint sites from your Mac.

This article only covers SharePoint on-premises, because unfortunately, SharePoint Online is not accessible with these methods.

Option 1 – Map SharePoint as a network driver

This option uses the WebDAV protocol that provides a framework for users to create, change and move documents on a server, typically a web server or web share.

  1. From finder click on Go Connect a Server
  2. Type the address to your SharePoint site including the protocol

    Open SPD folder

  3. Type your credentials and wait, this may take a few minutes

    SharePoint credentials

  4. Once it’s mapped it will open Finder and will show all the files as a network folder
    As an alternative you can map only the library where you want to work. (e.g. Style Library)

    SharePoint mapped folder

How to edit the files?

To modify the files, you first need to check them out; since this option is not available in Finder you will need to do this using a browser.

Using Visual Studio Code, as we do in the steps bellow, is optional. You can use any other IDE.
  1. On your browser navigate to the library where you have the branding files
    (e.g. http://sharepoint.com/Style%20Library/Forms/AllItems.aspx)
  2. Check out all the files you will be modifying
  3. Open Visual Studio Code
  4. Go to File Open
  5. Select your SharePoint shared driver

    SharePoint Mapped Folder

  6. Select the library where the files are located and click Open
  7. In the explorer pane select the file you want to modify; it might take a few seconds to sync the file

    Visual Studio Code

  8. Save your file and keep in mind that you will need to wait a few seconds
  9. Go to the browser, check in and publish your files as major version to make them visible to all the users

Bellow you have my SharePoint site, with a red page title, customized from a Mac.

SharePoint alternate css

Option 2 – Microsoft Document Connection

This option is only for users still using Office 2011, if you already upgraded to 2016 this software is no longer available.
To open SharePoint sites, your Office version cannot be Home or Education, on these versions the SharePoint option will be greyed out.
  1. Open Microsoft Document Connection
  2. Click on Add Location and select Connect to a SharePoint Site

    SharePoint Mapped Folder

  3. Fill the address and credentials fields

By default, this software does not display all libraries, if you want a library that is not listed you will need to provide the address to it in the address field.

Once the library opens you will have the option to Edit, Check Out and Check in the files
The edit option opens the local software defined for the file type

SharePoint Mapped Folder

Once you finish editing your files check them in as a major version to make the changes visible for all the users

Pros and Cons

Option 2 is faster than Option 1 and does not require you to go to the browser to check in and check out the files but it uses a software that is 5 years old and was discontinued.

On the other hand, if you are editing multiple files at the same time, Option 1 allows you to see the tree view, Option 2 requires you open all the files individually.

With Option 1 you will add the infamous DS_Store files to the libraries and Windows users will be able to see them.

In conclusion…

Although there is no perfect option to achieve this goal, both described solutions will allow you to customize your SharePoint site from your Mac. It’s up to you to decide on which best suits your needs.

Unfortunately, SharePoint Online is not supported but you can keep an eye on this thread. Apparently Microsoft has plans to support it with the OneDrive App ;)