explorers' club

explorations in dev, science, sci-fi, games, and other fun stuff!

1 Comment

Trello Label Override Style via Stylish

At my current gig we use Trello to track tasks, bugs, agile-ish info, etc.  One of the biggest issues I had was that once you have more labels than there are available colors, your labels become meaningless.  So I wrote a stylish style to a) display the actual label values, and b) as a bonus, prioritize based on priority, pts and then misc. labels.  A picture is worth a thousand words so….



Leave a comment

Creating ‘private’ APIs in CoffeeScript Class

This will only work for methods, trying to do so w/ a var will result in simply creating a ‘private’ Class-variable. Why this works is because the function gets called within the context of the class instance.

Leave a comment

Note to Self: Angular Directive Communication (via Isolate Scope) to Parent Scope with Object Parameter

Given the following HTML

How do we communicate the value known only to the directive but passing back to the controller’s scope?  Like so:

1 Comment

Does Webstorm seem slow to regain focus when switching between applications? (Windows)


I’ve been using the Webstorm IDE for all my JavaScript/HTML/CSS development.  Like any developer, I’m constantly alt-tabbing between Webstorm and the Browser as well as other applications.  After Webstorm has been open for a while, it takes a good 5-10 seconds to snap out of its coma and retake focus.  This is highly annoying and very unproductive.  Doing a search for any possible fix wasn’t producing the results I wanted.  Then I had the bright idea to search under IntelliJ & JetBrains (rather than WebStorm).  And a simple solution was found


Simply open your preferences (File > Settings or ctrl+alt+s) then filter by ‘frame’.


Note that if you change your project’s files from outside Webstorm, you may need to manually synchronize Webstorm’s copy.  To do this, right-click on the folder in your project’s file structure and click synchronize. This only seems to occur on Windows machines due to how they access files (via some locking mechanism?).

src – https://devnet.jetbrains.com/docs/DOC-211

Leave a comment

CSS: Flex-style gap between sibling elements

I was needing to add a gap between sibling elements.  In Flex, this was done on the parent container by simply adding a gap style to it:

<s:VGroup gap="10">
   <-- 10px vertical gap -->
   <-- 10px vertical gap -->

In HTML/CSS we’re not afforded the gap style.  Instead we have to approach this by using the child elements and their margin styles.

   <div class="gap-elem"/>
   <div class="gap-elem"/>
   <div class="gap-elem"/>

   margin-top: 10px;

I find this works with Angular’s ng-repeat directive nicely.  It might be worth writing a directive to simulate Flex’s application of the gap style.

Leave a comment

Angular: ngBackspace Directive

I’m not entirely sure why certain keys on a keyboard fire keydown but not keyup, some fire keypress while others don’t and then in the backspace’s case, it only fires on keyup.  Nevertheless I found myself in need of triggering action on backspace.

[gist https://gist.github.com/jusopi/b89fb2cd31a2da8d0fed]