Hack Productivity with Microsoft Office 365

The Microsoft Office 365 team is challenging developers and makers across the globe to use Microsoft Office 365 APIs and Add-ins to boost productivity in every area of your life.

Hack Productivity, a new online hackathon from Microsoft with $32,500 in prizes for apps that help people make stuff happen — with ease ūüôā

Hack Productivity gives developers access to the Office 365 APIs for mail, calendar, contacts, photo/video, and files so they can create tech solutions that allow people to do everything they set out to do, and more. As an added challenge, they are also asking you to build an entirely new Add-in (extension) for your app.

If you wish to enter,your solution needs to help people manage their lives — but how is totally up to you. For instance, you could build an app that:

  • helps people create photo albums with images shared by their friends
  • creates a weekly schedule for everyone in the household
  • collates a daily to-do list based on incoming email
  • creates a filing system for school assignments and research work
  • designs a new collaboration system for the office
  • suggests a friend date when you haven‚Äôt seen one of your contacts in awhile
  • uses Pavlovian push notifications to defeat procrastination

The cherry-on-top, a prize :). Your time-saving, achievement-producing app will be up cash prizes, plus some other shoutout-worthy swag:

  • meeting w/ a Microsoft product exec
  • one-year allowance on a premium Office 365 service
  • expenses-paid trip to a Microsoft conference
  • Surface products

They will be providing lots of support throughout the hackathon, including online office hours, tutorials, and tech tips. So check off the first thing on your to-do list: Register & start building your productivity hack @ msoffice365.devpost.com.

Get Creative!

Happy Hacking!

Posted in Events

Meet X-Tag a Microsoft driven Open Source JavaScript Library

Just wanted to share with you a newly released “Awesome” JavaScript Library.
X-Tag is a Microsoft supported, open source, JavaScript library that wraps the W3C standard Web Components family of APIs to provide a compact, feature-rich interface for rapid component development.While X-Tag offers feature hooks for all Web Component APIs (Custom Elements, Shadow DOM, Templates, and HTML Imports), it only requires Custom Element support to operate.
As a fallback mechanism, X-Tag also uses a set of polyfills shared with Google’s Polymer framework, in case there was no¬†native support for the Custom Element.
The X-Tag has a wide Browser Support:

Edge (all versions and devices) and Internet Explorer 9+
Firefox (all versions, devices, and platforms)
Chrome (all versions, devices, and platforms) and Android 4+ stock browser
Safari and Safari iOS 5+
Opera 11+ (all devices and platforms)

Just in case you missed out on Web Components and might be wondering what on earth is this?

Web components are encapsulated, reusable and composable widgets for the web platform. Basically it is a collection of standards being worked out at the W3C. In summary, web components allow you to bundle markup and styles into custom HTML elements. Its introduction was very significant to web development because it can harness the power and extensibility necessary to build some complex widgets and applications right into the core web feature set. So, go ahead and picture the capabilities of JavaScript libraries like Angular and Backbone, but as a foundation of the web platform, standardised across all browsers.


Posted in Web Development

Get the most out of the JavaScript Week

Hello everyone!

Packt Publishing has launched JavaScript Week until Sunday 15th November.¬†It seems they¬†are offering a 50% discount on their¬†newest and most popular JavaScript titles. Take your pick ‚Äď from emerging frameworks such as React.js and Meteor, to full stack web development with MEAN.

If that’s not enough, you can take advantage of their JavaScript bundle offer. Simply select any 5 of the discounted titles and get all of them for just $50 ‚Äď all you need to do is add them to your cart, and the discount will instantly be applied.

Just wanted to spread the word about this JavaScript Week if anyone wants to ramp-up on something new!



Posted in Uncategorized

Microsoft Web Camp – Dubai

Web Camp Banner

Hello Developers!

Microsoft is hosting a Web Camp event this month in Dubai, actually next week on September 15. The full day event is aimed at helping you learn how to¬†Build websites that work everywhere! I will be delivering the full day workshop, with loads of ¬†exciting content. So come join me and let’s have a fun packed¬†day!

What is a Web Camp?

Web Camps are free, fun, no-fluff events for developers, by developers. You learn from experts in a low-key, interactive way and then you’ll get to apply what you’ve learned.

What are you going to learn?

At this 1 day Web Camp, you’ll learn how to develop beautiful, interactive and fast web sites using Microsoft’s web tools and platform. You will also learn how to develop websites that work everywhere. Build websites that are based on web standards, debug and test for a good cross-browser experience.
You are required to BRING YOUR LAPTOP to follow up with some hands on examples. You can do these at your pace with help from instructors when you need it.


The event as I mentioned is taking place on September 15th at the following venue:
The Westin,
Mina Siyahi,
Dubai, UAE

If you want to prepare your machine for the event, you can do so by:

  1. Acquiring a free 30-day trial Azure account or Activating your free MSDN subscriber benefits
  2. Downloading the latest Web Camp Training Kit
  3. Downloading Visual Studio 2015
  4. Upgrading your machine to Windows 10

Make sure you Regsiter Here beforehand so you can have all the time to enjoy¬†your morning coffee when you arrive ūüôā


Posted in Events, Web Development Tagged with: , ,

Is your website ready for Windows 10 ?

Microsoft Edge Logo - Website


Windows 10 has been in the market for a month now following the official launch on July 29. Since then, the new OS has been gaining ground super fast and in less than a month Windows 10 was running on more than 75 million devices! And growing. Well, that’s great news for web developers as well. Especially, that the new Windows comes with¬†a whole new Browser that is built for the modern web!

Microsoft Edge is the default browser running on Windows 10, on those 75 Million devices and aiming at 1 Billion devices. Well, I¬†wouldn’t want my¬†website to miss on that! As a web developer or website owner , I would be concerned about having my website look and perform it’s best on that browser.

Good thing is that the Microsoft Edge is based on a new browser engine that is better than ever. A browser that can render the web more correctly, swiftly, and reliably. As a web developer working with web standards, you will find that Microsoft Edge should just work like other browsers. It is more interoperable with other browsers which makes it easier than ever to develop websites site that works everywhere.

Nevertheless, it is still important that you check your website on Edge and scan it for issues. The free cross platform tools on Edge Dev Center allows you to test and debug your website. It can help your website even if you are not interested in testing it for Edge. With these tools you can run a quick code scan on your website URL to check for out-of-date libraries, layout issues, and accessibility. These are issues that you will find in all modern browsers as it is based on web and HTML5 standards.

The website

The are some issues because you added custom code to support non-standard modes and legacy browser engines. With Edge, you can clean your HTML from these. From simple document declaration <!DOCTYPE html> which the the standard DOCTYPE declaration for HTML5 that Microsoft Edge provides first class support for; as opposed to non-standard Document Mode meta tags like the following one:

<meta http-equiv="X-UA-Compatible" content="Edge" />

To JavaScript enhancements such as using addEventListener in order to register an event handler instead of attachEvent to subscribe to the load event. The latter is a non-standard mechanism for adding events which was even deprecated  and entirely removed in IE 11, but some developers still use to support older versions of the browser and thus when you run on Microsoft Edge an error will be raised. The following example illustrates:

Old and Erroneous

window.attachEvent("onload", function () {

setTimeout(function () { alert(“I have been loaded!”);¬†}, 100);



window.addEventListener("load", function () {

setTimeout(function () { alert(“I have been loaded!”);¬†}, 100);


You can always go to dev.modern.ie to learn more, check platform status and roadmap, give feedback and explore cool demos that showcase the platform features in practical examples.

I will be posting more around Microsoft Edge and the web on Windows 10.

Talk soon. Happy browsing!

Posted in Web Development, Windows 10 Tagged with: , ,

Join 1 other subscriber

My books

Rami Sarieddine's books on Goodreads
JavaScript Promises Essentials JavaScript Promises Essentials
reviews: 3
ratings: 8 (avg rating 3.62)

Developing Windows Store Apps with Html5 and JavaScript Developing Windows Store Apps with Html5 and JavaScript
reviews: 2
ratings: 3 (avg rating 5.00)

Follow me on Twitter


Skip to toolbar