Noah%20Raskin%20is%20a%20Webflow%20web%20designer%20from%20Canfield%2C%20Ohio%20US
graphicowls has 634 followers on Webflow.
simple-jquery-accordion
*UPDATE%3A%2002-16-2021%20%0AAccordion%20now%20features%20a%20Scroll%20to%20Top%20animation%20when%20each%20Accordion%20is%20toggled.%20When%20the%20accordion%20is%20clicked/tapped%20it%20will%20scroll%20to%20the%20top%20of%20the%20page%20for%20easier%20reading.%20You%20can%20change%20the%20offset%20margin%20from%20the%20top%20of%20the%20page%2C%20the%20speed%20of%20the%20scroll%20and%20the%20delay%20speed%20for%20when%20it%20starts%20to%20scroll%20based%20on%20the%20length%20of%20the%20content.%20Happy%20designing%21%20%3Awink%3A%0A%0AEasy%20to%20implement%20JQuery%20accordion%20with%20nested%20accordions%20capability.%20Works%20with%20multiple%20accordions%20in%20different%20sections.
Tags:
Visit Site
Custom%20Product%20Quantity%20Buttons
Another%20cool%20Code%20Snippet%20from%20https%3A//Codecrumbs.co%20%28Code%20Snippets%20for%20your%20Webflow%21%29%0A%0AThis%20awesome%20snippet%20will%20allow%20you%20to%20create%20your%20own%20cool%20and%20custom%20buttons%20to%20increase%20or%20decrease%20the%20quantity%20amount%20for%20products%20before%20adding%20them%20to%20the%20cart.%0A%0ATry%20it%20out%20and%20visit%20CodeCrumbs%20for%20more%20easy%20to%20use%20snippets%21
Tags:
- quantity
- custom%20buttons
- products
- javascript
- jquery
- e-commerce
Visit Site
balanced-health-site
Full%20site%20redesign%20for%20Balanced%20Healthcare.%20The%20old%20site%20design%20was%20poorly%20designed%20and%20not%20well%20thought%20out.%20It%20lacked%20character%20and%20presentation%20for%20the%20clients%20visitors%20especially%20given%20the%20field%20that%20the%20client%20is%20in.%20The%20old%20site%20structure%20as%20well%20was%20horrible%20and%20not%20built%20to%20scale%20and%20grow.%20%0A%0AYou%20can%20see%20the%20before%20and%20after%20here%3A%20%0Ahttps%3A//balanced-health-site.webflow.io/before-after%0A%0AThis%20new%20design%20is%20much%20more%20organized%20and%20vibrant%20to%20make%20its%20visitors%20feel%20welcomed%20along%20with%20establishing%20a%20sense%20of%20compassion%20and%20dedication%20on%20behalf%20of%20the%20provider.%20It%20was%20important%20to%20keep%20the%20UX%20light%20and%20simple%20which%20we%20feel%20is%20translated%20well%20through%20the%20UI.%20%0A%0AHope%20you%20like%20it%21%20%uD83D%uDE09
Tags:
- redesign
- healthcare
- doctor
- minimal
Visit Site
Webflow%20Profile%20Redesign
The%20public%20Webflow%20profile%20where%20others%20view%20our%20work%20and%20a%20bit%20about%20us%20within%20Webflow%20has%20been%20neglected%20it%20seems%20for%20some%20time%20now.%20%0A%0AI%20feel%20our%20profiles%20are%20missing%20some%20really%20helpful%20features%2C%20like%20project%20tabs%20so%20we%20can%20organize%20and%20control%20what%20our%20visitors%20see%20ourselves.%20By%20control%20I%20mean%20have%20the%20opportunity%20to%20put%20our%20best%20foot%20forward%20and%20not%20just%20projects%20by%20date.%20%0A%0AI%20thought%20it%20would%20also%20be%20neat%20if%20we%20had%20a%20new%20way%20to%20present%20our%20best%20work%20like%20the%20%22Featured%20Tab%22%20within%20this%20project.%0A%0AThis%20was%20just%20my%20first%20take%20on%20something%20I%20have%20been%20thinking%20about%20for%20quite%20a%20while.%20You%20can%20change%20some%20things%20here%20like%20the%20profile%20theme%20color%20by%20selecting%20%22Edit%20Profile%22%20and%20then%20the%20droplet%20icon%20next%20to%20it.%20You%20can%20also%20click%20the%20blue%20%22+%22%20icon%20to%20open%20the%20modal%20to%20add%20projects%20to%20a%20new%20tab.%20%0A%0AAnyway%2C%20I%20hope%20you%20enjoy.%20I%20will%20continue%20to%20update%20this%20project%20over%20time.%20Thanks%20for%20checking%20it%20out%21%20%3A%29%20%0A%0A%28Note%3A%20Not%20yet%20responsive.%20Coming%20soon%21%29
Tags:
- webfow
- profile
- redesign
- social
- website
- portfolio
Visit Site
Star%20Rating%20Review%20Form
Fully%20built%20customizable%20page%20and%20form%20using%20Webflows%20powerful%20CMS%20in%20tandem%20with%20Zapier%20and%20Uploadcare%20to%20provide%20automated%20real-time%20reviews%20published%20right%20to%20your%20site%20from%20your%20customers.%20%0A%0A%uD83D%uDC4D%uD83C%uDFFCVisit%20the%20link%20on%20the%20page%20to%20view%20and%20purchase%20the%20full%20version.
Tags:
- ratings
- review
- form
- interactions2
- custom
Visit Site
Dreamlife%20Music%20Producer%20Website
Website%20done%20for%20Dreamlife%20Beats%20music%20producer/beat%20maker.%20He%20is%20one%20of%20the%20top%20online%20selling%20producers%20out%20there%20today.%20%0A%0AWe%20decided%20to%20go%20with%20a%20nice%20dark%20theme%20with%20vibrant%20accent%20colors%20to%20make%20elements%20pop.%20This%20project%20uses%20quite%20a%20few%20interactions%20including%20lottie%20files%20for%20extra%20movement%20and%20state%20interaction.%20%0A%0AThe%20site%20also%20uses%20quite%20a%20few%20CMS%20collections%20including%20the%20blog%20so%20the%20client%20can%20easily%20edit%20their%20content%20and%20add%20new%20items%20when%20needed.%20A%20few%20great%20Jquery%20plugins%20contribute%20to%20the%20final%20outcome%20of%20the%20functionality%20of%20the%20site%20in%20whole%20for%20an%20even%20better%20user%20experience.
Tags:
- music%20producer
- music
- custom
- lottie
- interactions2
Visit Site
Copy%20to%20Clipboard%20%28Simple%20w/%20Tutorial%29
Simple%20clean%20project%20that%20enables%20Copy-to-Clipboard%20functionality%20with%20simple%20JQuery%20code.%20Project%20also%20has%20a%20tutorial%20to%20show%20you%20how%20easy%20it%20is%20to%20use%20and%20change%20values%20yourself%20with%20ease.%20%0A%0AA%20simple%20use%20case%20would%20be%20as%20you%20see%20here%20with%20a%20nice%20Coupon%20Card%20%28maybe%20as%20a%20popup%29%20to%20engage%20your%20visitors%20as%20they%20shop%20with%20a%20little%20incentive%20to%20convert%20sales.%0A%0AUp%20to%20you%20to%20be%20creative%20%3A%29
Tags:
- copytoclipboard
- jquery
- custom
- javascript
- copy
- clipboard
Visit Site
Perfect%20Accordion%20%28Dark%29
New%20Accordion%20%28Dark%20Version%29%21%0A%0AJust%20like%20the%20previous%20%22Perfect%20Accordion%22%20clone%20project%20this%20one%20is%20just%20in%20a%20dark%20version%20with%20the%20new%20updates.%20A%20video%20tutorial%20is%20now%20included%20within%20the%20project%20below%20the%20Accordion%20section.%20%20%0A%0AHappy%20designing%21%20%uD83D%uDE09%0A-Noah
Tags:
- accordion
- custom
- javascript
Visit Site
Easy%20Tooltips%20-%20Tutorial%20%28EASY%21%21%21%29
Here%20is%20a%20simple%20tutorial%20and%20demo%20showing%20you%20how%20to%20install%2C%20setup%20and%20use%20Tippy.js.%20A%20really%20awesome%20and%20simple%20vanilla%20javascript%20library%20for%20tooltips.%20%0A%0ADemo%3A%20Hover%20over%20the%20blue%20highlighted%20list%20items%20to%20see%20the%20tooltips%21%0A%0AYou%20don%27t%20have%20to%20know%20code%20at%20all%20to%20implement%20this%20extremely%20easy%20option%20for%20tooltips.%20This%20option%20makes%20it%20really%20easy%20to%20have%20reliable%20tooltips%20that%20work%20great%20in%20any%20project%21%0A%0AThe%20cool%20thing%20about%20this%20is%20Tippy.js%27s%20only%20dependency%20is%20Popper.js%20for%20the%20tooltip%20positioning%21%20Which%20works%20great%20by%20the%20way.%20What%20this%20means%20is%2C%20if%20you%20have%20a%20tooltip%20on%20an%20element%20and%20that%20element%20is%20let%27s%20say%20sticking%20out%20of%20the%20page%20then%20the%20tooltip%20will%20recalculate%20it%27s%20position%20%28using%20Popper%29%20to%20be%20shown%20on%20another%20side%20or%20position%21%20%0A%0AAnyhow%2C%20I%20hope%20you%20dig%20it%20and%20find%20it%20helpful%21%20If%20you%20have%20any%20questions%2C%20feel%20free%20to%20leave%20a%20compliment%20BUT%20please%20read%20the%20tutorial%20first%20because%20I%20may%20have%20answered%20it%21
Tags:
- tooltips
- tooltip
- vanilla
- javascript
- tippy
- custom
Visit Site
Kew%20Dental%20Website
Website%20for%20Kew%20Dental%20Sleepcare.%20Specializing%20in%20Sleep%20Apnea%20treatment.
Tags:
- custom
- website%20design
- doctor
- sleepdoctor
- blue
- formvalidation
- customslider
Visit Site
Custom%20Select%20Fields
Update%2002-12-2020%3A%0A-Added%20color%20variable%20for%20list%20option%20%28in%20dropdown%29%20text%20color%20on%20hover%0A-Added%20color%20variable%20for%20selected%20option%20text%20color%20that%20displays%20in%20the%20field%20after%20it%27s%20selected%0A%0AA%20cloneable%20project%20using%20the%20Nice-Select%20JQuery%20plugin%20to%20style%20and%20customize%20a%20%3Cselect%3E%20field%20in%20your%20Webflow%20project.%0A%0AI%20made%20the%20customization%20process%20really%20easy.%20In%20the%20Navigator%20you%20will%20see%20a%20custom%20code%20element%20called%20%22style-settings%22.%20Open%20that%20up%20and%20you%20will%20see%20the%20different%20options%20for%20Color%20and%20Spacing.%20Comments%20are%20used%20as%20well%20so%20you%20know%20which%20does%20what.%20Simply%20copy%20and%20paste%20in%20your%20own%20color%20and%20spacing%20values.%20%0A%0ALast%2C%20we%20need%20to%20initiate%20the%20the%20plugin%20by%20copying%20the%20simple%20script%20code%20that%20is%20located%20in%20the%20Page%20Settings%20%3E%20Custom%20Code%20%3E%20%3C/body%3E.%20You%20can%20also%20add%20that%20code%20and%20the%20%3Cstyle%3E%20code%20to%20your%20Sites%20Settings%20Custom%20Code%20%28global%29%20so%20it%20translates%20across%20your%20entire%20site%20for%20all%20forms%20that%20have%20a%20%3Cselect%3E%20input%20field.%0A%0AHope%20you%20dig%20it%20and%20of%20course%20I%20hope%20it%20helps%21
Tags:
- select
- customselect
- customfields
- customcode
- form
Visit Site
Custom%20Select%20Field
A%20cloneable%20project%20using%20the%20Nice-Select%20JQuery%20plugin%20to%20style%20and%20customize%20a%20%3Cselect%3E%20field%20in%20your%20Webflow%20project.%0A%0AI%20made%20the%20customization%20process%20really%20easy.%20In%20the%20Navigator%20you%20will%20see%20a%20custom%20code%20element%20called%20%22style-settings%22.%20Open%20that%20up%20and%20you%20will%20see%20the%20different%20options%20for%20Color%20and%20Spacing.%20Comments%20are%20used%20as%20well%20so%20you%20know%20which%20does%20what.%20Simply%20copy%20and%20paste%20in%20your%20own%20color%20and%20spacing%20values.%20%0A%0ALast%2C%20we%20need%20to%20initiate%20the%20the%20plugin%20by%20copying%20the%20simple%20script%20code%20that%20is%20located%20in%20the%20Page%20Settings%20%3E%20Custom%20Code%20%3E%20%3C/body%3E.%20You%20can%20also%20add%20that%20code%20and%20the%20%3Cstyle%3E%20code%20to%20your%20Sites%20Settings%20Custom%20Code%20%28global%29%20so%20it%20translates%20across%20your%20entire%20site%20for%20all%20forms%20that%20have%20a%20%3Cselect%3E%20input%20field.%0A%0AHope%20you%20dig%20it%20and%20of%20course%20I%20hope%20it%20helps%21
Tags:
- select
- custom
- form
- customcode
- jquery
Visit Site
Springwoods%20Music%20Fest
A%20site%20I%20built%20for%20Springwoods%20Music%20Fest.%20This%20was%20a%20fun%20project%20for%20an%20event%20director%20hosting%20a%20really%20cool%20Music%20fest%20in%20the%20heart%20of%20Atlanta%21
Tags:
- music
- music%20festival
- rapper
- atlanta
- springwoods
- website%20for%20music
Visit Site
unique-button-3
Another%20unique%20button%20for%20you%20to%20clone%20for%20your%20project.%20Enjoy%21
Tags:
- button
- custombutton
- ix2
- interactions2
Visit Site
Scroll%20Magic
This%20project%20is%20using%20the%20ScrollMagic%20API%20to%20pin%20elements%20while%20toggling%20animation%20classes%20for%20children%20elements%20or%20anything%20else.%20Scroll%20Magic%20is%20cable%20of%20much%20more%20but%20this%20is%20a%20small%20project%20I%20did%20to%20try%20it%20out.%20%0A%0AYou%20can%20see%20the%20Info%20Card%20Section%20gets%20pinned%20to%20the%20top%20while%20the%20javascript%20adds%20a%20class%20%28that%20I%20built%20with%20Webflow%29%20for%20the%20scaling%20and%20drop%20shadow%20of%20the%20card%20that%20allows%20me%20to%20add%20that%20class%20based%20of%20triggers%20I%20made%20in%20the%20project%20using%20just%20div%20blocks%20with%20specific%20ID%27s%20as%20well%20as%20trigger%20hooks%20and%20the%20duration%20for%20which%20the%20class%20is%20applied%20for.%20%0A%0AHere%20are%20the%20links%20to%20read%20more%20info%20about%20ScrollMagic%3A%0Ahttp%3A//scrollmagic.io/%0Ahttps%3A//github.com/janpaepke/ScrollMagic
Tags:
- animation
- javascript
- custom
- sticky
- scrollmagic
Visit Site