toptal.com
Contact us: +1.888.604.3188
Silvestar Bistrović, UI Developer in Josipovac, Croatia
Silvestar Bistrović

UI Developer in Josipovac, Croatia

Member since February 6, 2017
Silvestar is a fearless web engineer, CSS developer, JAMstack enthusiast, and WordPress theme specialist. He enjoys creating pixel-perfect, responsive, and modern websites. His focus is on delivering the best experience for users on every device, making faster, lighter, and more secure sites using WordPress or static page generators. When Silvestar isn't coding, he likes to write new articles on his blog.
Silvestar is now available for hire
Hire Silvestar

Portfolio

Experience

Location

Josipovac, Croatia

Availability

Part-time

Preferred Environment

MacOS, VS Code, Chrome, Terminal, Webpack, Git

The most amazing...

...websites I've built using WordPress and static site generators got the perfect score from Google PageSpeed Insights, 100/100.

Employment

  • Freelance UI Developer

    2017 - 2018
    Beam Interactive (via Toptal)
    • Built a complete library of reusable components for a property management website using HTML, Sass, JavaScript, and Gulp.
    • Built new pixel-perfect static pages from PSD files using components from the style guide.
    • Created custom pie charts for a demographic and gender reports using Highcharts.js.
    • Updated styles of an existing WordPress website based on a client's suggestions.
    Technologies: HTML, Sass, JavaScript, WordPress, Git, HighCharts

  • Freelance UI Developer

    2017 - 2017
    Contiamo (via Toptal)
    • Created a style guide for every component used in a static website using KSS.
    • Built elements for the style guide using HTML5 and Sass.
    • Implemented responsiveness using Sass-mq and CSS-locks.
    • Helped configure Webpack for development and production environment.
    • Implemented and optimized SVG assets to display pixel-perfect graphics.
    Technologies: Sass, HTML5, SVG, JavaScript, Webpack, Yarn

  • Front-end Developer

    2015 - 2017
    Farmeron
    • Built a style guide for an enterprise dairy industry system.
    • Developed an application for generating dynamic reports of dairy processes using AngularJS.
    • Created a single-page dairy industry application using the UI library.
    • Worked on building an interface for the dairy industry modules.
    • Organized front-end workshops for a cross-functional team of more than twenty developers.
    Technologies: HTML, CSS, Sass, JavaScript, jQuery, AngularJS

  • Web Developer

    2012 - 2015
    ICTmedia
    • Worked on an interface for a business intelligence application.
    • Delivered complete CRM solution for a local business incubator, including handling every tenant, generating monthly-based reports, and generating invoices.
    • Delivered a complete CRM solution for a property agency, including handling every real estate, generating custom brochure and publishing a real estate on a live site.
    • Delivered an application for handling property-based call centers.
    • Worked on development of a custom CMS solution for multi-language websites.
    Technologies: PHP, MySQL, PostgreSQL, CSS, HTML, jQuery

