After a few fits and false starts, I have finally been able to port my various code hinting modules that I wrote for the Bracket editor to the Atom editor. I switch between these two editors and not having my code completion functionality for my various frameworks was frustrating.
Luckily, I found the autocomplete-html package that is now built into the Atom editor by default. What was an added bonus, the tag and attribute sources were actually from the Brackets repo! Thus meant once I understood the Atom packaging publishing flow, I should be able to port each of the Brackets extensions.
To install the package, go to Atom > Preferences > Install. Then enter the package name and press enter.
The available packages are:
Ionic Framework element and attribute autocompletions
OnsenUI Framework element and attribute autocompletions
jQuery Mobile Framework element and attribute autocompletions
Zurb Foundation for Apps element and attribute autocompletions
Angular Material element and attribute autocompletions
Polymer Project element and attribute autocompletions
I am pleased to announce that I will be conducting a full day training on Ionic Framework at the upcoming HTML5DevConf Autumn 2015! This full day training will be on Thursday October 22nd.
AngularJS, Cordova and Ionic are a perfect blend of technologies for building hybrid applications that behave like a native app across multiple mobile platforms. In this course, you will learn how to build an Ionic application from scratch using the Ionic CLI and explore its various components. We will also examine how to architect the AngularJS foundation of services, controllers, and views. Finally, we will extend our application to leverage some mobile specific capabilities.
While watching the recent Google I/O videos, I was intrigued by the 1.0 release of the Polymer Project. I had been watching the effort for sometime, but never really exploring it too deeply. Given I know my way around the code hinter in Brackets, I thought why not make another one. The documentation is not a clean as one would expect from a company like Google, so if you find an issue, please let me know. I am not doing much active development in Polymer at the moment, so I can’t discover those issues like I have with other code hinters. Since Polymer is very extensible, I am thinking of a method for people to insert their custom mark up into their code hinter. This could be applied to some of the Angular code hinters as well.
You can download it directly from its GitHub repo (https://github.com/chrisgriffith/Polymer-Brackets-Extension), or install it via the Extension Manager within Brackets.
Atomic Energy for Military Purposes
As part of my ongoing efforts to digitally preserve aspects of the atomic age, I recently published a Kindle version of what is generally known as “The Smyth Report”. My good friend, Geoff Williams helped in recreating the cover. The text is available on atomicarchive.com, but thought I should make a proper ebook out of it.
With the 70th anniversary of the first atomic test in the desert of New Mexico, and the bombings of Hiroshima and Nagasaki, expect to see some more atomic themed posts here.
In exploring the various Angular UI solutions I stumbled on the Angular Material Project. In reading the documentation, I thought, why not create a code-hinter for it? I got started and was mostly finished except for the layout section. I put it aside for sometime. When I decided to do the Zurb Foundation for Apps code hinter, I promised that I would take the time to finish this one off as well.
You can download it directly from its GitHub repo (https://github.com/chrisgriffith/Angular-Material-Brackets-Extension), or install it via the Extension Manager within Brackets.
Recently I started working with Zurb Foundation for Apps in a new app I am developing. Since I am familiar with the code hinting module inside Brackets, I decided to create another custom code hinter. You can download it directly from its GitHub repo (https://github.com/chrisgriffith/Zurb-Brackets-Extension), or install it via the Extension Manager within Brackets.
Many of the videos from the recent PhoneGap Day Eu 2015 have been posted to YouTube. You can view them here: