Six years of experience in frontend development and one year in backend.
Hey, I'm iSladjan,
a freelance developer and animator.
under construction
My Story
I began my web development career with print design, which eventually led me to web design. My first website was www.danguba.net, built using WordPress. From there, I transitioned into frontend development, working in Serbia with various teams and as a freelancer, often focusing on the animation aspects of websites.
Over time, I started taking on backend tasks as well, and I now create entire websites. I also work on specific parts of WordPress sites, implementing them through child themes.
aboutBio:
I'm Sladjan Ilic, and I go by the alias isladjan. I am a web developer originally from Serbia, now living in Austria.
I combine my coding skills with a bit of creativity to improve the websites I work on, turning ideas into reality—a process I find most rewarding in development.
I'm committed to the philosophy of lifelong learning—especially when it comes to keeping up with all the new shiny js libraries. I've accepted this as my fate, and my wife has too, knowing she'll be watching most of the series without me!
Expirance:
Although my current job is in a different field, my true passion lies in web development. As a freelancer and hobbyist, I craft web applications that mix my work skills with my personal passion, always aiming to satisfy my clients.
Technology:
Skillset:
Here's my web dev toolkit—everything from crafting smooth animations to battling stubborn bugs. Take a look at the skills I use to bring projects to life!
❯
Fields- Frontend
- Design
- Backend
- Special Projects
- Interactive
- Motion
- Freelance
- Collaboration
❯
Stack- html, css
- JS, TS
- svg, canvas
- gsap, pixi
- Three, webGL
- React
- Git
- Webpack, Vite
- PHP, mySQL
- Figma
- Adobe CC
- Blender
❯
Skills- Mario card
- Lego
- Flying a drone
Add Some Color
View my resume
SELECTED PROJECTS
I began my web development career with print design, which eventually led me to web design. My first website was www.danguba.net built using WordPress. From there, I transitioned into frontend development, working in Serbia with various teams and as a freelancer, often focusing on the animation aspects of websites.
Over time, I started taking on backend tasks as well, and I now create entire websites. I also work on specific parts of WordPress sites, implementing them through child themes.
work01
DEVELOPMENT
01
2021
Solomon Navbar
Hello! While I currently work in a different field, my passion lies in web development. I craft web applications as a freelancer and hobbyist, blending my professional skills with personal passiserththstron to crhhhtrhreate unique digital experiences.Hello! While I currently work in a different field, my passion lies in web development. I craft web sgbgbsgvapplications as a feelancer and hobbyist.
Solomon Navbar
Hello! While I currently work in a different field, my passion lies in web development. I craft web applications as a freelancer and hobbyist, blending my professional skills with personal passion to create unique digital experiences.
02
DEVELOPMENT
02
2021
03
DEVELOPMENT
03
2021
Solomon Navbar
Hello! While I currently work in a different field, my passion lies in web development. I craft web applications as a freelancer and hobbyist, blending my professional skills with personal passion to create unique digital experiences.
Solomon Navbar
Hello! While I currently work in a different field, my passion lies in web development. I craft web applications as a freelancer and hobbyist, blending my professional skills with personal passion to create unique digital experiences.
04
DEVELOPMENT
04
2021
05
DEVELOPMENT
05
2021
Solomon Navbar
Hello! While I currently work in a different field, my passion lies in web development. I craft web applications as a freelancer and hobbyist, blending my professional skills with personal passion to create unique digital experiences.
SELECTED LABS
Over the last six years, my expertise has centered around JavaScript and CSS, encompassing code writing and refactoring. My experience extends beyond, having worked with diverse tech stacks.
My journey does not stop there. I love animations and moving things, and I am always excited to try out new animation techniques. Whether I am crafting something new or recreating an amazing animation I have found online, I am always thrilled to bring exciting experiences to the web.
lab
ROW
COLUMN
LAB: image pixelation No dependencies (Vite.js only for building project)
MADE WITH: JavaScript, HTML5 Canvas
This project uses JavaScript and HTML5 canvas to add a pixelation effect to images as they scroll into view.Images start in pixelated form and gradually sharpen, with customizable "steps" for controlling the transition intensity. To detect if the image is displayed in the viewport, Intersection Observer is used. Each pixelation step executes in about 10-20ms for smooth transitions.
LiveLAB: image pixelation No dependencies (Vite.js only for building project)
MADE WITH: JavaScript, HTML5 Canvas
This project uses JavaScript and HTML5 canvas to add a pixelation effect to images as they scroll into view.Images start in pixelated form and gradually sharpen, with customizable "steps" for controlling the transition intensity. To detect if the image is displayed in the viewport, Intersection Observer is used. Each pixelation step executes in about 10-20ms for smooth transitions.
Live
This module leverages Three.js and GLSL shaders to create ASCII effect by mapping pixel brightness to characters. Instead of rendering text, it samples a character texture generated by a canvas for better performance and flexibility.Configurable parameters include character set, font, size, cell size, color, and inversion. Note: The original three/examples/jsm library includes an ASCII effect, but it's too slow for production use. I recommend avoiding it.
MADE WITH: javascript, three.js, postprocessing, shaders
This is yet another ASCII effect achieved using Three.js and shaders. The effect is generated by mapping pixel brightness to characters.The effect generates a texture containing specified ASCII characters using an HTML canvas, which the shader samples to replace image pixels with characters (a much better solution in terms of performance than using actual text). I apply this ASCII effect to an animated model created with a custom fragmentShader, which dynamically changes based on mouse movement.
MADE WITH: javascript, three.js, postprocessing, shaders
LAB: image pixelation No dependencies (Vite.js only for building project)
MADE WITH: JavaScript, HTML5 Canvas
This project uses JavaScript and HTML5 canvas to add a pixelation effect to images as they scroll into view.Images start in pixelated form and gradually sharpen, with customizable "steps" for controlling the transition intensity. To detect if the image is displayed in the viewport, Intersection Observer is used. Each pixelation step executes in about 10-20ms for smooth transitions.
LiveLAB: image pixelation No dependencies (Vite.js only for building project)
MADE WITH: JavaScript, HTML5 Canvas
This project uses JavaScript and HTML5 canvas to add a pixelation effect to images as they scroll into view.Images start in pixelated form and gradually sharpen, with customizable "steps" for controlling the transition intensity. To detect if the image is displayed in the viewport, Intersection Observer is used. Each pixelation step executes in about 10-20ms for smooth transitions.
Livethis website
I began my web development career with print design, which eventually led me to web design. My first website was www.danguba.net built using WordPress. From there, I transitioned into frontend development, working in Serbia with various teams and as a freelancer, often focusing on the animation aspects of websites.
Over time, I started taking on backend tasks as well, and I now create entire websites. I also work on specific parts of WordPress sites, implementing them through child themes.
note
Over the last six years, my expertise has centered around JavaScript and CSS, encompassing code writing and refactoring. My experience extends beyond, having worked with diverse tech stacks.
My journey does not stop there. I love animations and moving things, and I am always excited to try out new animation techniques.
SPECIAL THX
- @bibi for inspiring mw without knowing and some love
- for inspiring mw without knowing
- for inspiring mw without knowing
- I love animations and moving things, and I am always excited to try ou
- for inspiring mw without knowing
Hi. Thank you for reading all the way through. If you have any questions, concerns, thoughts, or inquiries, please feel free to reach me.