Senior%20web/graphic%20designer%20in%20love%20with%20creating%20unique%20products%20and%20collaborating%20with%20crazy%20minds%20around%20the%20world.
sarkis has 97 followers on Webflow.
Activate%20Editing%20Mode%20%uD83D%uDE31
I%20was%20working%20on%20this%20prototype%20and%20half%20way%20through%20decided%20I%20wanted%20users%20to%20feel%20exactly%20how%20frustrating%20web%20design%20can%20be.%20So%20I%20added%20one%20line%20of%20custom%20javascript%20code%20that%20activates%20EDITING%20MODE%20across%20the%20site%20and%20will%20annoy%20the%20living%20shit%20out%20of%20any%20living%20being.%20I%27m%20so%20rotten%20I%20need%20to%20be%20turned%20into%20banana%20bread%20%uD83D%uDE02%0A%0A%3Cscript%3E%0Ajavascript%3Adocument.body.contentEditable%3D%27true%27%3B%20document.designMode%3D%27on%27%3B%20void%200%0A%3C/script%3E
Tags:
- customcode
- javascript
- editing
- mode
- clonable
- prank
Visit Site
Clonable%20Squarespace
I%20rebuilt%20Squarespace%27s%20website%20for%20desktop%20during%20my%20free%20time%20in%20a%20couple%20of%20days%20and%20it%20can%20easily%20be%20adjusted%20for%20mobile.%20The%20beauty%20of%20Webflow%20is%20that%20it%20doesn%27t%20dictate%20anything.%20It%27s%20an%20open%20canvas%20and%20you%20can%20create%20anything.%20Even%20Webflow%27s%20own%20website%20and%20builder%20if%20you%20wanted%20to.%20That%27s%20the%20future%21%20I%20wonder%20if%20you%20can%20do%20that%20on%20Squarespace%20%uD83E%uDD14%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- squarespace
- clonable
- website
- template
- sarkis
Visit Site
Bouncing%20Switches
Before%20Webflow%2C%20we%20had%20to%20manually%20create%20these%20animations.%20Now%2C%20you%20can%20just%20select%20an%20easing%20animation%20option.%20Isn%27t%20that%20crazy%3F
Tags:
- bounce
- interaction
- animation
- switch
- effect
- native
- webflow
- nocode
- easing
- clonable
Visit Site
Upcoming%20CIV6%20Prototype
Civilization%20VI%20is%20one%20of%20my%20favorite%20strategy%20games%20of%20all%20time.%20I%27m%20stoked%20to%20be%20rebuilding%20its%20complete%20dashboard%20and%20in%20game%20controls%20from%20the%20ground%20up%20in%20Webflow%20to%20demonstrate%20this%20platforms%20capabilities.%20I%27m%20always%20looking%20for%20creative%20challenges%20outside%20of%20creating%20advanced%20software%20prototypes%20for%20companies.%0A%0AIf%20you%20enjoy%20my%20work%20and%20want%20to%20be%20the%20first%20to%20experience%20the%20full%20Civilization%20VI%20prototype%2C%20would%20really%20appreciate%20you%20following%20me%20and%20liking%20your%20favorite%20projects%20so%20that%20more%20people%20can%20easily%20find%20them.%0A%0AThe%20prototype%20is%20coming%20out%20in%20early%20February%2C%20stay%20tuned%20%3A%29
Tags:
- civilization
- strategy
- game
- prototype
- teaser
- nativewebflow
Visit Site
Wormy%20Cursor
GET%20IT%20OFFFFF%21%21%21%20%uD83D%uDE04%0A%0AYou%20can%20customize%20your%20worm%20through%20the%20page%27s%20custom%20code.%20This%20was%20adapted%20from%20http%3A//processing.org/learning/topics/follow3.html
Tags:
- worm
- cursor
- custom
- code
- mouseover
- interaction
Visit Site
Swerving%20Registration
undefined
Tags:
- form
- login
- signup
- interactive
- animated
- registration
Visit Site
Native%20Photo%20Masking
1.%20Create%20a%20SECTION%20called%20foreground%2C%20change%20display%20to%20FLEX%2C%20center%20align%20it%2C%20and%20set%20its%20position%20to%20ABSOLUTE%20with%20a%20height%20of%20100VH.%20Give%20it%20a%20COVER%20%u2192%20FIXED%20background.%20Upload%20a%20blurred%20version%20of%20your%20photo.%0A%0A2.%20Drop%20a%20DIV%20called%20MASK%20into%20the%20SECTION%20and%20customize%20it%20however%20you%20like.%20Set%20its%20position%20to%20ABSOLUTE%20with%20a%20Z%20INDEX%20of%201.%20For%20the%20zoom%20effect%2C%20simply%20add%20a%20CLICK%20interaction%20on%20the%20MASK.%0A%0A3.%20Drop%20another%20DIV%20within%20MASK%20called%20PHOTO%2C%20set%20its%20width%20100VW%20and%20height%20100VH.%20Change%20its%20position%20to%20ABSOLUTE%2C%20give%20it%20a%20COVER%20%u2192%20FIXED%20background%2C%20and%20upload%20the%20original%20image.%0A%0A4.%20Add%20a%20PAGE%20TRIGGER%20interaction%2C%20select%20MOUSE%20MOVE%20IN%20VIEWPORT%2C%20and%20create%20an%20animation.%20Add%20MOVE%20interactions%20in%20the%20MOUSE%20X%20and%20Y%20panels.%0A%0AMASK%20-%20Set%20X%u2019s%20position%20to%20-50VW%20at%200%25%20and%2050VW%20at%20100%25.%20Set%20Y%u2019s%20position%20to%20-50VH%20at%200%25%20and%2050VH%20at%20100%25.%0A%0APHOTO%20-%20Set%20X%u2019s%20position%20to%2050VW%20at%200%25%20and%20-50VW%20at%20100%25.%20Set%20Y%u2019s%20position%20to%2050VH%20at%200%25%20and%20-50VH%20at%20100%25.%0A%0AThat%27s%20all%20folks%20%3A%29
Tags:
- native
- photo
- masking
- clipping
- interaction
- animation
- nocode
- webflow
- technique
- mouseover
- magnify
- effect
Visit Site
%u20AE%u2C67%u0246%20%u0246%u20A6%u0110%20%u2022%20Survival%20Game
I%27m%20developing%20an%20interactive%20template%20that%20will%20enable%20anyone%20to%20create%20full%20blown%20classic%20text%20adventure%20games%20natively%20in%20Webflow%20that%20look%2C%20play%2C%20and%20feel%20amazing.%20This%20is%20the%20first%20game%20I%20created%20to%20demonstrate%20its%20capabilities.%0A%0ACan%20you%20survive%20the%20night%20or%20is%20this%20the%20end%3F%20Make%20your%20choices%20carefully%20in%20this%20nerve-racking%20literary%20survival%20game.%20Test%20your%20nerves%20and%20share%20your%20pain%20with%20your%20friends.%0A%0AI%20hope%20you%20enjoy%20it%20as%20much%20as%20I%20enjoyed%20preparing%20it%20%3A%29
Tags:
- theend
- text
- adventure
- game
- nativewebflow
- horror
- pointclick
- survival
- nocode
- responsive
- fun
- challenge
Visit Site
AppleTV%20Weather
I%20love%20the%20AppleTV%20remote%20and%20how%20it%20interacts%20with%20apps.%20I%27m%20gradually%20developing%20all%20the%20primary%20tabs%20from%20the%20ground%20up%20natively%20in%20Webflow.
Tags:
- apple
- weather
- ios
- appletv
- parallax
- animation
- interaction
- hover
- tab
- button
- mouseover
- nativewebflow
Visit Site
Noir%20Button
Teaser%20for%20an%20upcoming%20noir%20themed%20website%20%3A%29
Tags:
- noir
- button
- native
- animation
- interaction
Visit Site
Redartious%20Platform%20Prototype
Outcrowd.io%20designed%20this%20beautiful%20photo%20editor%20concept%20back%20in%202015.%20Not%20sure%20what%20happened%20to%20it%20so%20I%20brought%20it%20back%20to%20life%20on%20Webflow.%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- redartious
- photoediting
- platform
- software
- prototype
Visit Site
Dashboard%20Prototype
I%27ve%20natively%20recreated%20the%20dashboard%20concept%20by%20Ali%20Sayed.%20Like%2C%20clone%2C%20and%20follow%20me%20for%20more%20valuable%20assets.%20And%20definitely%20check%20out%20Ali%27s%20work%20https%3A//dribbble.com/alisayed%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- dashboard
- prototype
- interface
- ui/ux
- native
- dribbble
Visit Site
PS4%20Complete%20Prototype
I%27m%20on%20a%20mission%20to%20prove%20that%20you%20can%20build%20practically%20anything%20with%20Webflow.%20So%20I%20natively%20developed%20the%20entire%20PS4%20experience%20for%20desktop%20and%20included%20nearly%20every%20feature.%20I%27ll%20gradually%20integrate%20the%20individual%20setting%20menus%20and%20so%20on.%20It%27s%20just%20a%20matter%20of%20copy/paste.%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- sony
- playstation
- ps4
- experience
- prototype
- mvp
- ui/ux
- nativewebflow
- gaming
- consoles
Visit Site
Native%20Dual%20Loaders
Created%20using%20simple%20interactions.
Tags:
- preloader
- loading
- animation
- interaction
- native
- nocode
Visit Site
Pyramidion
The%20top%20of%20a%20pyramid%20is%20called%20a%20pyramidion.%20I%20had%20this%20idea%20of%20picking%20up%20a%20pyramid%20from%20its%20head%20and%20shaking%20it.%20Turns%20out%2C%20it%27s%20addictive%20%uD83D%uDE04
Tags:
- animation
- interaction
- native
- fractal
- pyramid
Visit Site