Invincible Brands GmbH
Senior Web Developer
○ Animations: Html 5 canvas, SVG morph animation, Tween library
Anime.js, react framer motion, Snap.svg, mo.js, @use-gesture
○ UI tools for content administrators
React, react-codemirror2, react@dnd-kit, WP, Woocommerce
○ Site data volume optimization
- Lazy load images
- Developed in-house Jpeg and Png compression: automatic compression in media uploading ("libjpeg-turbo" based on Moz jpeg, pngquant, Optipng).
- Developed in-house Webp Conversion: automatic conversion in media uploading, a feature for the bulk conversion of the previously uploaded images, integration with WP Media, and polyfill scripts for webp unsupported browser. (lib-vips, php-vips, mysql)
- Developed in-house Video optimization: UI for Video generator for mobile usage, and integration with WP Media (FFmpeg, libvpx-vp9, libx264)
○ Site Performance optimization:
Webvital, async and preload scripts (Js, CSS), css font face, fix render-blocking js, combined and inlined critical css codes, etc.
○ Code restructuring:
- Restructured PHP functions to prevent unnecessary executions.
- Wrote webpack scripts for the vanilla js, wp block (react), react@17.
- Updated sass from Node sass to Dart Sass.
- Fixed dysfunctions of UI features provided by plugins and parent theme. (Woocommerce, Backbone.js)