About Sidney Ottelohé - sidneyottelohe
UI & product design, front-end developer. co-creator of @SpreadShareCo
Found in: Antwerp Belgium
sidneyottelohe has 575 followers on Webflow.
Public Sites by sidneyottelohe:
Hi folks! I just launched this tool on Product Hunt, it allows you to grab screenshots from various viewports at once, preview or download them.
I built everything in Webflow first so I thought to share the project with all the styles and components.
Live Link: https://responsive-screenshots.com
PH Link: https://www.producthunt.com/posts/responsive-screenshotsTags:
Webflow + React
This is a quick example showing it is possible to add/integrate React Components into your existing Webflow sites.
How I did this:
- I first created a static component with all the elements and styles
- Published the site and copied the component's HTML from the live site
- Converted the HTML into JSX with http://magic.reactjs.net/htmltojsx.htm
- Coded a quick todo app functionality and retrofitted the generated JSX
- Placed a div on the page where the React Component needs to render
(It's a good idea to keep the static components alive on a separate page somewhere for when you want to update the styles etc)
That's it; you now have a React Component using Webflow generated styles!Tags:
Experimental multi-step form created with the Webflow slider component.
Isotope Search & Filter + Webflow CMS
Filter and Search Dynamic Collections using Isotope.Tags:
Animated Toggle Switch
I had some fun turning the Webflow Checkbox component into an animated Toggle Switch, using only Webflow Interactions.Tags:
- user interface
Web Design Proposal Generator
Easily Create Web Design Proposals for your clients.Tags:
- ui design
- responsive design
Pure CSS Apple Keyboard
Another fun project today,
This Apple Keyboard is purely made out of html elements and css using Webflow
ps: I Love Feedback!Tags: