INCLUSIVE TECHNOLOGY CONSULTING We partner with tech companies and nonprofits to increase accessibility, inclusion, and justice on and through the web. We are a team of product and standards developers working with partners on engineering, design, and organizational strategy projects that align with our mission and values. We are committed to making tech spaces

safer for

WORKING WITH D3.JS AND CANVAS: WHEN AND HOW Ways to use D3.js with canvas. There are three common ways D3 users render to canvas. You could use D3.js entirely for its functional purpose – to transform data that you can then position onto your canvas as you see fit. You could also use D3.js with some dummy HTML nodes to capture lifecycle selections and then repainting the canvas

when

LEARNING THREE.JS WITH REAL WORLD CHALLENGES (THAT HAVESEE MORE ON

BOCOUP.COM

A GIT WORKFLOW WALKTHROUGH We are in the homestretch with our git workflow walkthrough. I knew we could do it! Last time, we looked at a few ways to review pull requests.In this final (for now!) installment, we will merge our reviewed changes back into master.. Once your pull request reviewer is satisfied with the changes, you’ll get the coveted +1 (or equivalent affirmative emoji), which means it’s time to get this A GIT WORKFLOW WALKTHROUGH Web Platform Consulting Services. When it comes to learning Git, most folks I’ve talked to (myself included) have taken the slow and gentle path toward becoming proficient by adding it incrementally to their existing development processes. SMOOTHLY ANIMATE THOUSANDS OF POINTS WITH HTML5 CANVAS AND The code for this example is available here as a block.. What if I want to animate more than 10,000 points? Using this approach with canvas can only get us so far. As you exceed 5,000 points and approach closer to 10,000 it is common to see degradation in performance. HTML5 VIDEO: SYNCHRONIZING PLAYBACK OF TWO VIDEOS After posting this back to the mailing list, Ben Moskowitz upped the ante by pointing out that synchronizing two videos is a much different beast, noting the example given on HTML5Demos.com – which easily falls out of sync (this fact is clearly a known flaw, hence the emphasis on “should” in the description). So I returned to the fiddle and began reworking the demo to use two videos SESSIONS: THE VIM FEATURE YOU PROBABLY AREN'T USING Web Platform Consulting Services. I may as well come out and say it. In 2010, I leapt directly from Dreamweaver to vim as my primary editor. (I’ve been told that I may be the only person ever to have made this jump, but have no concrete evidence to substantiate this

claim.)

LIST CONFLICTED FILES WITH GIT List Conflicted files with Git. Posted by Alistair Macdonald. Mar 18 2011. When you pull from a remote repository, the number of new files listed can sometimes cause conflict messages to get scrolled off the screen. Not very convenient. You can use the following command to get a quick list of conflicts from Git: git ls-files -u. Posted by.

STEREOTROPES

Stereotropes is an interactive visualization experiment, exploring a set of tropes authored and tracked by the community on the tvtropes.org, specifically through the lense of gender and around words and associations that differ between male and female tropes. INCLUSIVE TECHNOLOGY CONSULTING We partner with tech companies and nonprofits to increase accessibility, inclusion, and justice on and through the web. We are a team of product and standards developers working with partners on engineering, design, and organizational strategy projects that align with our mission and values. We are committed to making tech spaces

safer for

WORKING WITH D3.JS AND CANVAS: WHEN AND HOW Ways to use D3.js with canvas. There are three common ways D3 users render to canvas. You could use D3.js entirely for its functional purpose – to transform data that you can then position onto your canvas as you see fit. You could also use D3.js with some dummy HTML nodes to capture lifecycle selections and then repainting the canvas

when

LEARNING THREE.JS WITH REAL WORLD CHALLENGES (THAT HAVESEE MORE ON

BOCOUP.COM

A GIT WORKFLOW WALKTHROUGH We are in the homestretch with our git workflow walkthrough. I knew we could do it! Last time, we looked at a few ways to review pull requests.In this final (for now!) installment, we will merge our reviewed changes back into master.. Once your pull request reviewer is satisfied with the changes, you’ll get the coveted +1 (or equivalent affirmative emoji), which means it’s time to get this A GIT WORKFLOW WALKTHROUGH Web Platform Consulting Services. When it comes to learning Git, most folks I’ve talked to (myself included) have taken the slow and gentle path toward becoming proficient by adding it incrementally to their existing development processes. SMOOTHLY ANIMATE THOUSANDS OF POINTS WITH HTML5 CANVAS AND The code for this example is available here as a block.. What if I want to animate more than 10,000 points? Using this approach with canvas can only get us so far. As you exceed 5,000 points and approach closer to 10,000 it is common to see degradation in performance. HTML5 VIDEO: SYNCHRONIZING PLAYBACK OF TWO VIDEOS After posting this back to the mailing list, Ben Moskowitz upped the ante by pointing out that synchronizing two videos is a much different beast, noting the example given on HTML5Demos.com – which easily falls out of sync (this fact is clearly a known flaw, hence the emphasis on “should” in the description). So I returned to the fiddle and began reworking the demo to use two videos SESSIONS: THE VIM FEATURE YOU PROBABLY AREN'T USING Web Platform Consulting Services. I may as well come out and say it. In 2010, I leapt directly from Dreamweaver to vim as my primary editor. (I’ve been told that I may be the only person ever to have made this jump, but have no concrete evidence to substantiate this

claim.)

