Search
Little Things on My Personal Site
30.10.2020
I updated my personal website the other day. Always a fun project since it’s one of the few where it’s 100% just me. It’s my own personal playground with no other goal than making the site represent me to have a little fun. It’s not a complete re-write, just some new paint....
Scroll Animations for Image Grids
14.10.2020
Some ideas for scroll animations for image grids powered by Locomotive Scroll.
The post Scroll Animations for Image Grids appeared first on Codrops
WebGL Video Transitions with Curtains.js
7.10.2020
Some experimental video transitions using Curtains.js and shaders.
The post WebGL Video Transitions with Curtains.js appeared first on Codrops
Menu to Inner Page Animation with Image Grid Background
16.9.2020
A layout with a menu and background image grid that animates to an inner content page.
The post Menu to Inner Page Animation with Image Grid Background appeared first on Codrops
Diagonal Thumbnail Slideshow Animation
1.9.2020
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
The post Diagonal Thumbnail Slideshow Animation appeared first on Codrops
Experimental Triangle Image Transitions with WebGL
27.8.2020
Some experimental animations using triangles for image transitions with WebGL.
The post Experimental Triangle Image Transitions with WebGL appeared first on Codrops
Thumbnail to Full Width Image Animation
19.8.2020
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
The post Thumbnail to Full Width Image Animation appeared first on Codrops
Magnetic Buttons
5.8.2020
A small set of magnetic buttons with some fun hover animations.
The post Magnetic Buttons appeared first on Codrops
My Long Journey to a Decoupled WordPress Gatsby Site
13.7.2020
As a professional research biologist, my playground used to be science laboratories filled with microscopes, petri dishes, and biology tools. Curiosity leads many scientists on their journey to discoveries. Mine led me to web design. I used to try learning HTML on my lab desktop while centrifuging...
Bank of Lithuania's LBCOIN is a 'Playground' for Testing CBDCs
9.7.2020
The reverse of the physical coin. While presenting their new digital coin, the first of its kind, the central bank of Lithuania said that this project serves as a type of a testing ground for a possible future central bank digital currency (CBDC).
At the press conference Thursday morning, the Bank...
Exploring Animations for Menu Hover Effects
8.7.2020
A couple of ideas for creative menu hover animations with images.
The post Exploring Animations for Menu Hover Effects appeared first on Codrops
A Glitchy Grid Layout Slideshow
24.6.2020
An experimental grid slideshow with a stack-like navigation and glitch effect.
The post A Glitchy Grid Layout Slideshow appeared first on Codrops
Morphing Gooey Text Hover Effect
28.4.2020
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops
Rapid Image Layers Animation
7.4.2020
A rapid animation of multiple layers of images for intros or page transitions.
Rapid Image Layers Animation was written by Mary Lou and published on Codrops
CSS-Only Marquee Effect
31.3.2020
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
CSS-Only Marquee Effect was written by Mary Lou and published on Codrops
Animated Custom Cursor Effects
24.3.2020
Some ideas for interactive custom cursor animations using SVG filters.
Animated Custom Cursor Effects was written by Mary Lou and published on Codrops
Ideas for Distorted Link Effects on Menus
18.3.2020
Some examples of how to use decorative distortion effects on big typography menu links.
Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops
Background Scale Hover Effect with CSS Clip-path
11.3.2020
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
Background Scale Hover Effect with CSS Clip-path was written by Mary Lou and published on Codrops
CryptoKitties’ Dieter Shirley on Breaking Ethereum and NFTs
8.3.2020
Dieter Shirley shares his thoughts on ETH 2.0, the lessons learned from CryptoKitties, and NFTs
CryptoKitties Developers Launch Playground for Developers
6.3.2020
Flow Playground allows developers to build smart contracts, marketplaces, and non-fungible tokens on the Flow blockchain