V

Journal

CSS Mastery: Trendy Horizontal Scrolling Portfolio in only 100 Lines

/
You’ve probably seen these gorgeous scrolling portfolios lately, featured on Codrops and several Awwwards portfolios. When I began to dig in to the methods for building one, I was disappointed to find most of them use Javascript or worse, WebGL. I thought back to the “news ticker” of yesteryear, knowing it was possible to recreate these effects in CSS alone, allowing for a leaner, better experience overall. Here, we combine 5 powerful CSS properties for an optimally responsive horizontal scrolling portfolio with text and hover effects.

August 9, 2020

How to Create Spotify Colorizer Effects With CSS Blend Modes

for WEB DESIGNER WALL
/
When Spotify launched their colorful new brand identity, featuring hip duo-toned imagery, it went hand-in-hand with a new Colorizer tool that allows artists to apply a variety of filters to images, the effects now widely popular. This tutorial will show you how to use pure CSS to achieve a wide variety of Spotify colorizer effects that can be applied to any image. – Featured on CodePen Spark

July 29, 2020

CSS Mastery: The Power of CSS Selectors

for WEB DESIGNER WALL
/
One of the challenges of coding premium WordPress themes is the unpredictable nature of how they will be used. Compared to coding a custom website, especially one using static HTML documents where you have complete control over the markup, you have to solve problems creatively and ensure flexibility. In these cases, CSS selectors make all the difference.

July 29, 2020
Load More