Profile

Cover photo
Brian Grinstead
Works at Mozilla Corporation
Attended University of Missouri–Columbia
Lives in Columbia Missouri
565 followers|17,444 views
AboutPostsPhotosVideos

Stream

Brian Grinstead

Shared publicly  - 
 
I wrote about how we compiled FFmpeg into JavaScript for our Node Knockout contest this weekend: http://www.briangrinstead.com/blog/video-funhouse.  Our project can be seen here: http://nodeknockout.com/teams/devcomo, and the code used to generate the JS can be seen here: https://github.com/bgrins/videoconverter.js
3
Add a comment...

Brian Grinstead
owner

Discussion  - 
 
An overview of grunt.js managing build tasks in a basic JavaScript library:  http://flippinawesome.org/2013/07/01/building-a-javascript-library-with-grunt-js/,   I've used grunt for a handful of projects (and did a brief talk at our meetup a few months back about it).  

Being able to lint code, run unit tests, and automate other build tasks from the command line saves a lot of time.  I've previously used rake for some of this, but grunt works really well for a client side JS plugin type of project
1
Add a comment...

Brian Grinstead

Ajax / Javascript  - 
 
 
Wrote an article on using snippets in #devtools :  http://www.briangrinstead.com/blog/devtools-snippets.  

I am starting to collect some common snippets at https://github.com/bgrins/devtools-snippets, please feel free contribute if you have any good ones or improvements to the existing snippets.
1
Add a comment...

Brian Grinstead

Shared publicly  - 
 
Three years later, my jQuery UI patch for enabling draggable on elements within an iframe lands: http://bugs.jqueryui.com/ticket/5727.

Love contributing fixes to libraries that I use. If for no other reason it means I don't need to keep patching the new version every time I update.
6
1
Brian Grinstead's profile photo
Add a comment...

Brian Grinstead
owner

Discussion  - 
 
This month's meetup is going to be next Wednesday, April 17th.  The meetup will start at 6PM at RJI, as usual.

We have two talks planned: "Cloud Automation Like a Boss" by James Carr and "Grails" by Shane Davenport.  Read all about them here: http://devcomo.com/blog/2013/04/10/april-17th/.
1
Add a comment...

Brian Grinstead
owner

Discussion  - 
 
Cool way to mark different events in your JS code and have them line up on the timeline when profiling
 
Annotate your code - gain insight

Super useful tip from +Addy Osmani that you can use console.timeStamp() in your code to annotate your Chrome DevTools Timeline.

You could use it to mark events in your code so you can more easily pinpoint trouble spots. Sounds like a win to me.

Docs: https://developers.google.com/chrome-developer-tools/docs/console#marking_the_timeline
3
Russell Perkins's profile photo
 
Nice
Add a comment...
In his circles
127 people
Have him in circles
565 people
Joe Walker's profile photo
Billy Earney's profile photo
Rebecca Henegar's profile photo
Mike McElroy's profile photo

Brian Grinstead

Shared publicly  - 
 
 
Don't handle input logic in input callbacks. Save it for the rAF!

We've been saying for a while now that handling input inside your input handler was a bad idea, mainly because it blocks the processing thread from doing it's work and responding to rAFs in time.

Here's a great demo to show it off.

#perfmatters
1
Add a comment...

Brian Grinstead

Shared publicly  - 
 
Wrote an article on using snippets in #devtools :  http://www.briangrinstead.com/blog/devtools-snippets.  

I am starting to collect some common snippets at https://github.com/bgrins/devtools-snippets, please feel free contribute if you have any good ones or improvements to the existing snippets.
1
1
Brian Grinstead's profile photo
Add a comment...

Brian Grinstead

Discussion  - 
 
How does Chrome take a render tree and turn it into pixels?  This should be an interesting online hangout for anyone interested in web development or browser internals.
 
Ask and vote for your questions in the moderator at http://goo.gl/VjjIy

Blink and WebKit use a compositor to display web contents to the user's screen. But how do we take a render tree (the browser's internal representation of a web page) and display it using a compositor? How do we decide what content should have a separate compositing layer, and how does compositing benefit us? 

In this Google Developers Live session, Chrome software engineer Shawn Singh will introduce basic concepts of compositing, and then we will focus on how Blink bridges the gap between the render tree and the compositor. This is only a slice of the overall rendering architecture, but it will be fun and insightful for any web developers and browser developers with an interest in how Blink and WebKit render web pages. 
1
Albert Engelbrecht's profile photoBrian Grinstead's profile photo
2 comments
 
NIce!
Add a comment...
People
In his circles
127 people
Have him in circles
565 people
Joe Walker's profile photo
Billy Earney's profile photo
Rebecca Henegar's profile photo
Mike McElroy's profile photo
Work
Occupation
Computer Programmer
Employment
  • Mozilla Corporation
    Computer Programmer, 2013 - present
    I work on Firefox Developer Tools, helping build tools for web developers and push the web forward.
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Columbia Missouri
Story
Introduction
I'm Brian.  I'm a computer programmer living in Missouri.

I like writing web apps and open source code.  I also help organize a user group for developers in the mid-Missouri area called devcomo.

Education
  • University of Missouri–Columbia
    Computer Science
Basic Information
Gender
Male