Entries

Better Responsive Web workflow with Icomoon
Icon Fonts are a great workflow improvement, saving a lot of http requests in some cases or eliminating the need of maintaining large png icon sprite sheets in others. However they are not my first option anymore.
Productivity
RWD
Frontend
Sparked Customer Teams
Sparked is a company that helps brands make the most of their social media efforts. Customer Teams is a fun and entertaining Survey Gamification app.
RWD
Mobile Web
Frontend
CSS
JavaScript
Enterprise
Rendering web fonts properly with CSS
Fonts are rendered differently among different operating systems and devices. They depend on the algorithm employed by the system of the visitor. In this post I will share some ways to overcome this behavior so we get a similar experience.
CSS
Fonts
Frontend
Developing a D3.js Edge
Developing a D3.js Edge suggests a series of best practices that provide a way of developing professional and reusable D3.js graphs.
D3.js
Dataviz
Frontend
TDD
Books
Mastering D3.js by Pablo Navarro Castillo
I have read several D3 related books. They tend to be small, but this one is pretty broad and thorough, covering a good amount of chart types, library integrations and tricks. It is hands down the best book about D3.js out there.
D3.js
Dataviz
Frontend
Books
D3.js Resources to Level Up
Whatever your current level is, you can get to the next level of D3.js development through a myriad o resources. I have gathered a bunch of those in this post to help you improving your D3 coding skills.
D3.js
Dataviz
Frontend
Books
Building Eventbrite’s New Listing Page
Eventbrite's new listing page features a modern and responsive user interface designed to work across all mobile devices.
JavaScript
RWD
Backbone.js
Frontend
Readable JavaScript Tests with Object Builders
Building objects purely for testing purposes is often tedious. Let's walk through the wondrous world of using design patterns to improve your JavaScript tests.
JavaScript
Frontend
TDD
13 Newsletters to stay up to date
In this post I will walk through the benefits of newsletters as a source of development related news, and I will also recommend some of my personal favorites.
JavaScript
Productivity
Frontend
Leveling up D3, The Reusable Chart API
The first post in a series where you will see how to improve your D3.js charts by using the Reusable API, a Test-Driven approach and good quality code..
D3.js
Dataviz
Frontend
Leveling Up D3, Test Driven Development
In the second post of this series, learn how you can further advance your workflow by using Test-Driven Development when building your D3.js charts..
D3.js
Dataviz
Frontend
Leveling Up D3, Events and Refactorings
In the third and final post in the Leveling Up D3 series we carry out a refactoring made possible by our tested, shiny, and quality code..
D3.js
Dataviz
Frontend
Introducing Britecharts, Eventbrite's Reusable Charting Library Based on D3
Britecharts is a client-side reusable Charting Library based on D3.js that allows an easy and intuitive use of charts and components that can be composed, creating beautiful visualizations.
D3.js
OSS
Frontend
JavaScript
Britecharts
Automating documentation on JavaScript projects
Documenting is an important task that few teams get right. In this talk, learn how to write docs by adding comments directly to the source code. I will show you its benefits applied to 3 different codebases and how to generate documentation in two flavors as well as when each of them works best.
Documentation
JavaScript
Frontend
OSS
Britecharts v2.0 Released
Britecharts 2.0 is a breaking release which aims to help in the creation of new charts. For that reason, we have improved our API and set up rules to keep it consistent.
D3.js
OSS
Frontend
JavaScript
Britecharts
Create beautiful test-driven data visualisations with D3.js
Everyone loves data visualisation – it’s a quick and easy way to turn stats into something that’s good looking and understandable. Find out how you can use D3.js to create visualisations that look great.
D3.js
Frontend
JavaScript
Dataviz
Performance Budgets, the what, why and how
Learn how to simplify the painful conversation around feature development with Performance Budgets! In this talk, you’ll hear about why they are useful, how to set them up, track them and use them to keep your site web performance under control.
Web Performance
Frontend
UX
JavaScript
RWD
Discover "Pro D3.js", a new book to improve your JavaScript data visualizations
My new book, "Pro D3.js", teaches a maintainable, modular, and testable approach to create D3.js-based data visualizations.
D3.js
Books
Frontend
JavaScript
Britecharts

Icon Fonts are a great workflow improvement, saving a lot of http requests in some cases or eliminating the need of maintaining large png icon sprite sheets in others. However they are not my first option anymore.

Sparked is a company that helps brands make the most of their social media efforts. Customer Teams is a fun and entertaining Survey Gamification app.

Fonts are rendered differently among different operating systems and devices. They depend on the algorithm employed by the system of the visitor. In this post I will share some ways to overcome this behavior so we get a similar experience.

Developing a D3.js Edge suggests a series of best practices that provide a way of developing professional and reusable D3.js graphs.

I have read several D3 related books. They tend to be small, but this one is pretty broad and thorough, covering a good amount of chart types, library integrations and tricks. It is hands down the best book about D3.js out there.

Whatever your current level is, you can get to the next level of D3.js development through a myriad o resources. I have gathered a bunch of those in this post to help you improving your D3 coding skills.

Eventbrite's new listing page features a modern and responsive user interface designed to work across all mobile devices.

Building objects purely for testing purposes is often tedious. Let's walk through the wondrous world of using design patterns to improve your JavaScript tests.

In this post I will walk through the benefits of newsletters as a source of development related news, and I will also recommend some of my personal favorites.

The first post in a series where you will see how to improve your D3.js charts by using the Reusable API, a Test-Driven approach and good quality code..

In the second post of this series, learn how you can further advance your workflow by using Test-Driven Development when building your D3.js charts..

In the third and final post in the Leveling Up D3 series we carry out a refactoring made possible by our tested, shiny, and quality code..

Britecharts is a client-side reusable Charting Library based on D3.js that allows an easy and intuitive use of charts and components that can be composed, creating beautiful visualizations.

Documenting is an important task that few teams get right. In this talk, learn how to write docs by adding comments directly to the source code. I will show you its benefits applied to 3 different codebases and how to generate documentation in two flavors as well as when each of them works best.

Britecharts 2.0 is a breaking release which aims to help in the creation of new charts. For that reason, we have improved our API and set up rules to keep it consistent.

Everyone loves data visualisation – it’s a quick and easy way to turn stats into something that’s good looking and understandable. Find out how you can use D3.js to create visualisations that look great.

Learn how to simplify the painful conversation around feature development with Performance Budgets! In this talk, you’ll hear about why they are useful, how to set them up, track them and use them to keep your site web performance under control.

My new book, "Pro D3.js", teaches a maintainable, modular, and testable approach to create D3.js-based data visualizations.