Issue 20
Special week for me, the Left Navigator BETA was the first major feature release that I have been part of since joining the Webflow team. Check it out and let us know what you think.
The tips and tricks section exploded this week with content from regular contributor WebDev For You and newcomer F'in Sweet. So much quality content from the community, you don't want to miss any of them.
Five new templates that you can use on your next project.
Webflow
Here's some content from Webflow's official channels.
New navigator location (plus some new features)
We’re moving the navigator to the left side of the Designer, and adding the ability to pin and resize it. Try it out in beta.
Reorder the display of CMS Collections
Now you can drag and drop your collections in the Designer or Editor into whatever order you’d like them to display.
16 incredibly useful wireframe and UI kits for web designers
Kick start your design process with these templates and UI kits, packed with elements and components you can copy-paste into your projects.
How BugHerd used Webflow to give marketers development powers and increase conversion rates by 65%
BugHerd shares how they’ve benefitted from handing their marketing team the keys to make website changes independently.
Creating multiple layouts for Webflow collection template pages
Duration - 1:1:56
Showcases
Here's a sample of great sites built in Webflow. #MadeInWebflow
Finsweet - Webflow
by F'in Sweet
MBDC - Webflow
by MBDC
urosmikic - Webflow
by Uros
My Portfolio - Webflow
by Riley Jones
IllustreGrafik Website - Webflow
by Patrick
Dinergy Marketing Solutions - Webflow
by Byron
Justine Wargnier - UI Designer Portfolio - Webflow
by Justine
Tips, Tricks, & Tutorials
Take some time to learn something new.
Buttons 2 - Webflow
by Web Desire
3d Flipping card - Webflow
by russian
trite - Webflow
by MaX
3D Impossible Shape - Webflow
by Eli
international telephone input - Webflow
by Moshfequr
Recriando o site da HBO GO | Tutorial de Webflow
Duration - 0:33:50
Tutorial de WEBFLOW (Site Responsivo sem programação)
Duration - 0:15:28
WebDev For You - Daily Interaction #119 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #120 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #121 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #122 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #123 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #124 - Webflow
by WebDev for You
WebDev For You - Daily Interaction #125 - Webflow
by WebDev for You
Closing modal window on the ESC button. 99ui#8 - Webflow
by Mikhail
Neon Store | Webflow Tutorial | Grid, flexbox, columns #madeinwebflow
Duration - 0:26:48
How to auto "crop" CMS collection list images (16:9 aspect ratio example)
by Ezra Siton
Building A Website Header in Webflow | Animal Conservation UI | WebDev For You
Duration - 1:16:12
Webflow Hack #1 - Custom success message in a Webflow Form default Success state
Duration - 0:6:12
Webflow Hack #2 - Custom success message in a Webflow Form with url redirect
Duration - 0:7:59
Webflow Hack #3 - Count and display the amount of items in a Webflow Collection List
Duration - 0:3:42
Webflow Hack #4 - Create dynamic Webflow CMS generated anchor links
Duration - 0:7:18
Webflow Hack #5 - Customize CMS item filtering parameters with Webflow CMS text fields
Duration - 0:13:12
Webflow Hack #6 - Use a GIF as a page preloader AND only show it once per day
Duration - 0:10:28
Webflow Hack #7 - Customize Favicon for a specific page
Duration - 0:4:23
Webflow Hack #8 - Create a 404 instant redirect to homepage
Duration - 0:3:29
Webflow Hack #9 - Use 100% custom slider dots for Webflow Slider component
Duration - 0:8:26
Webflow Hack #10 - Use Webflow Interactions to play animation once per day
Duration - 0:9:18
Webflow Hack #11 - Dynamically submit page url through a Webflow web form submission
Duration - 0:4:16
Resources
Here are a collection of great resources that you can use on your next project.
F'in sweet Webflow Hacks - Webflow
by
Cloneable Saas Template [CLONE] - Webflow
by Flowbase
#7 - Three-tier pricing w/ Toggle - Webflow
by MemberStack
Brand ID Template - Webflow
by Aviv
Soft - Technology HTML5 Responsive Website Template
by Ciprian Paraschiv
Misc
Random things get put here because I didn't know where else to put them.
Finsweet & HelloSign - Webflow Client Success
Duration - 0:2:14
Thanks for making it to the end. I hope these sources give you inspiration or head start on your next Webflow project. Did I miss something? Let me know about it on Twitter and you might see it in the next Webflow Weekly issue.
Until next week, happy designing!
.jpg)
