awatson1978

// This function returns an ObjectId embedded with a given datetime
// Accepts both Date object and string input

function objectIdWithTimestamp(timestamp)
{
    // Convert string date to Date object (otherwise assume timestamp is a date)
    if (typeof(timestamp) == 'string') {
        timestamp = new Date(timestamp);
    }

awatson1978

command-shift-P > Package > Package Generator: Generate Syntax Theme > mypackage
cd ~/.atom/packages/mypackage
apm login
apm develop mypackage
cd ~/github/mypackage
sudo chown -R username:wheel .

git commit -a -m 'checking everything in'
apm publish --tag v2.5.0 minor

awatson1978

// the following will return an array of elements with ids set
$('[id]')

// so one would need something like this....
var elements = $('[id]');
var idsArray = [];
elements.forEach(function(element){
  idsArray.push(element.id);
});

awatson1978

@-webkit-keyframes spin {
  0% { .transform(rotate(0deg)); }
  100% { .transform(rotate(359deg)); }
}
@keyframes spin {
  0% { .transform(rotate(0deg)); }
  100% { .transform(rotate(359deg)); }
}

awatson1978

// Disables scroll except for allowed elements that prevent touchmove event propagation
    $(document).on('touchmove', function(event){
        event.preventDefault();
    });
    // Elements which are allowed touchmove event (by stopping event propagation to document)
    $('body').on('touchmove','.scrollable, nav', function(event) {
        event.stopPropagation();
    });
    // Prevents scrollable elements from ever reaching the end of scroll, and thus prevents scroll overflow on ipad
    $('body').on('touchstart','.scrollable', function(event) {

awatson1978

https://github.com/Quasimondo/QuasimondoJS/tree/master/blur
http://stackoverflow.com/questions/19687846/using-a-div-to-blur-an-image-behind-it/19688466#19688466
http://abduzeedo.com/ios7-frosted-glass-effect-html-5-and-javascript
https://github.com/abduzeedo/ios7-blur-html5
http://html2canvas.hertzen.com/examples.html
http://codepen.io/Matori/pen/JFzok
http://fsasso.com/labs/blur/
https://css-tricks.com/frosting-glass-css-filters/
http://www.webdirections.org/blog/creating-ios-7-effects-with-css3-translucency-and-transparency/
http://abduzeedo.com/ios7-frosted-glass-effect-html-5-and-javascript

awatson1978

https://carldanley.com/javascript-design-patterns/  
https://carldanley.com/js-factory-pattern/  
https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make  

awatson1978

Testing

Using Selenium to Test Google Maps
Google Maps API Selenium Tests

APIs

Google Maps 3 API
GoogleMapReact Documentation
GoogleMapReact API

Styling

awatson1978

https://projects.tessel.io/projects/enviroreport-web-dashboard-for-climate-module
https://github.com/chaivrep/EnviroReport

http://blog.mongodb.org/post/65517193370/schema-design-for-time-series-data-in-mongodb

awatson1978

First you'll need an NPM package.
http://www.bennadel.com/blog/2329-building-executable-scripts-for-the-mac-osx-command-line-with-node-js.htm

Then you'll need to publish it.
https://gist.github.com/coolaj86/1318304

Then you'll need to add it to an atomsphere package.
https://github.com/awatson1978/meteor-cookbook/blob/master/cookbook/packages.md

````sh