Noah%20Raskin%20is%20a%20Webflow%20web%20designer%20from%20Orlando%2C%20Florida%20US
graphicowls has 359 followers on Webflow.
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
CMS%20LightBox%20Galleries%20%28The%20Easy%20Way%29
The%20workaround%20for%20using%20CMS%20collections%20with%20the%20native%20lightbox%20in%20Webflow%20can%20be%20extremely%20daunting%20for%20users%20who%20don%27t%20know%20code.%20Plus%20the%20setup%20is%20really%20long%20for%20something%20that%20can%20essentially%20be%20done%20very%20easily%20with%20the%20right%20tools.%0A%0AWell%20in%20this%20project%20we%20are%20looking%20at%20Magnific%20Popup.%20A%20JQuery%20plugin%20to%20make%20using%20lightbox%20extremely%20easy.%20It%20requires%20hardly%20any%20custom%20code%20to%20get%20what%20you%20want.%20And%20the%20best%20part%20about%20it%20is%20you%20don%27t%20have%20to%20sacrifice%20any%20design%20features%20in%20Webflow.%20%0A%0AAWESOME%21%20Check%20out%20the%20walk-through%20at%20the%20bottom%20if%20the%20page%20to%20get%20started%20using%20Magnific%20Popup%20with%20Dynamic%20Collections%20in%20your%20Webflow%20Project.
Tags:
- popup
- lightbox
- cms
- dynamiclightbox
Visit Site
SikWitIt%20%7C%20Music%20Producer%20Website
New%20website%20for%20a%20credited%20music%20producer%20who%20is%20joining%20other%20well%20known%20producers%20in%20licensing%20beat%20instrumentals%20online.
Tags:
- music
- musicwebsite
- music%20producer
- ix2
- webclip
- embed
- customcode
- cms
- slick
Visit Site
Typing%20Text%20%28Typed.js%29
Here%20is%20a%20cloneable%20project%20using%20typed.js%20to%20type%20out%20strings%20of%20text.%0A%0AUPDATE%20%28Sep.%2026%2C%202019%29%3A%20Text%20now%20wraps%20properly.
Tags:
- typed
- typing%20effect
- javascript
Visit Site