Using Scroll-Driven Animations for Opposing Scroll Directions
I had to build columns of items moving in opposite directions when a user scrolls the page. See how I did it.
Blog of fearless web developer Silvestar Bistrović
Here are the latest posts from Silvestar's blog. He covers mostly frontend, JAMstack, WordPress, and freelancing topics.
Latest posts
Web dev is making me hear voices and see things
I'm experiencing a couple of conditions because I use a computer on a daily basis: tinnitus and eye floaters.
How I built UltiGameMate with Eleventy and Supabase
Learn how I built UltiGameMate using Eleventy and Supabase, combining JAMstack with dynamic features.
UltiGameMate - Fantasy football that celebrates great games
UltiGameMate is a fantasy football game where you pick games instead of players and get points for the best part of every game - goals, saves, drama and more.
Weird issues with CSS calculations in Safari 26.2
I found a solution to a CSS issue, but I probably discovered a Safari CSS calculation bug along the way.
2025 lookback
Another solid year for Silvestar. Long-term clients, challenging projects, and a few wins along the way.
YAML Custom Fields
Last year, I built a WordPress plugin based on YAML schemas that could be used to define custom fields for templates, partials, and global data in WordPress.
Pure CSS tabs with details, grid, and subgrid
Can we use the details element as the foundation for a tabbed interface? Why yes, we can!
Be careful with logical properties and transpiling CSS
Read how we resolved a bug with logical properties, writing mode, and transpiled code.
The :has selector in use
Discover the power of the :has selector in CSS with practical examples that simplify your styling process.
The :is selector in use
Discover the power of the :is selector in CSS with practical examples that simplify your styling process.
The :not selector in use
Discover the power of the :not selector in CSS with practical examples that simplify your styling process.
Switching from CommonJS to ESM
Learn how I transitioned my Eleventy website from CommonJS to ESM.
In case of ...
How I prepared my wife for the unexpected by sharing passwords, subscriptions, devices and financial tools in one document.
A few interesting facts from my GitHub activity
Here are some interesting facts from my GitHub activity.
2024 lookback
2024 has been one of my most stable in terms of job security. Read what I've been up to this year.
Transition between pages smoothly with a few lines of CSS code
By adding a few lines of CSS you can enable smooth page transitions.
OKLCHanger VS Code extension
I was inspired by an article on the Oklab color format and decided to develop a VS Code extension that effortlessly converts any color format to Oklab.
Code Line Daily extension is live again
Here's how ChatGPT helped me re-release my old Chrome extension, Code Line Daily.
Clamp it! VS Code extension
Today I published my first VS Code extension - Clamp it! This extension makes it easy to generate the clamped sizes for your CSS code.
Fetch, process, output, style, listen
My favorites in 2024 for building a website are Contentful, Eleventy, LiquidJS, vanilla CSS, and vanilla JS.
Infinite-Scrolling Logos In Flat HTML And Pure CSS
Here's a demonstration of a technique that makes it possible to animate logos with as little HTML as possible and a little bit of CSS.
Drawing a line to connect elements with CSS anchor position
Learn how to use CSS anchor positioning to link different elements in columns.
Thirteenth place on Eleventy Leaderboards
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
Zero accessibility errors
My website has been included in The WebAIM Million report for the first time and has achieved zero accessibility errors.
Building a live preview with Eleventy and Contentful
If you you're making a website with Eleventy, Contentful, and Liquid templating, you can set up the live preview by following this article.
Reset with CSS unset
Utilizing the CSS unset keyword with inheritance in mind.
2023 lookback
2023 was the most challenging year in my career. Read how global crisis affected me and learn which technologies I have worked with.
Nightmare DX (Developer Experience): HubSpot
I had to work with HubSpot after a couple of years, and it reminded me to write this article about its nightmare developer experience.
Save MBs by converting from GIFs to videos with Cloudinary
Optimize content delivery and web performance by switching from GIFs to videos with Cloudinary, saving MBs for faster loading.
Developer’s research process
Read how I research and find possible solutions to estimate the required effort before I start developing.
Transition between pages smoothly with a single line of code
By adding a meta tag with the name ‘view-transition,’ you can enable smooth page transitions.
Announcing A Dedicated Dev
If you need a trustworthy and reliable web developer, you can subscribe to A Dedicated Dev and get web development services when you need them.
Be careful with ch units
Read more about peculiar CLS issues encountered on my site because I used system fonts, CSS ch unit, and Grammarly extension.
If you would have told me…
If you would have told me 12 years ago that I will be doing web developing for a living, I would laugh at you.
Dealing with constant rejection
For whatever reason I am being rejected, which can be a challenging and painful experience, I remain optimistic about the right opportunity.
How to measure page loading time with Performance API
This post will demonstrate how to use the Performance API to measure page loading time.
Cross-browser testing with the Microsoft Remote Desktop app
You want to test your website on a Windows machine but hate switching your computers? See how to use the Microsoft Remote Desktop app to mitigate this problem.
Testing localhost on multiple devices
Learn how to test your website or web app on various devices with these tools by finding your external IP address or using third-party apps.
Five pieces of advice for more accessible websites
To improve stats for an annual accessibility report, start with these five quick wins that will make your site much more accessible.
With or without the JS framework
Is it really that unusual for a frontend developer not to use a JS framework?
My favorite VS Code extensions in 2023
Discover my favorite little VS Code extensions used in my everyday tasks.
My favorite NPM packages in 2023
I’ve compiled a list of my favorite npm packages that I use on a daily basis.
My favorite bash shortcuts in 2023
Take a look at my favorite Bash shortcuts that have saved me a ton of time.
My favorite Chrome extensions in 2023
These Chrome extensions have helped me streamline my workflow and improve my coding experience.
Extracting and using Critical CSS on my Eleventy site
This week I made some enhancements to extracting and implementing Critical CSS on my website that runs on Eleventy. Let's delve into its workings and features.
How to create dynamic OG images with serverless function using Sharp library
Improve your website's social media presence with dynamic Open Graph images. Learn how with serverless functions and Sharp in this tutorial.
Migrating to Eleventy 2.0
Last week I upgraded my Eleventy instance after using version 0.12.1 for over a year. I was determined to resolve and document all problems during the process.
Using ChatGPT to generate cover letters
Let’s say you are applying for a job and want to write a cover letter that stands out. ChatGPT could help you there, and here is how.
I browsed more than 700 websites in search of a job
I found a list of 700 remote-friendly companies and opened every link searching for a job. Read the suggestions about the Careers page and job listings.