Full name: Javier Sánchez-Marín Martinez
Date of Birth: 21 March 1987
Residence: Spain, Barcelona
Languages: English (advanced), Spanish and Galician (native)
Oct 2014 - Present
Senior Frontend Engineer @ New Relic
Writing isolated and shareable UI components.
Solving rendering/scrolling performance issues handling huge datasets.
Tweaking implementations to get browsers performing 60fps animations.
Designing and implementing Modular CSS Architectures for Applications and UI Components.
Setting up production asset bundling and build pipelines.
Building tools to automate tasks and speed up the development process.
Jun 2012 - Oct 2015
Senior Frontend Engineer @ Ducksboard
Building and open-sourcing
Building visualizations and components from design specifications to pixel-perfect functional UIs.
Refactoring inherited CSS and implementing a Modular CSS Architecture.
Unit testing and integration testing using qunit and Selenium.
Working directly with the marketing team implementing A/B testing in the UI.
Jul 2009 - Jun 2012
Frontend Engineer @ The Cocktail
Building, documenting and delivering modular UIs for huge websites, for the most relevant insurance, banking, and retail companies in Spain.
We leaded Responsive Web Design in ecommerce in Spain, with well-known brands like Women Secret and Telepizza.
Coding appealing and unfeasible HTML email templates supporting a wide variety of email clients, including older ones (Outlook 2007+).
Jun 2008 - Jun 2011
Frontend Engineer @ Freelance
Advising and building entire user-facing UI's for companies like
Vogue Spain or Sal y Laurel.
Jun 2008 - Jun 2009
Frontend Developer & Visual Designer @ Dnoise
Working as an hybrid between Designer and Frontend developer. Designing stationary and promotional campaigns for print, while also coding the UI of small companies websites.
OSS and Side Projects
OS X application to easily create triangulated artwork from any image in some clicks. It is built with web technologies and packaged into a desktop app using Electron.
I built the whole product; coding, branding, design, marketing...
Lint your CSS/Sass/Less files using stylelint when running webpack builds.
CLI tool with a set of tasks for authoring and distributing React Components using npm
Styleguide/Documentation generator for UI Components. Build
I also wrote
grunt-svg2css to use it with Grunt.
While working at Ducksboard I wrote
It became very popular, having 6000+ stars in Github and being used by big companies like Spotify or Fitbit.
Sep 2006 - Sep 2009
Here is where I learned how important Design is, and where I became a passionate about it, and specially about typography.
I spent three years learning visual design foundations, typography, composition, color theory, motion graphics...
Today I'm still designing occasionally.
Visualizations and interactive tools in Canvas and SVG using d3, Raphael, Fabric.js and EaselJS.
Building smooth animations using velocity.js, GSAP, TweenJS, CSS Animations, CSS Transitions...
Experienced with tooling and the frontend ecosystem.
Building UI Frameworks with a huge amount of UI Components.
Designing Modular CSS Architectures, and implementing them.
CSS Grid Systems in all the ways possible usin floats, display table, inline-blocks, flex... and with all kind of tricks (last/first-child, negative margins, box-sizing...)
Implementing any kind of icon solution (png sprites with fallback, fonts, svg sprites, svg symbols...).
Authoring Compass plugins, Sass mixins, and multiple CSS tools.
Debugging/profiling and rendering performance using Chrome Dev Tools.
OpenSource projects (authoring, versioning, releasing, contributing, documenting)
Unit testing and integration testing with Selenium.
Desktop application development using electron and node-webkit.
Technologies & Tools
Below the technologies I'm more experienced working with.
Webpack, npm, browserify, requirejs, grunt, gulp, bower.
Babel, Sass, PostCSS (autoprefixr, easings, mq-packer...).
Redux (redux-saga, redux-thunk, redux-form, devTools...), React, Backbone, lodash/underscore.
Karma, Enzyme, Mocha, Chai, Sinon, Travis CI, Jenkins, Sauce Labs.
Sketch, Illustrator, Fireworks, Photoshop, After Effects...