Experience

  • Credit Card Insider (Development)
    https://www.silvestar.codes/portfolio/creditcardinsider/

    Credit Card Insider is a New York-based consumer education company whose mission is to empower people to use credit cards to their advantage and with confidence. The website runs on WordPress and WPEngine.

  • Calvert (Development)
    https://www.silvestar.codes/portfolio/calvert/

    Calvert is a global leader in responsible investing for analyzing company performance on everything from finances to environmental policy to diversity. The website runs on a custom CMS solution.

  • Domino Data Lab (Development)
    https://www.silvestar.codes/portfolio/dominodatalab/

    Domino is a data science platform that enables data science teams to rapidly develop and deploy models that drive breakthrough innovation and competitive advantage. The website runs on Jekyll.

  • Domino Data Lab Rev (Development)
    https://www.silvestar.codes/portfolio/dominodatalab-rev/

    Rev is a summit hosted by Domino Data Lab company that gathers data science leaders in one place. The website runs on Jekyll.

  • Domino Data Lab Pop-up (Development)
    https://www.silvestar.codes/portfolio/dominodatalab-pop-up/

    Pop-up is a series of events that bring together the data science leaders of today and tomorrow who are passionate about asking the right questions, identifying problems worth solving, and connecting the dots between quantitative research and business value. The website runs on WordPress.

  • Machine Learning Libraries (Development)
    https://www.silvestar.codes/portfolio/machine-learning-libraries/

    Machine Learning Libraries is a website that outlines the most popular machine learning libraries for R and Python. The website runs on Hugo.

  • Westwing (Development)
    https://www.silvestar.codes/portfolio/westwing/

    Westwing is “curated shoppable magazine” inspiring customers every day with the newest trends, themes, stories, brands and products from the world of home and living. The website runs on Hexo, Netlify CMS, Netlify, and GitHub.

  • Bozzuto (Development)
    https://www.silvestar.codes/portfolio/bozzuto/

    The Bozzuto Group is a building company that specializes in residential buildings. They build apartments, houses, and student residences for universities, such as the University of Baltimore. The website runs on WordPress.

  • TheGrio (Development)
    https://www.silvestar.codes/portfolio/thegrio/

    TheGrio is the first video-centric news community site devoted to providing African Americans with stories and perspectives that appeal to them but are underrepresented in existing national news outlets. The site runs on WordPress.

  • Han Han Xue (Development)
    https://www.silvestar.codes/portfolio/hanhanxue/

    A website with a blog for Han Han Xue, a designer and FX technical director from Montreal, Canada. The site runs on Middleman, Netlify, and Bitbucket. Featured on JAMstack.

  • Contiamo (Development)
    https://www.silvestar.codes/portfolio/contiamo/

    A website for Contiamo, a company that uses machine learning and AI to drive better decision making and process optimization. The site runs on Middleman, Webpack, Netlify, and GitHub.

  • Moodings (Development)
    https://www.silvestar.codes/portfolio/moodings/

    Moodings is an eCommerce website from Copenhagen, Denmark. By curating upcoming and established design and art, they help designers and artists compete on the market. The website runs on Shopify.

  • Trase Yearbook (Development)
    https://www.silvestar.codes/portfolio/yearbook-trase/

    The Trase Yearbook presents the latest insights on the sustainability of global agricultural commodity supply chains associated with tropical deforestation. The site runs on WordPress and Pantheon.

  • Netki (Development)
    https://www.silvestar.codes/portfolio/netki/

    Netki is a provider of tools to foster the adoption of blockchain technology from Los Angeles, United States. The website runs on WordPress and WPEngine.

  • Irina and Matej (Development)
    https://www.silvestar.codes/portfolio/irinaandmatej/

    A website for Irina and Matej, wedding and portrait photographers based in Croatia. The site runs on WordPress, DigitalOcean, and Cloudflare.

  • CSS Weekly Publications (Other amazing things)
    https://www.silvestar.codes/articles/using-css-grid-where-appropriate/

    My articles about CSS tabs, CSS sidebar toggle, and using CSS Grid have been featured on CSS Weekly's newsletter, Issues #237, #258, and #277.

    CSS tabs, part II: Accessibility -
    https://www.silvestar.codes/articles/css-tabs-part-ii-accessibility/

    CSS sidebar toggle - https://www.silvestar.codes/articles/css-sidebar-toggle/

    Using CSS Grid where appropriate - https://www.silvestar.codes/articles/using-css-grid-where-appropriate/

  • What CSS Developers Do and Why You Need One (Publication)
    https://www.toptal.com/css/why-you-need-a-css-developer
    Most websites today rely on CSS to deliver more style and polish, but the sheer popularity of CSS is causing many people to take it for granted and overlook its importance. In this article, Toptal UI Developer Silvestar Bistrović explains this disconnect and outlines why you need a true CSS specialist rather than a jack of all trades.
  • Overview of Popular Static Site Generators (Publication)
    https://www.toptal.com/front-end/static-site-generators-comparison-2018
    Static websites offer a host of advantages over dynamic pages in many scenarios, but they can be impractical and tedious to maintain. In this, Toptal Front-end Developer Silvestar Bistrovic demonstrates how the four most popular static page generators can help.
  • A Guide to Static Site Generators Using Hexo and WordPress (Publication)
    https://www.toptal.com/front-end/wordpress-to-html-with-hexo-blog
    In this article, Toptal Freelance Software Engineer Silvestar Bistrovic explains the process of migrating a WordPress blog to a static site generator using Hexo, outlining the pros and cons of the approach.

Skills

  • Languages

    Hugo, JavaScript, Liquid Template, CSS, YAML, ECMAScript (ES6), Less, Markdown, HTML5, CSS3, Sass, SCSS, HTML, CSS4, PHP

  • Frameworks

    Bootstrap 2, Bootstrap 3, Bootstrap 4, YARN, Bootstrap, Responsive Frameworks, Dropzone.js, Prototype Framework, Divi

  • Libraries/APIs

    jQuery, Liquid, Flexbox, Masonry, Typeform.io, jQuery UI, Chart.js, Mustache, Slick, GSAP, WordPress API, WordPress REST API

  • Tools

    Git Flow, Gulp.js, Git, Bower, Jekyll, PageSpeed, Sketch 3, Stylelint, Terminal, JSHint, NPM, Sketch, Asana, Trello, Advanced Custom Fields (ACF), ACF Pro, VS Code, Bitbucket, GitHub, Modular Scale, CloudFlare, Google Analytics, PostCSS, Middleman, Grunt.js, GitHub Pages, InVision, Figma, WebPagetest, Stylus, Inkscape, Adobe Photoshop, Gimp, Jira, WPBakery, Divi Builder 3

  • Paradigms

    JAMstack, BEM, Responsive Coding, Responsive Development, Responsive, Responsive Layout, Responsive Web Design (RWD), UI Design Standards & Best Practices, On-page SEO

  • Platforms

    Netlify, MacOS, Visual Studio Code, WordPress, Windows, Shopify, GreenSock Animation Platform (GSAP), WordPress Theme Design, DigitalOcean, Linux

  • Storage

    JSON, MySQL, PostgreSQL

  • Other

    CSS Grid, Site Speed Optimization, CSS3 Animation, Blogging, Blog Development, Style Guides, Critical-path CSS, WordPress Themes, Favicons, Website Optimization, PSD to HTML, User Experience (UX), SVG, Front-end, User Interface (UI), Landing Pages, Sketch to HTML, Sketch to WordPress, PSD Slicing, PSD to Bootstrap, Page Speed Optimization, PSD to WordPress, HTML5 Animations, UI Animation, Logo Animation, SVG Animation, Icon Fonts, FontAwesome, HTML Templates, APIs, Problem Solving, Layout, Responsive UI, BEM Architecture, ESLint, Ajax, PSD to Shopify, Scss-lint, Landing Page Design, Responsive Design, WordPress Design, Landing Page Optimization, Animation, Google Fonts, Contact Form 7, UI Guidelines, Accessibility, A11Y, Documentation, Website Maintenance, Debugging, Architecture, Fluid Design, Typography

  • Industry Expertise

    Web Design

Education

  • Master's degree in Communications and Information
    2005 - 2011
    Faculty of Electrical Engineering - Osijek, Croatia

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM