Design Epicenter | Los Angeles Webflow Design and Development

Add a highlight to the current day of the week in your Webflow project using JavaScript. This will dynamically change the highlight based on the actual day, making it easy for users to see which day it is.

3 Pages with 1 static and 2 CMS versions

Highlight Current Day

Wanted to create a JavaScript snippet that was a little more detailed than the calculators found online. Uses an average reading speed of 250 words per minute also adds 10 seconds for each image in the rich text to account for the time a user might glance at an image as they are reading.

Calculating The Estimated Reading Time For Your Webflow CMS Using Javascript

Usually, when you want to preview your hover animations/interactions that involve siblings or children, you have to either go into preview mode or publish the site. 

Well, what if I told you with a little bit of CSS, you can view some of your hover animations directly in designer without having to toggle into preview mode. 

Walkthrough: https://www.youtube.com/watch?v=YCsu9W2VwxU

Sibling/Child Hover Interactions Directly In Designer (No Need To Toggle Preview)

I have paragraphs with the class of "runt" and I used a Javascript snippet to remove all runts/widows on those paragraphs.

Code adds a non-breaking space before the last word in the string

Removing Runts/Widows

***Interaction Is In The Product Template Page***

Created a YouTube tutorial where I demonstrate how to create a thumbnail gallery for your e-commerce products. 

https://www.youtube.com/watch?v=RkhrXzlHZyU

On many e-commerce product pages, they have a main image and then several thumbnails underneath. When you click on one of the thumbnails, it then replaces the original image so then you can cycle through the various product images. 

In this tutorial, I am going to show you how to recreate this effect in Webflow.

Thumbnail Gallery Interaction For Your E-Commerce Products

Old Website design for my design and development agency before I changed the name.

Brian Love