be-codified.com
Hi,
my name is Žiga and I'm a front-end web developer.
I have been working in the web industry over a decade.
Get in touch!
-
Years in the
web industry -
Years of active
programming -
Cups of coffee
drank today
My main skills
- understanding of developing for the web and a careful eye for design,
- ability to translate designs into semantic, accessible front-end code,
- understanding of modern web technologies and workflows,
- fully aware of mobile and responsive design and development practices,
- capable of designing in a browser,
- understanding of integration or modification of front-end code with CMSs,
- knowing of SEO,
- understanding and appreciation of color and typography,
- ability to work directly with UX/UI and designers to implement designs and provide feedback on design if needed,
- excellent communication skills and
- ability to dive in and learn new things to find solutions for technical problems.
Latest work
Widgets showing live NFL statistics
Numerous widgets made which were implemented by media houses to present live statistics on their websites.
See it live at official page.
Technologies used:
Client: Sportradar d.o.o. / team development
My skills to produce visual output
- markup language HTML5 (using modern semantic markup e.g. <main>, <header>, <nav>, <article> and <picture>),
- cascading style sheets language CSS3 within large scale projects:
- using modern properties, writing highly isolated, reusable, scalable and maintainable code — no duplicated properties,
- responsive web design based on media queries (mobile first principle),
- building grid layout with Flexbox or Grid properties, web font embedding, achieving transitions and animations and
- BEM methodology (writing classes e.g. tree__leaf--brown),
- CSS extension language SASS (using nested properties, imports and extends, variables, conditions, loops, mixins and functions),
- vector graphic format SVG for images (when possibility is given) or icons,
- digital tools Sketch, Adobe Photoshop & Illustrator,
- cross-browser compatibility testing (Chrome, Firefox, Safari, Edge, Internet Explorer 11+) and cross-platform compatibility testing (Android, Apple OS X and iOS) and
- CSS frameworks Bootstrap and Foundation.
Latest work
Petrol website — the largest Slovenian energy company
A complete brand new website — there were around 80 templates coded for different subpages. Logic functionalities were made for designated parts of pages (e.g. map of gas locations).
See it live at official page.
Technologies used:
Client: Petrol d.d. and Renderspace d.o.o. / team development
My skills to work with programming logic
- object-oriented programming,
- architectural pattern MVC, writing modular code,
- front-end development (90% of time):
- vanilla JavaScript — ECMAScript6 (e.g. classes, block scoped variables, template literals, arrow functions, destructuring assignments, promises, spread syntax, callbacks),
- frameworks or libraries React or Vue.js (e.g components, props, state, lifecycle) and
- JavaScript template engine Nunjucks (e.g. extends, macros, conditions, filters),
- back-end development (10% of time):
- communicating with REST APIs, handling JSONs and
- basic unit tests with tool Mocha.
Latest work
Moneta — cash-free payment
A complete brand new website with 2.800 of payment-spots showing on map.
See it live at official page.
Technologies used:
Client: Telekom d.d. and Renderspace d.o.o. / team development
Magical tools I use
-
Desktop and CLI tools:
- code editor Visual Studio Code,
- CSS pre-processor SASS and code linters ESLint for JavaScript and stylelint for SCSS,
- JavaScript compiler Babel and JavaScript task runner Gulp (e.g. server, watchers, live-reload, Nunjucks, SASS, source maps, HTML/CSS/JS minify and image optimization),
- package manager npm and module builder Webpack,
-
web based tools:
- GitHub (working with a team of developers, git flow model, pull requests, code reviews and continuous integration),
- debugging tools Chrome DevTools built into browser Google Chrome,
- project management tool Jira (e.g. scrum boards, sprints, issues and tempo),
- code validators Travis, W3C markup validation service and WAVE web accessibility tool,
- testing tools Browserstack for browsers and Litmus for emails,
- solution for SVG icons sprite — generator IcoMoon,
- all running on a small thing called Apple MacBook Pro 13-inch, extended to 29-inch external screen (ratio 21:9).
Latest work
Attend our wedding
A small web application for users to be able to create their private invitation to a wedding. Front and back-end functionalities made.
Technologies used:
Client: Žiga Vukčevič s.p. / individual development
Contact
Please feel free to contact me by any communication channel:
How was this site made?
No website template has been used. I have coded it with modern technologies:
- HTML5, CSS3 (using Less), jQuery, preloader (plugin imagesLoaded), animations (plugin animateNumber)
- by using responsive design and Bootstrap framework,
- logo, portfolio and contact icons are used in SVG format,
- calculation for working periods (the number of years) are calculated automatically,
- CSS and JavaScript files have been minified,
- site was checked with PageSpeed Insights,
- cross-browser (e.g. Chrome, Firefox, Safari, Internet Explorer 9+) and cross-platform (Android, iOS iPhone/iPad) compatibility was tested as well.
Design made with This icon should be read as love. by Groga Tancek, Lovro Podobnik and Žiga Vukčevič. Excellent profile This icon should be read as photo. provided by Ana Skobe.
Feel free to see the whole project code at the GitHub site.