Creating a Border Animation Effect with SVG and CSS

The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS transitions on SVG lines.

Read more →

Collective #104

ViziCities * Type Quest * Stackicons * “Scroll-Jacking” in Fullscreen * FontPrep * Grid Style Sheets

Read more →

Collective #103

Grid * Placeholdem * Dug.js * Design Lab * New CSS Shapes Syntax * pageres * GitHub goes to school

Read more →

Collective #102

JavaScript Re-Introduction * LessMilk * WOW.js * PhotoTilt * Octocard * CSS A/Z * Bouncy Balls * CSS Multi-Column Grid

Read more →

Fullscreen Overlay Effects

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

Read more →

Collective #101

ImageLightbox.js * Custom Elements * Tempo. * A Pattern Apart * CSS Regions Matter * Apple Store Design * oimo.js * The Markdown Mark

Read more →


"Kyle has helped our company’s image a lot by redesigning our logo, creating our new website and putting together some great, eye-catching ads. He’s very easy to work with and we were able to hit all of our deadlines."
Elliot Feder - Director of Business Development, SpringBoard Data Management
"Kyle has a natural talent for taking any idea I have and turning it into a visual work of art. He is a genius with layouts and overall concepts, the first person I call when I know a project needs to be done right."
Cheryl Bell, Executive Business Manager, Global Automotive Consultants