Diego Díaz

Diego Díaz

Cordoba, Argentina
Hire Diego
Scroll To View More
Hire the top 3% of freelance developers
toptal.com
Call us: +1.888.604.3188
Diego Díaz

Diego Díaz

Cordoba, Argentina
Member since July 12, 2016
Diego's experience in advertisement, communication, and design is what drives him to develop web apps focused on UI and UX. Fluid layouts that fit any screen. Progressive enhancement or graceful degradation, variable display resolutions (from smallest portable devices to 5k resolution)---A strong foundation and content-oriented architecture allows the user to really "feel" the app.
Diego is now available for hire
Hire Diego
Portfolio
Experience
  • Adobe Photoshop, 9 years
  • CSS3, 7 years
  • HTML5, 7 years
  • JavaScript, 6 years
  • Sass, 5 years
  • Responsive UI, 5 years
  • AngularJS, 3 years
  • Agile, 3 years
Cordoba, Argentina
Availability
Part-time
Preferred Environment
MacOS, PHPstorm, Sublime, Git, PS, Slack
The most amazing...
...thing I've done is adapt every element in a web app, from desktop to mobile, to match a real app design without duplicating components and toggling them.
Employment
  • Software Developer
    Inpoint (via Toptal)
    2017 - PRESENT
    • Refactored a specific section of an app with Backbone, generating mocked data according to view structures and sharing it with the back-end development team for API implementation.
    • Implemented a completely new system for user-oriented queries to enhance the experience.
    • Provided new features to extend the new use of Sass.
    • Introduce the concept of namespaces in CSS syntax.
    • Polished existing code while I worked with the app oriented to general good practices.
    Technologies: HTML5, CSS3 (Sass), JavaScript (Gulp, Node.js, Backbone, jQuery, Underscore), Git, Docker
  • Senior UI/UX Developer
    MIT Media Lab (via Toptal)
    2017 - 2017
    • Designed a new look and feel for their app.
    • Coded a robust UI that adapts and flows with viewport size, providing a content-oriented structure according to different devices.
    • Refactored the app's logic with AngularJS.
    • Implemented new features.
    • Assisted the client, providing new alternatives and solutions.
    Technologies: HTML5, CSS3 (Sass, Bootstrap 4), JavaScript (Gulp, Node.js, AngularJS, jQuery, Lodash, D3.js), Git
  • Director of Technology
    Rainfactory, Inc.
    2015 - 2017
    • Coordinated with the development team to achieve the desired results internally and with the client expectations.
    • Incorporated the company's internal processes, development stand-ups, and weekly dev+PM team meetings.
    • Created fast solutions for clients to ramp up super fast and raise funding, enhancing communication with strong visual + code development.
    • Developed child themes for WordPress-based products.
    • Generated custom plugins for crowdfunding campaigns to display and manage product perks from the back-end for non-developer teams. Integrated with Indiegogo's API service.
    • Developed cross-browser compatibility without old browser detection and with specific resources for each one.
    Technologies: HTML5, CSS3, JavaScript (AngularJS, Node.js, jQuery), PHP, MySQL, WordPress, Git
  • Senior Software Engineer
    Monsoon Company/Kunai Consulting
    2014 - 2015
    • Developed most of the UI and UX in projects where I was involved.
    • Helped the team to implement components to match the UI.
    • Generated Angular components for a plug-n-play UI.
    • Provided alternatives to clients in order to preserve a logic UI but with robust experience for users.
    • Gave an in-company tech talk "CSS Components" featuring Sass helpers and good practices.
    • Developed cross-browser compatibility without old browser detection and with specific resources for each one.
    Technologies: HTML5, CSS3, JavaScript, Node.js, Git, CircleCI
  • Co-founder and Chief Experience Officer
    WARRG
    2013 - 2015
    • Coordinated the front-end team with special focus on user experience enhancement and interfaces compatible with any viewport (including those out of standard).
    • Directly communicated with clients, providing development feedback and fast solutions to their needs.
    • Incorporated CSS3 mandatory/nice-to-have documentation after analyzing pros and cons.
    • Gave in-company tech talks "HTML5 New Features," "HTML5 for SEO," and "CSS Box Model, When to Use What... and Why!"
    • Led the company culture towards fluid communication, partnership, and good-will principles.
    Technologies: HTML5, CSS3, JavaScript, PHP
  • Web UI/UX Developer
    Rockstar Coders/Avity, Inc.
    2011 - 2015
    • Helped the company migrate from fixed websites to responsive/fluid layouts.
    • Introduced AngularJS.
    • Handled UI/UX oriented projects that needed strong, detailed execution.
    • Collaborated on back-end stuff, helping with front-end design concepts introduced in clean HTML and CSS.
    • Coordinated and ran internal projects with the principal members of the company.
    • Developed cross-browser compatibility without old browser detection and with specific resources for each one.
    Technologies: HTML5, CSS3, JavaScript, PHP, WordPress, Drupal
  • Web UI Developer
    Intacto
    2011 - 2011
    • Produced solid HTML interfaces.
    • Developed cross-browser compatibility without old browser detection and with specific resources for each one.
    • Standardized the front-end development process.
    • Created "good practices" documentation for the development area.
    • Aided the design team in creating specific components including a big set of customizable vector avatars for a marketing campaign app.
    Technologies: HTML5, CSS3, JavaScript, PHP
  • Web Developer
    E-volution (for Microsoft)
    2010 - 2011
    • Developed communication elements for marketing campaigns.
    • Designed marketing elements for marketing campaigns.
    • Helped integrate CSS in projects (before, they didn't work with it due compatibility issues with their platforms).
    • Developed cross-browser compatibility without old browser detection and with specific resources for each one.
    Technologies: HTML, CSS, JavaScript
  • Graphic Designer
    Diseño y Comunicación Editorial
    2009 - 2010
    • Designed yearly agendas for clients with advertising from their providers and suppliers.
    • Produced videos to communicate with suppliers and offer advertising spaces.
    • Built microsites in Flash for clients with sales information and a contact channel.
    • Compiled and sent books to print.
    • Designed company branding.
    Technologies: Photoshop, Illustrator, InDesign, Flash, Premiere, Vegas
Experience
  • Gulp MEAN (Development)
    https://github.com/DD-UX/gulp-mean/

    Boilerplate for MEAN stack with Gulp tasks to compile files from source into development and production environment.

    - Super fast, combining SASS and CSS from node modules and JavaScript into a single file.
    - Compresses every image (requires TinyPNG API key) and SVG.
    - Angular templateCache system.
    - Bootstrap 4 alpha (6) with new and improved Flex grid.
    - Gulp runs the Express app with LiveReload (only for development).
    - Form sent to the API with server-side validation and nodemailer integrated.
    - Build process gets the development environment and compresses it for easy uploading.
    - CSS minified and JS uglified.
    - Different from MBAS, this one is not server-side rendered before Angular rewrites the DOM.

  • MBAS - Middleman + Bootstrap 4 Alpha, Angular and SASS Project Starter (Development)
    https://github.com/DD-UX/MBAS/

    This project was intended to create a front-end boilerplate taking advantage of Middleman rapid prototyping schema and its core language (Ruby), enhancing it with Angular and SASS. It was closed when Bootstrap 4 was super alpha and their flexbox implementation was poor. MBAS is still super useful for SEO due to elements written from the compiled version, and Angular only rewrites the DOM afterwards for any missing content.

  • How to Build CSS-only Smart Layouts with Flexbox (Publication)
    https://www.toptal.com/front-end/how-to-build-css-only-smart-layouts-with-flexbox
    Although CSS was meant to deal with styling, creating extraordinary layouts on the web has always been a unique challenge and almost always required the developer to resort to JavaScript. However, Flexbox is here to change that. In this article, Toptal Freelance Software Engineer Diego Díaz walks us through the basics of Flexbox and some cool examples of how Flexbox can be used to build smart CSS-only layouts.
Skills
  • Languages
    Sass, JavaScript, CSS3, HTML5, LESS, TypeScript, Ruby, PHP
  • Frameworks
    Bootstrap 3+, AngularJS, Angular 2
  • Libraries/APIs
    Flexbox, jQuery, Backbone.js, D3.js, Node.js
  • Tools
    Adobe Illustrator, Adobe Photoshop, Google Analytics, Git
  • Paradigms
    BEM, Progressive Enhancement, Agile, Agile Software Development
  • Misc
    Media queries, Cross-browser Code, Internet Explorer 10, Web UX, Responsive UI, Angular Bootstrap, UI Router, Design, Namespaces, BEMIT, MEAN Stack
  • Platforms
    Windows, Mac OS
  • Storage
    MongoDB, MySQL
Education
  • Advanced technician's degree in Advertising
    Universidad Abierta Interamericana - Buenos Aires, Argentina
    2006 - 2008
  • Advanced technician's degree in Advertising and Creative Communication
    Escuela Superior de Creativos Publicitarios - Buenos Aires, Argentina
    2005 - 2006
  • Technical degree in Advertising Promotion, Communication, and Design
    Technical high school, Fernando Fader - Buenos Aires, Argentina
    1999 - 2004
Hire the top 3% of freelance developers
toptal.com
Call us: +1.888.604.3188
To view more profiles, join ToptalJoin Toptal
I really like this profile
Share it with others