LIST CONFLICTED FILES WITH GIT List Conflicted files with Git. Posted by Alistair Macdonald. Mar 18 2011. When you pull from a remote repository, the number of new files listed can sometimes cause conflict messages to get scrolled off the screen. Not very convenient. You can use the following command to get a quick list of conflicts from Git: git ls-files -u. Posted by.

STEREOTROPES

Stereotropes is an interactive visualization experiment, exploring a set of tropes authored and tracked by the community on the tvtropes.org, specifically through the lense of gender and around words and associations that differ between male and female tropes. OPEN POSITIONS AT BOCOUP If it seems like we’re a good fit for each other, we will follow up and schedule a phone call to get to know you. From there, you can plan to meet a few other members of the team for conversations tied to the role. All in, you can expect the time commitment for this stage to be 3-4 hours of synchronous interaction, scheduled to fit your needs. USING SVG PATTERNS AS FILLS What does Pattern Fills do? There are several ways to use Pattern Fills: You can use the patterns.css file that contains all the current patterns. That will only work for non-SVG elements. You can use individual patterns, but copying them from the sample pages. CSS class definitions can be found here and SVG pattern defs can be found here. SMOOTHLY ANIMATE THOUSANDS OF POINTS WITH HTML5 CANVAS AND The code for this example is available here as a block.. What if I want to animate more than 10,000 points? Using this approach with canvas can only get us so far. As you exceed 5,000 points and approach closer to 10,000 it is common to see degradation in performance. USING DATATRANSFER AND OTHER HTML5 EVENT PROPERTIES WITH Update: I put this utility up at datauri.com for convenience. Update: The jQuery.event.props event property list has since been documented in the Event Object documentation. This past weekend, I made a handy utility for converting files to data URLs.This utility is part of a larger tool that we are developing for a client. I used the dragenter dragover and drop native host events to respond to COUNTING UNIFORMS IN WEBGL Later, in your JavaScript program code, you might access, transform, and return one of the uniforms like this: // get a copy of our vec3 uniform var vec3Uni = gl.getUniformLocation (shaderProgram, "someVector"); // increment the x component of the vector by 10 vec3Uni += 10; // write it back to the GPU gl.uniform3fv (shaderProgram, vec3Uni REALTIME NODE.JS APP: STRESS TESTING PROCEDURE Web Platform Consulting Services. This post is the second in a three-part series describing our investigations into scalability for a second screen application we built for PBS. THE STRATEGY PATTERN IN JAVASCRIPT The Strategy Pattern in JavaScript. I was recently re-factoring some code under Rick ‘s guidance, and we implemented what I would later recognize as the Strategy pattern. JavaScript’s objects and first-class functions make this pattern extremely simple to implement, although you can optionally take some additional steps to add

robustness.

WHY HOURLY TIME TRACKING DOESN'T WORK FOR SOFTWARE This is why at Bocoup our team members only work on one project at a time and the length of a project is measured in weeks. We believe that hourly or even daily accounting of time for programming tasks is not realistic and gets in the way of both productivity and happiness. This does require that we have a lot of trust in our team, which is a REST API DOCUMENTATION BEST PRACTICES Building a back-end API layer introduces a whole new layer of coordination between server and client code. While there are many aspects to this delicate dance of communication, one key ingredient to minimizing back-and-forth-confusion-about what-call-does-what, is consistently communicating about your API endpoints.

STEREOTROPES

Stereotropes is an interactive visualization experiment, exploring a set of tropes authored and tracked by the community on the tvtropes.org, specifically through the lense of gender and around words and associations that differ between male and female tropes. INCLUSIVE TECHNOLOGY CONSULTING We partner with tech companies and nonprofits to increase accessibility, inclusion, and justice on and through the web. We are a team of product and standards developers working with partners on engineering, design, and organizational strategy projects that align with our mission and values. We are committed to making tech spaces

safer for

LEARNING THREE.JS WITH REAL WORLD CHALLENGES (THAT HAVESEE MORE ON

BOCOUP.COM

WORKING WITH D3.JS AND CANVAS: WHEN AND HOW Ways to use D3.js with canvas. There are three common ways D3 users render to canvas. You could use D3.js entirely for its functional purpose – to transform data that you can then position onto your canvas as you see fit. You could also use D3.js with some dummy HTML nodes to capture lifecycle selections and then repainting the canvas

when

REALTIME NODE.JS APP: STRESS TESTING PROCEDURESEE MORE ON BOCOUP.COM

ADAPTER PATTERN

Adapter Pattern – A Must for Vendor & Service Integrations. Software development is a costly process. Requirements need to be gathered, decisions need to be made, and resources need to be scheduled to write the software. All of these steps require an investment of time and money to get a feature to the point where it starts bringing value to OPEN DESIGN KIT: A TOOLKIT FOR DESIGNING WITH DISTRIBUTED Today, we are pleased to announce Open Design Kit – a collection of remixable methods designed to support creativity and problem solving within the context of the agile and distributed 21st century workplace. We are creating this kit to share the techniques we use within our open design practice at Bocoup and teach to collaborators so they can identify and address design opportunities. JAVASCRIPT: EVENTSOURCE IS LONG POLLING Here we have a basic EventSource end point located on the server. The comments within will detail the behaviour that is created when a response body is not provided and when it is. event-source.php.