Generally it isn't a problem anymore as most, if not all, modern editors/IDEs have some option to change line endings. Even then, I believe there's a config option you can set with git either per repo or globally that will change line endings before or after pushes and pulls (or both).

Thanks for the answer! Can you think of any issues that might come specifically if you were to introduce windows machines into a previously Mac-only shop?

After playing around with it, I noticed the (what appears to be) right parenthesis after the M. I found that curious, since that wouldn't work in a backwards program, so I deleted it, and everything happened to go back to normal! After that, I figured that it must not actually be a right parenthesis, and in fact some sort of weird unicode character being displayed as a right parenthesis for whatever reason. I proceeded to this unicode character lookup, copy + pasted the weird character and I was right! It turns out this character is actually a right-to-left override character, and effectively reverses all the characters on that line! I'll note that this actually didn't compile for me. I used an online java compiler to try it out quick, but it didn't seem to like that RLO character. So this may or may not work depending on the exact compiler version or possibly other properties of your system.

If you want something dynamic, that can actually give you a list of function calls, or variables you've made, etc, etc, you'll want TernJS . This StackOverflow answer goes pretty in-depth on how to use it with Atom. Otherwise, if you just want auto-completion for things like ng-app or $scope, or other common angular things, you could try this package, though I haven't used this myself, so I don't know how well this package works.

That's definitely something to start from! I was trying to get it to work from scratch using the canvas, but I might just fork that codepen and see what I can come up with! Thanks for the link!

I think this depends on whether you're familiar with making native Android/iOS apps already, and whether you're also familiar with making Angular apps. I don't have a large amount of experience making native Android apps (and absolutely no experience making native iOS apps...), but I've used Ionic 1, and being even vaguely familiar with Angular at the time, it was pretty easy to get things working. :) Plus if you plan on making an app for both Android and iOS your Ionic app should run on both with little to no issue, so you save yourself having to port your code over from one to the other.

@emilmoe Awesome I'm glad you got a result you're happy with! :)

Here's the fiddle you provided without the clock showing up outside the box. https://jsfiddle.net/8htaqfj0/ I added a comment above the line of CSS that does that for you. As for the clock moving around, you might be able to fix that by using a certain px size instead of a percentage, but I'd have to play around with it. If I can figure something out I'll post another reply with that too :)

I just used the flexbox solely for centering the div on the page. If you remove all styles on .container, the font background still works perfectly. Essentially, I use set the .content div as relative, but don't set any top, bottom, left, or right so that I can set the .icon-bg as absolutely positioned and it will stay within the container div, instead of being absolutely positioned on the page. From there, I just use an overflow: hidden on the .content div so that the icon looks like its a background on the .content div and doesn't show beyond the border. So, it should be fine on pretty much every browser. (Minus the rgba colors, which require IE9+)

Here's a jsfiddle of this kind of thing: https://jsfiddle.net/hcu0dp98/ Not the prettiest example, and it uses font-awesome, but the concept should get you where you're going. :)