Freelance UI Developer
2017 - 2018Beam 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, HighChartsFreelance UI Developer
2017 - 2017Contiamo (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, YarnFront-end Developer
2015 - 2017Farmeron- 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, AngularJSWeb Developer
2012 - 2015ICTmedia- 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
UI Developer in Josipovac, Croatia
Member since February 6, 2017
Silvestar Bistrović is a fearless web developer, CSS craftsman, JAMstack enthusiast, and WordPress theme specialist. Silvestar 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 is his specialty. When Silvestar doesn't code, he likes to write new articles on his blog.
Silvestar is now available for hire
Portfolio
- Beam Interactive (via Toptal)HTML, Sass, JavaScript, WordPress, Git, HighCharts
- Contiamo (via Toptal)Sass, HTML5, SVG, JavaScript, Webpack, Yarn
- FarmeronHTML, CSS, Sass, JavaScript, jQuery, AngularJS
Experience
- JavaScript, 7 years
- HTML5, 7 years
- Bootstrap, 7 years
- jQuery, 7 years
- CSS3, 7 years
- WordPress, 6 years
- Gulp.js, 6 years
- Sass, 5 years
Availability
Part-time
Preferred Environment
MacOS, VSCode, Chrome, Terminal, Webpack, Git
The most amazing...
...websites I've built using WordPress and Hexo static site generator got the perfect score from Google PageSpeed Insights, 100/100.
Employment
Experience
- Silvestar Bistrović (Development)https://www.silvestarbistrovic.from.hr/
A personal website with a blog. The site runs on Hexo, Netlify, Cloudinary, Cloudflare, and Bitbucket. Featured on JAMstack.
- Westwing (Development)https://www.westwing.com/
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.
- Han Han Xue (Development)https://hanhanxue.com/
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.contiamo.com/
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://moodings.com/
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.
- Netki (Development)https://netki.com/
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.
- Bozzuto (Development)https://www.bozzuto.com/
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.
- Trase Yearbook (Development)http://yearbook2018.trase.earth/
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.
- Irina and Matej (Development)https://irinaandmatej.com/
A website for Irina and Matej, wedding and portrait photographers based in Croatia. The site runs on WordPress, DigitalOcean, and Cloudflare.
- Empirical Wealth Management (Development)https://www.empirical.net/
Empirical Wealth Management is a comprehensive wealth management team of experts specializing in investments, tax planning and preparation, financial planning, and estate planning. The website runs on WordPress and WPEngine.
- Franciscan Children's (Development)https://franciscanchildrens.org/
A website for Franciscan Children’s, an integral part of Boston’s pediatric medical ecosystem that serves children and adolescents with complex medical, mental health and educational needs. The site runs on WordPress.
- Atika Interijeri (Development)https://atika-interijeri.hr/
A website for Atika Interijeri, a carpentry company, specialized in creating all kinds of custom furniture. The site runs on WordPress, DigitalOcean, and Cloudflare.
- Marcijuš Weddings (Development)https://marcijusweddings.com/
A website for Marcijuš Weddings, wedding photographers who love spontaneity, creative focus, and black and white photography. The site runs on WordPress, DigitalOcean, and Cloudflare.
- Born in June (Development)https://borninjune.net/
A website for Lara, who was born in June and is a passionate traveler, biologist, and wedding photographer. The site runs on WordPress, DigitalOcean, and Cloudflare.
- CSS Weekly Publications (Other amazing things)https://www.silvestarbistrovic.from.hr/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.silvestarbistrovic.from.hr/articles/css-tabs-part-ii-accessibility/
CSS sidebar toggle -https://www.silvestarbistrovic.from.hr/articles/css-sidebar-toggle/
Using CSS Grid where appropriate - https://www.silvestarbistrovic.from.hr/articles/using-css-grid-where-appropriate/ - Overview of Popular Static Site Generators (Publication)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)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
CSS, Less, Markdown, HTML5, CSS3, Sass, SCSS, Hugo, JavaScript, Liquid Template, YAML, ECMAScript (ES6), CSS4, PHPFrameworks
Bootstrap 2, Bootstrap 3, Bootstrap 4, YARN, Bootstrap, Responsive Frameworks, Dropzone.js, Prototype Framework, DiviLibraries/APIs
jQuery, Flexbox, Chart.js, Mustache, Liquid, Slick, Masonry, Typeform.io, jQuery UI, GSAP, WordPress API, WordPress REST APITools
Git flow, Gulp.js, Git, Bower, Jekyll, PageSpeed, Terminal, NPM, Trello, Advanced Custom Fields (ACF), ACF Pro, VS Code, Bitbucket, GitHub, CloudFlare, Google Analytics, PostCSS, Middleman, Grunt.js, GitHub Pages, WebPagetest, Sketch 3, Stylus, Stylelint, Adobe Photoshop, JSHint, Jira, Asana, Modular scale, InVision, Figma, Inkscape, Gimp, WPBakery, Divi Builder 3, SketchParadigms
JAMstack, BEM, Responsive Coding, Responsive Development, Responsive, Responsive Layout, Responsive Web Design (RWD), Web Design, On-page SEO, UI Design Standards & Best PracticesPlatforms
Mac OS, WordPress, Netlify, Windows, Shopify, Visual Studio Code, GreenSock Animation Platform (GSAP), WordPress Theme Design, DigitalOcean, LinuxStorage
JSON, PostgreSQL, MySQLOther
CSS Grid, CSS3 Animation, Styleguides, Critical-path CSS, WordPress Themes, Website Optimization, PSD to HTML, SVG, Front-end, User Interface (UI), Sketch to HTML, Sketch to WordPress, PSD Slicing, PSD to Bootstrap, Page Speed Optimization, PSD to WordPress, Icon Fonts, FontAwesome, HTML Templates, Problem Solving, Layout, Responsive UI, BEM Architecture, PSD to Shopify, Site Speed Optimization, Blogging, Blog Development, Favicons, Scss-lint, User Experience (UX), Landing Page Design, Responsive Design, WordPress Design, Landing Page Optimization, Landing Pages, HTML5 Animations, Animation, UI Animation, Logo Animation, SVG Animation, Google Fonts, Contact Form 7, UI Guidelines, APIs, Documentation, Website Maintenance, Debugging, Architecture, Fluid Design, Typography, ESLint, Ajax, Accessibility, A11Y
Education
- Master's degree in Communications and Information2005 - 2011Faculty of Electrical Engineering - Osijek, Croatia
