nathandennisdesign has 30 followers on Webflow.
Vine%20Simulator
Just%20a%20dumb%20little%20test%20to%20see%20if%20I%20could%20use%20Webflow%27s%20CMS%20to%20simulate%20the%20obsolete%20Vine%20app%20and%20bring%20back%20some%20nostalgia.%20I%20must%20have%20thrown%20it%20together%20in%20a%20day%20so%20it%27s%20definitely%20not%20a%20finished%20product%20or%20anything%2C%20but%20when%20I%20made%20it%20a%20year%20ago%20it%20really%20made%20me%20realise%20that%20almost%20anything%20is%20possible%20in%20Webflow.%0A%0AUsing%20the%20CMS%20I%20was%20even%20able%20to%20create%20a%20little%20share%20button%20that%20took%20you%20to%20the%20posts%20page%20where%20you%20could%20get%20the%20actual%20URL%20for%20the%20post%2C%20as%20well%20as%20some%20little%20interactions%20here%20and%20there%20like%20the%20like%20button.%20But%20you%20could%20definitely%20have%20pushed%20it%20further%20to%20have%20more%20interactions%20and%20transitions%20to%20make%20it%20feel%20like%20more%20of%20an%20app.%20%0A%0AYou%20have%20to%20stop%20the%20video%20from%20playing%20before%20you%20move%20on%20to%20the%20next%20one%2C%20but%20by%20using%20the%20embed%20tool%20I%20was%20able%20to%20use%20some%20Youtube%20embed%20code%20that%20enables%20the%20video%20to%20loop%2C%20then%20I%20connected%20it%20to%20the%20CMS%20to%20replace%20the%20relevant%20parts%20of%20the%20code%20needed%20for%20each%20post.
Tags:
- cms
- concept
- test
- simulator
- video
- socialmedia
- demo
- ui/ux
- interactions
- youtube
Visit Site
Travel%20Blog%20-%20Daily%20Rebuild%20%231
In%20order%20to%20help%20me%20get%20in%20the%20zone%20a%20bit%20better%20each%20morning%2C%20learn%20more%20from%20the%20best%20designers%20in%20the%20industry%20and%20test%20what%27s%20capable%20with%20Webflow%2C%20I%27ve%20had%20an%20idea%20where%20I%20find%20a%20design%20I%20think%20is%20interesting%20and%20try%20to%20recreate%20it%20in%20Webflow%20in%20under%20an%20hour.%20%0A%0AMy%20first%20build%20is%20recreating%20Kyle%20McDowell%27s%20%22Travel%20Blog%20Concept%22.%20I%20liked%20the%20way%20this%20sleek%20layout%20utilises%20an%20interesting%20right%20angle%20navigation%2C%20which%20informs%20the%20rest%20of%20the%20contents%20positioning%20inside%20a%20slider.%20So%20it%20was%20interesting%20trying%20to%20figure%20out%20the%20best%20way%20to%20have%20a%20consistent%20layout%20for%20both%20the%20nav%20and%20the%20slider.%0A%0ACheck%20out%20the%20original%20concept%20here%3A%20https%3A//dribbble.com/shots/4713897-Travel-Blog-Concept
Tags:
- rebuild
- travel
- blog
- photography
- slider
- navigation
- minimalism
- dribble
- portfolio
- test
- concept
Visit Site
Habitat%20Concept
Quick%20little%20test%20to%20see%20if%20an%20cool%20interaction%20someone%20found%20on%20Dribble%20was%20possible.%0A%0AConcept%20by%20Cosmin%20Capitanu%0A%0ADeveloped%20in%20Webflow%20by%20Nathan%20Dennis
Tags:
- interaction
- slider
- gallery
- carousel
- dribble
- concept
- minimalist
Visit Site
PAD%20Graphic%20Design%20Portfolio
Playing%20off%20of%20his%20initials%20being%20P.%20A.%20D.%20%28Paul%20Adrian%20Dennis%29%20we%20came%20up%20with%20the%20concept%20to%20display%20his%20graphic%20design%20portfolio%20using%20an%20illustrated%20drawing%20pad%20slider%20to%20display%20the%20featured%20projects.%0A%0AIt%27s%20a%20simple%20website%20really%20but%20it%27s%20something%20I%20haven%27t%20seen%20before%20with%20other%20portfolio%20sites.%20I%20think%20it%27s%20a%20great%20example%20of%20coming%20up%20with%20an%20idea%20for%20an%20interaction%20and%20then%20using%20Webflow%27s%20amazing%20tools%20to%20make%20it%20happen.%20It%20really%20does%20feel%20like%20anything%20is%20possible%20with%20this%20software%21
Tags:
- logo
- logo%20design
- portfolio
- portfoliowebsite
- interaction
- animation
- drawing
- graphicdesign
- graphicdesigner
- splitscreen
- minimalist
- branding
- brand
- branding%20consultant
Visit Site
3D%20Animated%20Box%20Model%20Made%20With%20CSS%20Grid
I%20was%20playing%20around%20with%20Webflow%27s%20CSS%20Grid%20functionality%20and%20realised%20that%20if%20you%20make%20a%20net%20of%20a%20box%20using%20CSS%20Grid%2C%20then%20just%20folded%20the%20sides%20together%20using%20the%20transform%20options%20and%20then%20use%20Webflow%27s%20animation%20abilities%20to%20rotate%20the%20element%20everything%27s%20in%20you%20could%20make%20a%203D%20box.%20I%20was%20playing%20around%20with%20this%20when%20I%20was%20making%20my%20new%20portfolio%20website%20so%20I%20put%20one%20of%20my%20website%20designs%20on%20the%20box.
Tags:
- 3dmodel
- css
- cssanimation
- cssgrid
- box
- websitedesigner
- portfolio
- concept
- interaction
Visit Site