Scroll To View More
Hire the top 3% of freelance developers
Diego Díaz

Diego Díaz

Córdoba, 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
Portfolio
Experience
  • HTML5, 9 years
  • CSS3, 9 years
  • JavaScript, 8 years
  • Responsive UI, 6 years
  • Sass, 6 years
  • AngularJS, 4 years
  • Agile, 4 years
  • Flexbox, 3 years
Córdoba, 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
  • Front end consultancy
    2018 - PRESENT
    Seabury Solutions
    • Developing internal framework's components.
    • Provide support to the team.
    • Work closely with the managers.
    • Advice front-end best practices.
    • Enhance current development process.
    Technologies: HTML5, CSS3 (Sass, Bootstrap 3), JavaScript (Grunt, AngularJS, jQuery, Underscore, DevExtreme), Git
  • Senior UI/UX Developer
    2017 - 2018
    Sepia River (via Toptal)
    • Generated framework to run up front end application from a simple Gulp tasks command line interface.
    • Set up Sass architecture with Bootstrap 4 so the client can handle low-level settings before exporting the look and feel.
    • Provided a wide range of fluid layouts.
    • Developed multiple, reusable components.
    • Supported the client with new approaches to take over the project.
    Technologies: HTML5, CSS3 (Sass, Bootstrap 4), JavaScript (Gulp, Node.js, jQuery), Git
  • Software Developer
    2017 - 2017
    Inpoint (via Toptal)
    • 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
    2017 - 2017
    MIT Media Lab (via Toptal)
    • 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
    2015 - 2017
    Rainfactory, Inc.
    • 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
    2014 - 2015
    Monsoon Company/Kunai Consulting
    • 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
    2013 - 2015
    WARRG
    • 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
    2011 - 2015
    Rockstar Coders/Avity, Inc.
    • 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
    2011 - 2011
    Intacto
    • 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
    2010 - 2011
    E-volution (for Microsoft)
    • 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
    2009 - 2010
    Diseño y Comunicación Editorial
    • 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)
    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
    CSS3, JavaScript, Sass, HTML5, Less, Ruby, PHP, TypeScript
  • Frameworks
    AngularJS, Bootstrap 4, Bootstrap 3+, Angular
  • Libraries/APIs
    jQuery, Flexbox, Backbone.js, D3.js, Node.js
  • Tools
    Adobe Photoshop, Adobe Illustrator, Git, Google Analytics
  • Paradigms
    Agile Software Development, BEM, Agile, Progressive Enhancement, MEAN Stack
  • Platforms
    Internet Explorer, Mac OS, Windows
  • Storage
    Media Queries, MySQL, MongoDB
  • Other
    Responsive UI, Web UX, UI Router, BEMIT, Angular Bootstrap, Design, Namespaces
Education
  • Advanced technician's degree in Advertising
    2006 - 2008
    Universidad Abierta Interamericana - Buenos Aires, Argentina
  • Advanced technician's degree in Advertising and Creative Communication
    2005 - 2006
    Escuela Superior de Creativos Publicitarios - Buenos Aires, Argentina
  • Technical degree in Advertising Promotion, Communication, and Design
    1999 - 2004
    Technical high school, Fernando Fader - Buenos Aires, Argentina
Hire the top 3% of freelance developers
I really like this profile
Share it with others