Publication
Introduction to BEM Methodology
https://www.toptal.com/developers/css/introduction-to-bem-methodology
Tomislav is currently unavailable
Tomislav Matijević
Verified Expert in Engineering
Software Developer
Osijek, Croatia
Toptal member since February 11, 2015
Bio
Tomislav is a software engineer who's very experienced in front-end technologies, particularly in vanilla JavaScript and React.js. He is currently a proud member of Toptal Core Development Team working on complex and amazing things. Alongside coding, he has a great amount of experience working as a UI/UX consultant for several enterprise companies.
Portfolio
Toptal
React, Apollo, Redux, GraphQL, Jest, Cypress, Docker, GitHub API, Git
Toptal
Enzyme, Jest, JavaScript, CSS, HTML, Redux, GraphQL, Apollo, React, Front-end...
Fort Hill Company (via Toptal)
Ruby on Rails (RoR), Ruby, Bower, Gulp, Sass, Ajax, JSON, jQuery, JavaScript...
Experience
- CSS - 13 years
- Responsive Web Design (RWD) - 9 years
- GitHub - 8 years
- React - 7 years
- JavaScript - 7 years
- TypeScript 3 - 6 years
- Jest - 6 years
- HTML5 - 5 years
Preferred Environment
Visual Studio Code (VS Code), OS X
The most amazing...
...thing I've coded is a useful jQuery responsive tables plugin that was presented as a great solution on several awesome sites.
Work Experience
Principal Front-end Engineer
2023 - PRESENT
Toptal
- Advocated high-level code quality in team and squad environments.
- Participated actively in research on relevant topics, experimented with technologies, and shared recommendations based on findings.
- Contributed to the effective adoption of architectural decisions during product development within the team/squad.
- Identified challenges and areas for improvement proactively, providing an architect's perspective.
- Engaged in discussions, evangelizing, and promoting upcoming technical migrations and initiatives with all stakeholders to foster collaboration and inclusiveness.
Technologies: React, Apollo, Redux, GraphQL, Jest, Cypress, Docker, GitHub API, Git
Front-end Core Developer
2017 - 2023
Toptal
- Designed, built, and maintained efficient, reusable, and reliable front-end code.
- Initiated and led many complex and very interesting initiatives.
- Onboarded and mentored new team members. Paired with them and provided guidance.
Technologies: Enzyme, Jest, JavaScript, CSS, HTML, Redux, GraphQL, Apollo, React, Front-end, User Interface (UI), GitHub, CSS3, Sass, HTML5, Git, TypeScript
Front-end Developer
2015 - 2017
Fort Hill Company (via Toptal)
- Created a responsive form wizard with client-side validation, responsive tables, and Ajax calls.
- Created a few jQuery plugins based on a jQuery autocomplete plugin which dynamically fills all the fields inside a certain wrapper based on the user selection.
- Improved elements in the application (UI/UX).
- Used Bootstrap as the main framework and fixed old HTML markup that wasn't following Bootstrap guidelines.
- Served as UI/UX advisor.
- Implemented and customized JavaScript events for HighCharts library.
Technologies: Ruby on Rails (RoR), Ruby, Bower, Gulp, Sass, Ajax, JSON, jQuery, JavaScript, CSS, HTML, Front-end, User Interface (UI), GitHub, CSS3, HTML5, Git
Lead Front-end Developer
2014 - 2017
Farmeron
- Implemented Sass and OOCSS using Gulp and Bower.
- Developed jQuery/JavaScript implementations.
- Tested and fixed issues related to responsive web design (CSS, HTML, and JavaScript).
- Implemented UI/UX improvements.
- Expanded/improved Gulp configuration.
- Created jQuery plugins for certain functionalities across the site.
- Contributed to design/promotional materials and improved them.
- Created a coding standard for CSS/JavaScript.
- Utilized AngularJS daily and gained experience implementing complex AngularJS projects.
- Worked on a new Farmeron main website using BEM, SASS, GULP, and responsive web design.
- Improved Farmeron's brand by creating T-shirts, notebooks, pens, and other marketing articles.
- Designed and implemented a completely new, modern Farmeron site using BEM, Gulp, Sketch, Photohsop, Illustrator, Git, HTML, HTML5, CSS, CSS3, JavaScript, and jQuery.
- Wrote JavaScript tests using Jasmine.
- Improved the front-end architecture by implementing modular front-end development. Increased efficiency and reduced page size loading up to 85%.
- Participated and collaborated on all new project specifications. Helped decide on new project infrastructure, time span, and technologies.
Technologies: Adobe Photoshop, Bower, Gulp, Git, Sass, AngularJS, .NET, PHP, JavaScript, WordPress, jQuery, CSS, HTML, Front-end, User Interface (UI), GitHub, CSS3, HTML5, Angular, TypeScript
Front-end Developer
2016 - 2016
Pavlovspig (via Toptal)
- Implemented the design using HTML, CSS, and JavaScript.
- Integrating the existing dashboard theme and customized it.
- Bulit JavaScript architecture to communicate over a custom API.
- Handled responsive web development.
- Created many JavaScript functionalities like custom page go-to scroller with clickable elements, parallax product element, and custom interactive modals.
- Created logic with add, remove, and update features integrated with custom API.
- Implemented HighCharts and manipulated a huge load of data.
- Created a front-end based session controller in combination with custom API which is storing/loading data for each registered user.
Technologies: CSS3, CSS, jQuery, JavaScript, HTML5, HTML, PHP, Front-end, User Interface (UI), GitHub, Git
Front-end Developer
2016 - 2016
Copyop (via Toptal)
- Worked intensively on HighCharts API.
- Developed an animated simulation of stock market trading using JavaScript/jQuery.
- Created HighCharts and CSS logic based on the win/lose ratio.
- Created client-side validation using Parsley.js. The user can easily alter the basic configuration of all calculations (win/lose percentages, X/Y axis points, number of points, color of charts, etc.).
Technologies: Highcharts, CSS3, CSS, HTML5, HTML, PHP, jQuery, JavaScript, Front-end, User Interface (UI), GitHub, Git
Front-end Developer/Designer
2016 - 2016
Innovative Operations (via Toptal)
- Created a visual solution for both the dashboard and the regular website.
- Created HTML architecture using BEM methodology.
- Handled responsive web development.
- Used Git daily.
- Templated using Ruby on Rails.
- Served as UI/UX advisor.
- Implemented responsive images solution for best performance on all devices.
- Created custom font icons for a new dashboard using Sketch.
- Designed a completely new web page.
- Implemented the design using HTML, CSS, and JavaScript.
Technologies: BEM, Ruby on Rails (RoR), Sketch, Node.js, Sass, JavaScript, CSS, HTML, Front-end, User Interface (UI), CSS3, HTML5, Git
Front-end Developer
2015 - 2016
Pareto Solutions (via Toptal)
- Sliced and prepared Photoshop files for implementation.
- Built HTML architecture using BEM methodology.
- Wrote CSS from the sliced design.
- Implemented custom forms using Stripe.
- Implemented custom JavaScript step by step validation.
- Implemented a JavaScript library for displaying a modal before a user leaves the website.
- Used Git daily.
Technologies: jQuery, JavaScript, CSS, HTML, Front-end, User Interface (UI), GitHub, CSS3, HTML5, Git
Front-end/Back-end Developer
2015 - 2015
Lemeno (via Toptal)
- Converted the whole website from only desktop to be completely responsive.
- Worked to make the whole site responsive using RTL and LTR directions.
- Improved many components (UI/UX).
- Created design propositions for various elements and implemented them.
- Improved site speed and SEO.
Technologies: Bower, Gulp, Adobe Photoshop, jQuery, JavaScript, CSS, HTML, PHP, CodeIgniter, Front-end, User Interface (UI), GitHub, CSS3, HTML5, Git
Front-end/WordPress Developer
2015 - 2015
Moshe Saraf (via Toptal)
- Improved the current WordPress theme to be more dynamic.
- Created several new interactive pages to promote their product.
- Implemented and improved an interactive zoom JavaScript plugin.
- Configured the CDN and improved website performance.
Technologies: Bitbucket, Git, Adobe Photoshop, jQuery, JavaScript, Sass, CSS, HTML5, HTML, PHP, WordPress, Front-end, User Interface (UI), GitHub, CSS3
Front-end/Drupal Developer
2015 - 2015
WineGreeting (via Toptal)
- Created new Drupal themes.
- Worked with the designer and proposed some design (UI/UX) improvements.
- Created HTML, CSS, and JavaScript out of Photoshop files.
- Created administration classes and fields and presented to the client.
Technologies: jQuery, JavaScript, Bower, Gulp, Sass, CSS, HTML, PHP, Drupal, Front-end, User Interface (UI), GitHub, CSS3, HTML5, Git
Front-end Developer, UI/UX
2015 - 2015
Matdagboken i Sverige AB (via Toptal)
- Created a visual solution for fragments of the site which was needed to go responsive using Adobe Photoshop.
- Created a new HTML structure for tablet-/mobile-based devices while keeping existing desktop HTML structure.
- Created CSS for a responsive solution.
Technologies: Adobe Photoshop, JavaScript, CSS, HTML5, HTML, Front-end, User Interface (UI), GitHub, CSS3, Git
Front-end Developer and UI/UX Advisor
2015 - 2015
FragranceX.com/Perfume.com (via Toptal)
- Served as a UI/UX advisor.
- Implemented a responsive image gallery solution.
- Implemented a responsive product management solution.
- Designed new visual improvements for products, category listing, etc.
- Implemented new interactive responsive navigation.
Technologies: Git, Compass, Adobe Photoshop, Sass, CSS, JavaScript, HTML, Front-end, User Interface (UI), CSS3, HTML5
eZ Publish/Front-end Developer
2012 - 2014
Netgen
- Handled eZ Publish template programming.
- Responsible for front-end development (HTML, CSS, JavaScript, jQuery).
- Implemented visual design solutions (Adobe Photoshop, Illustrator).
- Worked with Less and Bootstrap.
- Used Git and SVN on a daily basis.
- Handled responsive web development.
- Designed partial/entire pages using Adobe Photoshop.
- Sliced and implemented web mail for a major Croatian telecommunication provider.
- Created jQuery based plugin for responsive tables which was later included in top ten solutions on decent websites.
Technologies: Less, eZ Publish, PHP, JavaScript, Subversion (SVN), WordPress, jQuery, CSS, HTML, Front-end, User Interface (UI), CSS3, HTML5
Web Solution Developer
2011 - 2012
NTH Media
- Worked on front-end development.
- Worked on back-end development with PHP and the eZ Publish custom template system.
- Handled WordPress development.
- Worked daily on UX.
- Used CVS (Eclipse) and Git (Smart Git) on a daily basis.
Technologies: eZ Publish, PHP, JavaScript, Subversion (SVN), WordPress, jQuery, CSS, HTML, Front-end, User Interface (UI), CSS3, HTML5
Experience
Farmeron Web Site
Farmeron is the world's 1st cloud-based dairy farm business management software platform. It was built by farmers, for farmers. I designed and implemented all the pages on this website. Farmeron was the 1st big IT startup in Croatia.
Soccer 4 Success
Visual Design:
- Complete custom design using Adobe Photoshop/Adobe Illustrator.
- Custom logo designed to be printable on T-shirts, bags, and all other accessories.
- A4, A5 printable flyers.
Front-end Development:
- Used JavaScript/jQuery, HTML, CSS3, SASS, and BEM architecture to implement responsive web development.
Back-end Development:
- PHP
CMS:
- Custom WordPress theme created from scratch.
- Complete custom design using Adobe Photoshop/Adobe Illustrator.
- Custom logo designed to be printable on T-shirts, bags, and all other accessories.
- A4, A5 printable flyers.
Front-end Development:
- Used JavaScript/jQuery, HTML, CSS3, SASS, and BEM architecture to implement responsive web development.
Back-end Development:
- PHP
CMS:
- Custom WordPress theme created from scratch.
Deutscher Tennis Bund
http://www.dtb-tennis.de/Used HTML, CSS, and JavaScript to implement templating and responsive web design.
Ducticians
An air duct cleaning company's website.
Nasbnation
NASB was created to focus strictly on providing senior-based insurance solutions.
Togo Diplomatie
http://www.togodiplomatie.info/Used HTML, CSS, JavaScript, and templating to implement responsive web design. The site is built for the Republic of Togo.
FragranceX
FragranceX is one of the leading perfumes websites in the world. The job was to improve UI/UX on sections provided by the client.
King Saud
King Saud foundation is a website where you can find all information about Saudi Arabian history. My job was to convert the whole website to be fully responsive.
Pixie
Pixie Points are the smartest, friendliest, most useful tags in the world, and the only ones that provide precise location. My job was to create two new fully responsive pages including interactive demo where you can search for the lost items over browser.
Iskon Webmail
https://webmail.iskon.hr/This project involved HTML, CSS, JavaScript, and templating. I redesigned Iskon webmail using Roundcube.
780 Coaching
I created a custom design, custom WordPress theme, and responsive web design using BEM architecture, SASS, and JavaScript.
IRB OZIP Microsite
I used HTML, CSS, JavaScript, and templating to create this responsive web design.
eZ Summer Camp 2014
This project involved HTML, CSS, JavaScript, templating, and responsive web design.
Salsa Adria
I worked with HTML, CSS, JavaScript, templating, and responsive web design.
Watan TV
Al Watan is an Arabic/English TV station in Kuwait. I used HTML, CSS, templating, JavaScript, and responsive web design principles in its implementation.
Perfume
Perfume is one of the leading perfume websites in the world. My job was to improve the UI/UX on sections provided by the client.
Winegreeting
Winegreeting is a company that creates customized wine labels. My job was to implement a new design provided by them and create a completely new Drupal theme based on it.
jQuery News Affix Scroller
News affix chapter scroller made for large acrticles with chapters.
jQuery Responsive Tables Plugin
https://github.com/tmatijev/jquery.ngResponsiveTablesThis jQuery plugin converts regular table view into user friendly table for mobile devices without DOM manipulation.
jQuery BEM
https://github.com/tmatijev/jquery.jsBemThis jQuery plugin allows you to use BEM properly with JavaScript class addition.
Education
2008 - 2010
Master's Degree in Computer Processing
University of Josip Juraj Strossmayer - Osijek, Croatia
2003 - 2008
Bachelor's Degree in Computer Processing
University of Josip Juraj Strossmayer - Osijek, Croatia
Skills
Libraries/APIs
React, Lodash, jQuery, Node.js, Redux Form, React Redux Form, Ramda, Highcharts, GitHub API
Tools
Sketch, Sketch 3, Adobe Photoshop, GitHub, Git, React Apollo, Bitbucket, Redux Thunk, Bower, Gulp, Subversion (SVN), Webpack 2, Webpack 3, Webpack, Babel, Flow, Adobe Illustrator
Languages
TypeScript 2, TypeScript, JavaScript, HTML5, CSS3, Sass, HTML, SCSS, CSS, TypeScript 3, GraphQL, Less, CoffeeScript, Ruby, PHP
Frameworks
Jest, Redux, Bootstrap 3, Bootstrap, Remix, Angular, AngularJS, Tailwind CSS, .NET, Compass, CodeIgniter, Relay, Ruby on Rails (RoR), Next.js, Cypress
Paradigms
Responsive Web Design (RWD), Functional Programming, Object-oriented Programming (OOP), BEM
Platforms
MacOS, Windows, WordPress, OS X, Visual Studio Code (VS Code), Drupal, Docker
Industry Expertise
Web Design
Storage
JSON, Compose.io, MySQL
Other
User Interface (UI), Front-end, Design, Apollo, Enzyme, Ajax, Relay Diagrams, Ruby Gems, eZ Publish
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring