September 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

Some reviews from Bunkerjs:

“I learned something”
“This will revolutionize the way I do the blog”
*gasp* “Nice”

In beginners corner we went back to basics, talking about Inspect Element, editing css, and breakpoints
Then we showed off Google’s Karma test runner

Next month: John will share Docker

Here are all the links we discussed (there are a ton):

visual editor for 3d graphics – http://threejs.org/editor/
Now that webgl is on ios, delivering high quality 3d graphics from the browser is available. Will we use it? Who knows, but if we have the need, here’s a tool

WebRTC take 2 – https://msopentech.com/blog/2014/08/19/microsoft-google-hookflash-others-co-author-real-time-communications-specification/
WebRtc allows for realtime video/audio native in the web stack, but the v1 api was a Google prototype. The standards bodies are now engaging everyone to take a second pass. Lots of involvement, including Microsoft,

​PDF2svg – http://pramodhkp.github.io/pdf2svg/
Early prototype using Mozilla’s pdf.js that will convert pdf to svg natively in javscript + browser

Knockout punches – ​http://mbest.github.io/knockout.punches/​
interesting plugin emphasizing knockout 3’s new binding flexibility.

Effective unit testing with AMD – http://bocoup.com/weblog/effective-unit-testing-with-amd/
DyKnow has moved its front end code to AMD for extra flexibility and maintainability. This post describes how also to unit test our code

Just nope – https://twitter.com/slexaxton/status/491116246427922432?refsrc=email
Yepnope is no more with full support behind requirejs for conditional module loading

React and web components
http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/
https://github.com/petehunt/react-gss
http://facebook.github.io/react/blog/2014/09/12/community-round-up-22.html

Fast ui animations – ​http://www.sitepoint.com/incredibly-fast-ui-animation-using-velocity-js/

Parallel.js –http://adambom.github.io/parallel.js/​
take advantage of all the cores on your machine

Runtime.js – http://runtimejs.org/​
kernel written in javascript. not practical. just cool

Ampersand.js – http://ampersandjs.com/
&yet’s front end framework built over backbone

Authentication in angular – ​https://medium.com/opinionated-angularjs/techniques-for-authentication-in-angularjs-applications-7bbf0346acec​

Make drive – http://blog.humphd.org/introducing-makedrive/
web filesystem experiment

nodebots with visual studio
http://briangenisio.com/software/2014/08/25/using-visual-studio-to-program-your-nodebot.html​
https://twitter.com/dtex/status/507297195775639552?refsrc=email

knockout parsely – https://www.npmjs.org/package/knockout.parsley.js
validation library

medium’s css – https://medium.com/@fat/mediums-css-is-actually-pretty-good-b8e2a6c78b06
workflow, process, etc they’ve done to make their css maintainable

Requiring stuff in the browser/console/visual studio
https://gist.github.com/mathisonian/c325dbe02ea4d6880c4e
https://chrome.google.com/webstore/detail/requirify/gajpkncnknlljkhblhllcnnfjpbcmebm
http://visualstudiogallery.msdn.microsoft.com/65748cdb-4087-497e-a394-2e3449c8e61e

Grunt/npm/gulp/bower integration in Visual studio – http://www.hanselman.com/blog/IntroducingGulpGruntBowerAndNpmSupportForVisualStudio.aspx​

Chrome gradient inspector – https://chrome.google.com/webstore/detail/css-gradient-inspector/blklpjonlhpakchaahdnkcjkfmccmdik?utm_content=buffer76696&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

memory management – https://twitter.com/addyosmani/status/507294505007976448?refsrc=email

centering stuff in css – http://css-tricks.com/centering-css-complete-guide/
– now you know

w3c spec protip – https://twitter.com/jaffathecake/status/509980193654845440?refsrc=email

service workers – https://jakearchibald.github.io/isserviceworkerready/
the future for offline web apps

​​messageformat.js – https://github.com/SlexAxton/messageformat.js/blob/master/README.md
internationalization can be tricky with pluralized messages (ex 1 user, 2 users… but in english, german, french, dutch…)

katex – http://khan.github.io/KaTeX/
khan academy has open sourced their super fast math equation latex parser

es6 generators in v8 – https://twitter.com/andywingo/status/511876619917459458?refsrc=email

Advanced debugging with chrome – https://docs.google.com/presentation/d/17HjGp4pQlNh2WIwKiTcUpDLIuOdkUcRmALFuoytQsjU/preview#slide=id.p
– kind of amazing presentation

transducers in js – http://jlongster.com/Transducers.js–A-JavaScript-Library-for-Transformation-of-Data?utm_content=buffer39c57&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
– functional programming abstractions

svg animation tool – http://svgcircus.com/
scalable graphics. ex needing a loading animation that scales to the 3x new iphone 6

faker.js – https://www.npmjs.org/package/faker.js
– library to help you generate lots of fake data that still looks and behaves like real

accessible dialogs – http://instructure.github.io/blog/2014/09/25/accessible-dialogs/
from the makers of canvas lms, best practices for your blind users when using dialogs

parcelify – https://github.com/rotundasoftware/parcelify/blob/master/README.md

new font-face spec – https://dev.opera.com/articles/better-font-face/
for loading in custom fonts more easily

open source competitor to chromecast – http://matchstick.tv/home/index.html

using srcset vs picture – http://blog.cloudfour.com/dont-use-picture-most-of-the-time/
using the correct tool for your adaptive designs

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