Skip to content

Instantly share code, notes, and snippets.

View Flowbaseco's full-sized avatar
💫

Flowbase Flowbaseco

💫
View GitHub Profile
<link rel="stylesheet"href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/styles/default.min.css"><script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.1/build/highlight.min.js"></script><script>hljs.highlightAll();</script><pre><code class="language-javascript">...</code></pre>For embedding Github gists:<div><script src="https://gist.github.com/username/gist-id.js"></script></div>
<!-- Custom Range Slider for Webflow (Flowbase.co) -->
<link href="https://refreshless.com//nouislider/dist/nouislider.css?v=1550" rel="stylesheet">
<style>
/* Here you can change the root styles to suit your own brand */
:root {
--tooltip-height: 32px;
--tooltip-color: #000;
--tooltip-bg-color: #FBFCFE;
--tooltip-border-color: #E4E6F1;
<script src="https://refreshless.com/nouislider/dist/nouislider.js?v=1550"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script src="https://refreshless.com/nouislider/documentation/assets/wNumb.js"></script>
<script>
$(function () {
//THIS IS FOR THE SINGLE SLIDER
let idOfSlider = 'slider-single';
let idOfSliderValue = 'slider-single-value';
<link href="https://unpkg.com/beerslider/dist/BeerSlider.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/beerslider/dist/BeerSlider.js"></script>
<script>
// Wait for the page to load
$(document).ready(function () {
// Select all elements with the class "image-wrapper" and loop through them
const imageWrappers = document.getElementsByClassName("image-wrapper");
for(const imageWrapper of imageWrappers){
// Get the source of the first and second image within the current "image-wrapper" element
const firstImage = imageWrapper.querySelectorAll('img')[0].src;
<!-- Auto Rotate Tabs in Webflow -->
<script>
var Webflow = Webflow || [];
Webflow.push(function () {
// DOMready has fired
// May now use jQuery and Webflow api
// start everything
var tabTimeout;
clearTimeout(tabTimeout);
<link rel="stylesheet" type="text/css" href="https://maciejsawicki.com/tooltipster-for-webflow/tooltipster.bundle.min.css">
<script src="https://maciejsawicki.com/tooltipster-for-webflow/tooltipster-for-webflow.js"></script>