Live search Anywhere with 'hideseek.js'
Embed a live search bar to search in any div container.
.png)
ToDo List
A todo list, created with JavaScript collected through the internet... ;)
.png)
Cursor Blend
A few short lines of code, to replace the pointer with an interactive color element.
Contact form as a Chat widget
A contact form disguised as a chat widget.
%2520(1).png)
Variant Width for CMS items
Applying variant width to CMS items on the same list.
Auto change tabs
A script to automatically switch between tabs in a loop.
OS Detection with JavaScript
Short JavaScript code that detects which OS system the user is running and display div accordingly.
Code Syntax in a Dynamic rich-text Element
Using highlight.js plugin to add code syntax in a Dynamic rich-text element
Math formulas in CMS
Writing inline (LaTeX) math formulas anywhere on a static or dynamic page using MathJax.
"Highlight & Share" with Sharect.js (like in Medium)
A lightweight 'Select text and share / tweet'
.png)
Scroll & Focus
Scroll down and focus on an input field when a button is clicked
.png)
Current Class on Dropdown
Makes the dropdown element (usually inside navigations) indicate when a current state is active on one of the pages within.
.png)
Simple Mega Nav (Similar to Mailchimp's)
A very simple mega navigation bar, opens on hover and changes background color on scroll.
.png)
Tabs with scrollable (sideways) Menu
A Webflow Tabs widget with some edits and custom code to make the menu scrollable on desktop & mobile
.png)
Animated Favicon
A short code that changes multiple .png files to create animation.
Chart.js in Webflow
A short tutorial on how to implement a Chart.js plugin in a Webflow project
Dynamically Inject current page URL to a Text element
Changing a text element by the page url using JavaScript
.png)
Email Validation (Non-free / Work)
Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.
