- Front-end Consultant2018 - PRESENTSeabury Solutions
- Developed the internal framework's components.
- Provided support to the team.
- Worked closely with the managers.
- Advised on front-end best practices.
- Enhanced the current development process.
Technologies: HTML5, CSS3 (Sass, Bootstrap 3), JavaScript (Grunt, AngularJS, jQuery, Underscore, DevExtreme), Git - Senior UI/UX Developer2017 - 2018Sepia River (via Toptal)
- Generated a framework to run up the 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 Developer2017 - 2017Inpoint (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 Developer2017 - 2017MIT 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 Technology2015 - 2017Rainfactory, 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 Engineer2014 - 2015Monsoon 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 Officer2013 - 2015WARRG
- 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 Developer2011 - 2015Rockstar 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 Developer2011 - 2011Intacto
- 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 Developer2010 - 2011E-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 Designer2009 - 2010Diseñ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
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
- Seabury SolutionsHTML5, CSS3 (Sass, Bootstrap 3), JavaScript (Grunt, AngularJS, jQuery...
- Sepia River (via Toptal)HTML5, CSS3 (Sass, Bootstrap 4), JavaScript (Gulp, Node.js, jQuery), Git
- Inpoint (via Toptal)HTML5, CSS3 (Sass), JavaScript (Gulp, Node.js, Backbone, jQuery, Underscore)...
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
Availability
Part-time
Preferred Environment
MacOS, IntelliJ, Visual Studio, 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
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
- LanguagesCSS3, JavaScript, Sass, HTML5, Less, Ruby, PHP, TypeScript
- FrameworksAngularJS, Bootstrap 4, Bootstrap 3+, Angular
- Libraries/APIsjQuery, Flexbox, Backbone.js, D3.js, Node.js
- ToolsAdobe Photoshop, Adobe Illustrator, Git, Google Analytics
- ParadigmsAgile Software Development, BEM, Agile, Progressive Enhancement, MEAN Stack
- PlatformsInternet Explorer, Mac OS, Windows
- StorageMedia Queries, MySQL, MongoDB
- OtherResponsive UI, Web UX, UI Router, BEMIT, Angular Bootstrap, Design, Namespaces
Education
- Advanced technician's degree in Advertising2006 - 2008Universidad Abierta Interamericana - Buenos Aires, Argentina
- Advanced technician's degree in Advertising and Creative Communication2005 - 2006Escuela Superior de Creativos Publicitarios - Buenos Aires, Argentina
- Technical degree in Advertising Promotion, Communication, and Design1999 - 2004Technical high school, Fernando Fader - Buenos Aires, Argentina
