November Bunkerjs

We’ve been doing an internal JavaScript meetup once a month and there are so many great resources coming out of it, I though I’d reblog for others to see. Hope you enjoy.
-Joel

It was great to see new faces at Bunkerjs this month. Next month, Alex Billingsley will be sharing some non-js-but-cool static site generation with jekyll. Also Brian Banta will be sharing about animations for beginners corner.

Beginner’s corner

This month, Joel talked about showing and hiding things. To do this you need to decide to either: completely hide, make invisible, or move off screen. You decide this based on how you want to affect accessibility and search engines (so it’s different for personal bookmarklets and production). You can use “display: none;” “visibility: hidden;” and “position:absolute;left:-9999px;” for each of the 3 respectively. Of course, with other specific needs, there are more ways to accomplish this, but these were the 3 discussed this month.

Docker

John afterward introduced the group to Docker containers and how this affects server-side JavaScript. Docker is like a virtual machine but super lightweight and flexible. Talk to John to find out what he’s been learning.

Links we discussed

new format for ios bookmark images – https://github.com/h5bp/html5-boilerplate/commit/345925f04384b59929d8d39ba428cef548921408
There’s a new way to specify what image to use when your users add your page to their home screens

making emails stand out on google inbox – http://googleappsdeveloper.blogspot.com/2014/10/make-your-emails-stand-out-in-inbox.html?m=1
Google has a new email client AND a new way to give users one-click actions to your service

css grid examples – http://gridbyexample.com/
New way to layout your pages

form validation – http://developer.telerik.com/featured/building-html5-form-validation-bubble-replacements/
Styling html form validation

whats in chrome 39 – http://blog.chromium.org/2014/10/chrome-39-beta-js-generators-animation.html?m=1
Pretty self explana…

on web compatibility and es6 – https://gist.github.com/fakedarren/28953b01e455078fb4f8
A good look into how important compatibility is to the web

.includes not .contains – https://twitter.com/addyosmani/status/536180623225143296?refsrc=email
The thrilling conclusion

a11y examples – https://twitter.com/slexaxton/status/535584986749861889?refsrc=email
Tongue in cheek intro but cool example about how to make a menu system accessible

khan archictecture discussion- https://github.com/Khan/perseus/blob/master/CONTRIBUTING.md
Really good example for 1. getting new users up to speed. 2. a big project’s design

chrome dev summit videos – https://t.co/N2EBiGKMk8
This is kind of like wwdc for chrome. Check out the videos to keep up with what is happening in the chrome ecosystem

source blackboxing –  https://developer.chrome.com/devtools/docs/blackboxing
Ever tried to step into a method and ended up in jQuery source doe?

w3c frame timing api –  https://github.com/w3c/frame-timing/wiki/Explainer
Performance tracking

dexie –  http://www.dexie.org/
cool looking indexedDB wrapper

css specificity graph generator – http://jonassebastianohlsson.com/specificity-graph/?utm_content=buffer95f18&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
Visually see opportunities for code reuse

aws lambda –  http://aws.amazon.com/blogs/aws/run-code-cloud/
New platform as a service from amazon. Just upload js files to an s3 container and deployed

web sensor api –  http://smus.com/web-sensor-api/
State of the world

docker on windows –  https://twitter.com/ahmetalpbalkan/status/532414384081866752?refsrc=email
Progress

icon fonts vs inline svg –  http://mir.aculo.us/2014/10/31/icon-fonts-vs-inline-svg/
Comparing two methods

dat adventure –  http://maxogden.github.io/get-dat/?id=j8zqyqg6bf6tuik9
Government data tools training

for those that validate – https://twitter.com/h5bp/status/531540556225449986?refsrc=email
it’s a little nicer

npm collection staff picks – https://www.npmjs.org/package/npm-collection-staff-picks
curated lists are valuable time savers

writing css in js – https://twitter.com/aaronshaf/status/531222222262657024?refsrc=email
Not a best practice today, but maybe one tomorrow? from facebook

angular 2.0 core slides – https://docs.google.com/a/remember.com/presentation/d/1XQP0_NTzCUcFweauLlkZpbbhNVYbYy156oD–KLmXsk/mobilepresent?pli=1&slide=id.p
Intro to angular 2.0

angular 2.0 thoughts from a teammember – http://eisenbergeffect.bluespire.com/all-about-angular-2-0/
Deep dive into angular 2.0 from jesse eisenberg

the case for ember – http://blog.greenarrow.me/the-case-for-ember-for-enterprise/
Enterprise dev team’s deep dive into why they chose ember as their framework of choice

polyfills as a service – https://hacks.mozilla.org/2014/11/an-easier-way-of-using-polyfills/
Pretty innovative service/interesting approach

super easy way to visualize us maps – http://intridea.github.io/stately/
This is so awesome and easy you don’t even understand. Mind blown

regex DOS (oops) – https://blog.liftsecurity.io/2014/11/03/regular-expression-dos-and-node.js
Security report about what happens when your regular expressions are not performant

native cache api in canary (early nov) – https://twitter.com/jaffathecake/status/529151199304355840?refsrc=email
Offline web apps just got better

getting to know flux – http://scotch.io/tutorials/javascript/getting-to-know-flux-the-react-js-architecture?utm_content=buffer9dbbd&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
Facebook’s architecture explained

node 0.12 on the way – https://twitter.com/trevnorris/status/528013196552970240?refsrc=email
Finally

why shopify dropped their SPA framework – http://www.shopify.com/technology/15646068-rebuilding-the-shopify-admin-improving-developer-productivity-by-deleting-28-000-lines-of-javascript
More lessons learned when going all front end doesn’t make sense

good habits for accessibility – https://www.joedolson.com/2014/10/good-coding-habits-accessibility/
Best practices for a11y

online node security training – https://blog.liftsecurity.io/2014/10/22/node-security-training-online
From the lift security team

Advertisements

About joeldart

I am a 29 year old software developer living in Indianapolis, IN.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s