Published on
placeholder Loaders (WebGL shaders) preview

I’m still experimenting with shaders and I’ve created a couple of nice loaders. Do you think that WebGL shaders were created for something else? Maybe you’re right… but it’s easy to create interesting effects with them.

See the Pen Loader (WebGL shader) by Ivan Bogachev (@sfi0zy) on CodePen.

This is an experiment and I think we shouldn’t do it in production. The performance is very bad, especially on mobile devices. It’s better to use SVG here.

See the Pen Loader (WebGL shader 2) by Ivan Bogachev (@sfi0zy) on CodePen.

Pet projects

placeholder Earthquakes map preview
1 

WebGL globe with points for all earthquakes with magnitude more than 5 which happened last year.

placeholder Zen launcher preview
1 

Apps launcher for Google Chrome. Open sources. No ads. No trackers. No analytics.

placeholder Muilessium preview
16  2  10k+

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.