toptal.com
Contact us: +1.888.604.3188
Peter Stehlik, PSD to HTML Developer in Nitra, Nitra Region, Slovakia
Peter Stehlik

PSD to HTML Developer in Nitra, Nitra Region, Slovakia

Member since December 14, 2016
Peter strives for pixel-perfect front-end responsive websites. Using preprocessors and following best practices, he delivers maintainable and well-structured code. His WordPress and PHP skills give him the ability to also develop for the back-end. Thanks to his proactive attitude, effective communication, and flexibility, he can adapt to any team conditions in a short amount of time.
Peter is now available for hire
Hire Peter

Portfolio

Experience

  • CSS, 6 years
  • jQuery, 6 years
  • JavaScript, 6 years
  • PSD to HTML, 6 years
  • WordPress, 5 years
  • Laravel, 4 years
  • WooCommerce, 2 years
  • Vue.js, 1 year

Location

Nitra, Nitra Region, Slovakia

Availability

Part-time

Preferred Environment

Visual Studio Code

The most amazing...

...things I've coded are mathematical calculators for solving different economic equations used in financial investment.

Employment

  • Web Developer

    2016 - PRESENT
    INOVATIVE | Inovative.sk
    • Translated pixel-perfect PSDs into HTML code.
    • Converted HTML templates into WordPress.
    • Used the Google Maps API to create dynamically generated markers on a map.
    • Optimized a search engine for better placement in search results.
    • Wrote Laravel code in order to create administration pages.
    • Produced Twig templates.
    Technologies: WordPress, Twitter Bootstrap, Laravel, jQuery, Less CSS

  • Web Developer

    2018 - 2018
    The Lost Explorer (via Toptal)
    • Converted PSD files to HTML code in pixel perfect way.
    • Coded parallax effects, video backgrounds, and popups.
    • Made the website responsive.
    • Managed the code via a GitHub repository.
    • Followed best practices for on-site search engine optimization (SEO).
    • Launched the website on the live server.
    Technologies: HTML, LESS, CSS, JavaScript, ES6, Babel, Grunt, Git, GitHub, SEO

  • Front-end Developer

    2017 - 2017
    KoalaGuide LLC (via Toptal)
    • Converted Zeplin design into responsive HTML templates.
    • Integrated HTML templates into a WordPress/WooCommerce theme.
    • Implemented an Algolia search engine.
    • Used Handlebars.js to display search results.
    • Optimized the image size, CSS and JavaScript compression, and concatenation for better page speed.
    • Used Google Maps API and HTML5 Geolocation to display only relevant results based on user location.
    • Coded animations with jQuery and CSS3.
    • Manipulated browser history to enable traveling back and forth in the user´s history.
    Technologies: WordPress, WooCommerce, Handlebars.js, Algolia, Zeplin, Grunt, ES6, Babel, LESS CSS, Git, Bower, Bootstrap, jQuery, JavaScript, Google Maps API, HTML5 Geolocation

  • Web Developer

    2013 - 2016
    Freelance Work
    • Converted pixel-perfect PSDs to HTML code.
    • Translated HTML templates into WordPress.
    • Wrote the Laravel code for an administration system.
    • Imported and exported XML and data to communicate with external databases.
    • Wrote the code for newsletters.
    Technologies: WordPress, Bootstrap, Laravel, XML

  • Front-end Developer

    2012 - 2013
    Krea SK
    • Converted pixel-perfect PSDs to HTML code.
    • Translated HMTL templates into a CMS Expression Engine.
    • Coded responsive HTML templates from PSDs.
    • Wrote newsletters coding.
    • Wrote the programming for a custom jQuery functionality.
    Technologies: Bootstrap, Expression Engine, jQuery

