Vedran Aberle Tokić

Vedran Aberle Tokić

Zagreb, Croatia
Hire Vedran
Scroll To View More
Vedran Aberle Tokić

Vedran Aberle Tokić

Zagreb, Croatia
Member since June 9, 2015
Vedran is a JavaScript based front-end developer with a broad experience in many areas that always end up going back to what he loves doing most: problem solving user interfaces. He's addicted to hearing the reaction, "It can do that!?"
Vedran is now available for hire
Portfolio
Experience
  • JavaScript, 16 years
  • User Interface (UI), 10 years
  • PHP, 10 years
  • MySQL, 9 years
  • jQuery, 7 years
  • CSS3, 5 years
  • HTML5, 4 years
  • D3.js, 1 year
Zagreb, Croatia
Availability
Part-time
Preferred Environment
Windows, LAMP/WAMP, BitBucket, Sublime, Stylus
The most amazing...
...script I've produced is an embeddable JS ad that uses DOM analysis and pathfinding to navigate graphic elements over the page without obscuring the content.
Employment
  • Front-End Web Developer
    Omega Media d.o.o.
    2014 - PRESENT
    • Created an online 3D presentation platform using Three.js.
    • Designed and developed a back-end-less (WYSIWYG) CMS using jQuery and custom two-way binding.
    • Created a responsive company website with 3D elements and graceful degradation using Three.js.
    • Translated clients' visual identity guidelines to reusable CSS3 templates using Stylus.
    • Implemented company-wide Kanban and defined development workflows using JIRA.
    Technologies: JavaScript, jQuery, HTML5, CSS3, Stylus, PHP, MySQL, WebGL
  • Project Manager | Web Developer
    Inventa d.d.
    2013 - 2014
    • Developed an application for banner testing and client approval using PHP, MySQL, jQuery, and Dropzone.js.
    • Created an embeddable JavaScript ad that uses DOM analysis and pathfinding to navigate graphical elements without obscuring the page contents using jQuery.
    • Created an embeddable JavaScript ad that modifies target page DOM and stylesheets to rebrand the page and inserted content (including parallax backgrounds, canvas animations, and more) using jQuery.
    • Created an ad testing service that takes a live site URL, retrieves its code, and modifies it to be usable on another domain, and finally replaces existing ad delivery functionality in the source with custom ad delivery using PHP and jQuery.
    • Developed a responsive parallax site for a startup conference including booking services using PHP, MySQL, and jQuery.
    • Coordinated multiple projects between international clients and third-party developers using MS Project and Basecamp.
    Technologies: JavaScript, jQuery, HTML5, CSS3, PHP, MySQL
  • IBU Technical Manager
    Nova TV d.d. (CME Corp.)
    2011 - 2013
    • Produced several large-scale news/content portals using a custom CMS with LAMP.
    • Produced a pay-per-view video streaming platform using LAMP and Adobe Media Server.
    • Implemented and developed multiple revenue generating channels (ad serving systems, content branding services, video branding services, and more).
    • Designed and developed a JavaScript only house-ad serving solution to reduce delivery costs using jQuery.
    • Developed multiple image and video gallery applications using Flash and HTML5.
    • Produced multiple iOS, Android, and other (e.g., Symbian, smart-TV) applications for content sites.
    • Produced an upgrade and redesign of the biggest national blogging platform.
    Technologies: PHP, MySQL, JavaScript, jQuery, HTML5, CSS3, ActionScript, Flash
  • Web Developer
    Nova TV d.d. (CME Corp.)
    2008 - 2011
    • Developed the front-end for a major national sports portal including video stream implementation, score tracking from various services, advertising implementation, and more.
    • Built a website for children accompanying a child-oriented TV channel with multiple Flash-based games, video streaming, and promotional content.
    • Developed a Flash image gallery with features such as voting, skinning, and content-aware resizing.
    • Produced a content-serving platform for all sites using a custom CMS. The service was used for providing site content in various formats (SOAP, JSON, XML) as well as modular custom templates.
    • Developed the front-end and implemented various features and designs for one of the major national news portals.
    • Built a from-scratch 3D rendering environment (and website) in ActionScript 2.0 (featuring bitmap or animated (MovieClip) textured polygons and limited shading).
    Technologies: JavaScript, HTML, CSS, jQuery, PHP, MySQL
  • Founder, CEO
    White Smoke, Ltd.
    1999 - 2008
    • Developed a web-based application for office-to-studio control of TV gameshow graphical overlays using PHP, MySQL, and ActionScript.
    • Built a skinnable, remote-controlled, live TV gameshow overlay using Flash with an output to a Blackmagic graphics card for broadcasting.
    • Created a WYSIWYG, skinnable, SEO-aware CMS for rich Flash websites.
    • Developed a two-way binding framework between HTML DOM and Flash using JavaScript and ActionScript.
    • Produced websites and web-based applications for numerous clients and contractors in a wide range of technologies.
    Technologies: ActionScript, Flash, JavaScript, HTML, CSS, PHP, MySQL
  • Web Developer | Designer
    Autronic Computers, Ltd.
    2007 - 2007
    • Designed and developed a computer configuration app in Flash enabling customers to customize and purchase personal computers from available stock.
    • Built an interface between stock, billing, and website enabling visitors to see availability of products.
    • Created a service that would parse and auto-populate website, stock, and billing applications from custom formatted Excel files.
    • Designed and developed a company site redesign.
    • Designed and prepared promotional graphics for offset printing.
    Technologies: HTML, CSS, Flash, JavaScript, ActionScript, Visual Basic, PHP, MS SQL, MySQL, Photoshop, Illustrator, Corel Draw
  • Lecturer
    Infokatedra, Ltd.
    2005 - 2005
    • Produced courses and learning manuals for Macromedia Flash and ActionScript.
    • Wrote courses and learning manuals for web design and Macromedia Fireworks.
    • Produced courses and learning manuals for HTML, CSS,and Macromedia Dreamweaver.
    • Produced courses and learning manuals for JavaScript.
    • Taught courses in Adobe Photoshop, Adobe Illustrator, Corel Draw, Microsoft Office, and computer basics.
    Technologies: HTML, CSS, JavaScript, Flash, ActionScript
Experience
  • News Portal (Development)
    http://dnevnik.hr

    Developed and maintained a major national news portal—working on a plethora of features such as live streams, rich media, advertising, weather, image galleries, interactive features, major event coverage with interactive media (elections, breaking news events), and more.

  • National TV Channel Website (Development)
    http://novatv.hr

    Website for the most-viewed national TV channel with TV guide and guide service APIs. Developed and produced a complete site re-haul enabling branded microsites and complex templating.

  • Sports Portal (Development)
    http://gol.hr

    This is a national sports portal with live streams of international sports events featuring a wide range of events and media coverage, integration of multiple score tracking services, advertising services, and special event microsites (e.g. the Olympics, world and European championships, and more).

  • Women's Lifestyle Portal (Development)
    http://zadovoljna.hr/

    Developed the initial site and subsequent site rehaul to create one of the first national responsive content portals.

  • Entertainment TV Channel Website (Development)
    http://domatv.hr

    This is a lifestyle and entertainment TV channel website with TV programming, multiple TV guide APIs, and rich content.

  • Video-on-Demand Service Website (Development)
    http://oyo.hr

    Developed and produced an international project (OYO / VOYO) for pay-per-view and subscription-based video-on-demand services. Features complex video management and automatized video conversion, processing/encoding, DRM integration, various payment methods, simulcast/multicast streams, and more.

  • Internet over SIM Service Provider (Development)
    http://www.inventa.hr/en/fogg.aspx

    This was done for a Swedish startup with an innovative roaming internet service. Developed the front-end and produced websites for the initial market push and did the service providing.

  • Computer Maintenance Solution Website (Development)
    https://www.fixico.com

    I worked on the front-end development and did the design consult for an easy-to-use computer maintenance solution with a rich web-based dashboard.

  • Save the Baltic Sea (Development)
    http://vembryrsig.hallbarahav.nu/?lang=en_GB

    This is a semi-responsive deep parallax website promoting protection and warning about endangerment of the Baltic Sea.

  • Startup Conference (Development)
    http://startupcroatia.hr/eng.php

    This is an event promotion website for a 2014 startup conference with very prominent speakers and received a great public response.

  • Marketing Agency Website (Development)
    http://www.omegamedia.hr

    An experimental website incorporating WebGL 3D animations and parallax in a responsive environment.

  • Fashion Portal (Development)
    http://www.grazia.hr

    A fashion portal featuring a fully WYSIWYG (back-end-less) CMS, procedural grid recalculation, and lazy content loading.

  • Local Website for Nivea (Development)
    http://www.nivea.hr

    This is an international content platform with various localized interactive microsites, public product testing, user contests, and more.

  • Print Your Label Website (Development)

    This is a responsive site with print preview and customization for local markets. Features a service for ordering offset printed personalized product labels as well as output to a local printer.

  • To Designers With Love (A Letter From a Front-end Developer) (Publication)
    If you’re a veteran frontender, you’ve probably had some not-so-great experiences with designers, and chances are some designers have had an equally bad experience working with you. How can you make sure you get exactly what you need from your designer, without placing an undue burden on them? It’s a tall order, but in this article Freelance Software Engineer Vedran Aberle Tokic outlines and addresses a number of potential issues that may become roadblocks for your execution. Implementing these suggestions may result in overhead for designers, but they can save enormous amounts of time and headache elsewhere.
  • Responsive Design Is Not Enough, We Need Responsive Performance (Publication)
    Between square inch smart wristwatches and mammoth smart TVs, a responsive website capable of adapting to a wide array of screen sizes and device capabilities is something no one complains about. However, many websites are still plagued by desktop-first design paradigms, or mobile-first paradigms with absolutely no focus on performance. These traditional approaches to responsive web design have various shortcomings. Fortunately, some simple ideas can help solve these problems.
  • Vedran is a mentor in the Toptal Global Mentor’s Program. This program is a partnership between Toptal and General Assembly to provide high quality mentorship for students from minority and low income backgrounds who are looking to begin their careers as professional software engineers. Vedran shows commitment to diversity in tech by mentoring a General Assembly student every week for a year, covering everything from coding tips and tricks to advice on making it in the industry.
Skills
  • Languages
    ECMAScript, HTML, JavaScript, ActionScript 2, CSS3, CSS, HTML5, XML, EcmaScript 2015 (ES6), PHP, LESS, Sass
  • Libraries/APIs
    Parallax, jQuery, jQuery UI, Google AdWords, WebGL, Node.js, D3.js, Modernizr, Google Maps, Three.js
  • Tools
    Fireworks, Flash, Google Analytics, Bitbucket, Adobe Photoshop, Google Webmaster Tools, Grunt, Bower, Git, Apache, SVN
  • Paradigms
    Web Design, Responsive Design, Search Engine Optimization (SEO), Refactoring, Scalable Application, Agile Software Development, REST, A/B Testing, Model View Controller (MVC)
  • Storage
    JSON, MySQL
  • Misc
    DOM, Animation, Cross-site Scripting, Web Standards, Responsive Web Apps, Mobile First, Optimization, Graphic Design, Video Compression, Usability, Wamp, User Interface (UI), Cross-browser Compatibility, Information Architecture (IA), Regular Expressions, Text Processing, Rich Internet Applications, Video Streaming, 3D Modeling, Video Editing
  • Frameworks
    Stylus, Laravel, AngularJS, Compass
  • Platforms
    LAMP, KeystoneJS
I really like this profile
Share it with others