Kingsley Nomase's repositories
54-webs-coming-soon
html, css and javascript coming soon
africa-map-raphael
A Javascript-friendly map of Africa using the Raphael.js library.
AnimateSVGTextPath
Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.
codrops-kinetic-typo
Kinetic typography demos for Codrops article
ColumnScroll
A grid layout with columns that scroll in opposite directions.
flexboxgrid
Grid based on CSS3 flexbox
CSSGlitchEffect
An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.
CSSMarqueeMenu
A simple CSS based marquee effect for a menu.
ExpandingRoundedMenu
An expanding menu animation with a cover unreveal effect in the background.
gui-challenges
Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.
gulptutorial
a gulp tutorial
Horizontal-tiles
Created with CodeSandbox
ImageRevealHover
A set of link hover effects that reveal a thumbnail in different creative ways.
ImageToContent
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
infinite-webl-gallery
Infinite Auto-Scrolling Gallery using WebGL and GLSL Shaders.
Magnific-Popup
Light and responsive lightbox script with focus on performance.
OnScrollColumnsRows
Scroll-driven animations for columns and rows powered by GSAP.
OnScrollViewSwitch
A layout with some scroll animations and a view switch where the content items animate to a grid.
ScrollPanels
An exploration of smooth panel scroll effects based on Margot Priolet's website.
SmoothScrollAnimations
Demo of a tutorial on how to add smooth page scrolling with an inner image animation
Swiper-Thumbnails
Small Swiper plugin that enables pre-rendered static thumbnail support.
Theodore
A little menu effect with an SVG overlay and an infinite background CSS animation.