Experience

  • Marketplace for Courses (Development)
    https://www.classcurious.com/

    I built a highly customized WordPress/WooCommerce website that incorporated third-party components like the Algolia search engine.

    My job was mainly focused on front-end development with WordPress/WooCommerce integrations.

  • CSS/JS Animation Tasks for Children at School (Development)
    http://www.delmat.info/a/6/

    My code tasks were mainly based on a drag-n-drop system to learn maths in an interesting way. The link shows an example of the task, it can be initiated by a blue button. Usually, in nearly every task, I had to code a random generator to make it unique on each load. There were also 3D animations which can be seen in the below link:
    • http://www.delmat.info/a/8a/

  • Luxury Hotels and Suites (Development)
    https://www.lungarnocollection.com/

    I joined the team to create Twig templates used in WordPress from HTML templates. Many tasks were JavaScript-oriented in order to code custom effects used on the website.

  • The Lost Explorer Microsite (Development)
    http://thelostexplorertravel.com/

    A fancy one-page static website with lots of different parallax animations, a video background, and a video popup.

    The goal was to convert PSD files into HTML with pixel perfection and launch the website on the live server. A Less-based preprocessor was used for writing clean CSS code. The effects were coded in plain JavaScript ES6 (with no jQuery present). A Grunt task runner performed repetitive jobs and all the source code was pushed into a GitHub repository. It was important to follow best practices for the onsite search engine optimization.

    The entire website is responsive and ready to use on tablets or mobile devices.

  • Help a City Where to Plant Trees (Development)
    https://www.zelenemestonitra.sk/

    A single-page application that's designed for Nitra inhabitants to mark the suitable places for seeding new trees. Each person can locate an exact spot on the map, choose the type of tree, and send a request. The app is based on Vue.js, the back-end on Laravel, and OpenLayers were used for maps visualization.

  • WooCommerce Goute Diet Shop (Development)
    http://www.goute.eu/

    Firstly, responsive HTML templates were prepared, followed by WordPress/WooCommerce integration. I also customized a system with XML export of data.

  • Microsite and eCommerce (Development)
    http://www.fleo.sk/

    I built a stylish responsive website using many creative CSS3 animations and SVG with an eCommerce based on Laravel (Fleobox.fleo.sk).

  • Real Estate Agency (Development)
    http://www.tkredit.sk/

    I coded responsive HTML templates with many modern features like animated SVG, Parallax, and a Facebook-like image gallery.

  • WooCommerce Pu-erh Tea Shop (Development)
    http://www.pu-erh.sk/

    I created a custom WordPress/WooCommerce theme for the Pu-erh Tea Shop. The project included coding responsive HTML templates, WordPress/WooCommerce development, PayPal integration, and page speed optimization.

Skills

  • Languages

    Less, CSS, HTML, HTML5, CSS3, JavaScript, ECMAScript (ES6), Sass, XML, PHP

  • Frameworks

    Ember.js, Bootstrap, Bootstrap 4, Laravel, Twig

  • Tools

    Notepad++, Babel, Zeplin, Bower, Subversion (SVN), Git, Adobe Photoshop, Grunt, Bitbucket, WP-CLI, InVision

  • Paradigms

    Responsive Web Design (RWD), On-page SEO, SMACSS

  • Other

    PSD to HTML, Responsive Design, Responsive UI, PSD to WordPress, Pixel Perfect, HTML to WordPress, PSD Slicing, Web Developer, React.js, Software Developer, Project Planning, WordPress Themes, WordPress Plugins, Responsive Email Templates, Newsletter Templates, Email Templates, CSS3 Animation, User Interface (UI), Interactive UI, Web UI, UI Animation, Animation, 2D Animation, Geolocation, Ajax, SVG Animation, SVG, Web Development, Web Animation, Full-stack

  • Libraries/APIs

    jQuery UI, jQuery, Google Maps API, Handlebars, History API, jQuery DataTables, Charts.js, Vue.js, OpenLayers, Anime.js

  • Platforms

    WooCommerce, WordPress, Algolia, Expression Engine

  • Storage

    JSON, MySQL

To view more profiles

Join Toptal
I really like this profile
Share it with others
Hire the top 3% of freelance developers TM