Entries

Privalia eCommerce Front End Platform
Leading Spanish eCommerce platform with more than 15 million users and high traffic peaks.
JavaScript
CSS
Web Performance
Consumer
Al Rajhi Bank RIA
Al Rajhi Bank is the world's largest Islamic bank and a key investor in Saudi Arabia. Through the French consulting firm Thales, I was able to contribute to their new UI.
JavaScript
jQuery
CSS
Consumer
HMP Freelance Marketplace
Help Me Project is a way of increasing workforce flexibility for companies, and provides a marketing platform for freelancers and a means to raise funds for projects.
JavaScript
RWD
CSS
UX
jQuery
Consumer
Facebook Report Tool
Sparked's Facebook report tool helps brands on assesing their fan engagement and presents this data with beautiful and animated d3.js powered graphs.
D3.js
Dataviz
JavaScript
CSS
Enterprise
Learning AngularJS through a real project
I have some Backbone.js experience, and I really enjoyed it. However, the current trend regarding client-side MV* frameworks use is clearly favorable to Angular JavaScript. In this post I will talk about how I am learning it.
JavaScript
AngularJS
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
Retention Radar Web Application
Retention Radar makes use of machine learning, natural language processing and advanced data analysis to help subscription based services reduce their churn rate.
D3.js
JavaScript
RWD
CSS
Data Tool
Enterprise
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
Commenting JavaScript code with JSDoc
JavaScript developers do not document their code often. Discover how you can use JSDoc comments to clarify your code and generate documentation for it..
Documentation
JavaScript
OSS
Eventbrite's Analytics Reports
Analytics Reports are a set of dashboards that show Eventbrite's event creators' data. They are seven different dashboards with information about Sales, Traffic, Attendee Geography, and Check-In levels.
JavaScript
Dataviz
CSS
D3.js
Eventbrite's Event Listing
The Event Listing is the main entry point for selling tickets at Eventbrite. Read how we improved its conversion rate by 45% on desktop and 100% on mobile web, affecting millions of users.
JavaScript
HTML
CSS
RWD
Consumer
Eventbrite's Organizer Dashboard
The Legacy Event Dashboard was a highly trafficked landing page for event creators' data. Read how I evolved its architecture and aesthetics to achieve 15% more visits.
JavaScript
Dataviz
CSS
Enterprise
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
Britecharts - Reusable Charting Library
Britecharts is a reusable Charting Library based on D3.js. It allows you to compose charts intuitively, creating beautiful interactive data visualizations. Read more about this popular project that amassed 3.7K stars on GitHub.
JavaScript
Dataviz
CSS
D3.js
OSS
Library
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
Better D3 charts with TDD
People often begin building D3.js charts by starting with examples and customizing them to their needs. But what's next! How do you level up your skill to architect your D3.js projects effectively, mastering the art of building maintainable D3.js charts you can really be proud of?
D3.js
Dataviz
JavaScript
Britecharts
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
React, D3 and their ecosystem
React and D3 are tools designed for goals that collide, as they control the DOM in different ways. In this talk, you will learn how to build React apps with the power of D3, the different strategies, and libraries for your work or side projects.
D3.js
React.js
Dataviz
JavaScript
Britecharts
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
Eventbrite's Follow Organizer
Follow Organizer was an under-utilized feature that had the potential to increase attendee engagement with event creators. Read how we sold up to 1.5M ticket and raised 1% the company's revenue.
React.js
JavaScript
CSS
Consumer

Leading Spanish eCommerce platform with more than 15 million users and high traffic peaks.

Al Rajhi Bank is the world's largest Islamic bank and a key investor in Saudi Arabia. Through the French consulting firm Thales, I was able to contribute to their new UI.

Help Me Project is a way of increasing workforce flexibility for companies, and provides a marketing platform for freelancers and a means to raise funds for projects.

Sparked's Facebook report tool helps brands on assesing their fan engagement and presents this data with beautiful and animated d3.js powered graphs.

I have some Backbone.js experience, and I really enjoyed it. However, the current trend regarding client-side MV* frameworks use is clearly favorable to Angular JavaScript. In this post I will talk about how I am learning it.

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.

Retention Radar makes use of machine learning, natural language processing and advanced data analysis to help subscription based services reduce their churn rate.

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.

JavaScript developers do not document their code often. Discover how you can use JSDoc comments to clarify your code and generate documentation for it..

Analytics Reports are a set of dashboards that show Eventbrite's event creators' data. They are seven different dashboards with information about Sales, Traffic, Attendee Geography, and Check-In levels.

The Event Listing is the main entry point for selling tickets at Eventbrite. Read how we improved its conversion rate by 45% on desktop and 100% on mobile web, affecting millions of users.

The Legacy Event Dashboard was a highly trafficked landing page for event creators' data. Read how I evolved its architecture and aesthetics to achieve 15% more visits.

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.

Britecharts is a reusable Charting Library based on D3.js. It allows you to compose charts intuitively, creating beautiful interactive data visualizations. Read more about this popular project that amassed 3.7K stars on GitHub.

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.

People often begin building D3.js charts by starting with examples and customizing them to their needs. But what's next! How do you level up your skill to architect your D3.js projects effectively, mastering the art of building maintainable D3.js charts you can really be proud of?

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.

React and D3 are tools designed for goals that collide, as they control the DOM in different ways. In this talk, you will learn how to build React apps with the power of D3, the different strategies, and libraries for your work or side projects.

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

Follow Organizer was an under-utilized feature that had the potential to increase attendee engagement with event creators. Read how we sold up to 1.5M ticket and raised 1% the company's revenue.