Issue 21
It's my pleasure to introduce you to a couple great things that I got to be part of.
Grid 2.0!
CMS Collection Manager!
And one that I love just as much, multi-ref filters on template pages!
#MadeInWebflow showcases, grid to fullscreen tutorial, hide passwords input, swipers, box slider, interaction tutorials, an audio player, and several grid templates.
Webflow
Here's some content from Webflow's official channels.
CSS grid: release 2.0
We’ve made some major updates and improvements to grid layout in Webflow that makes designing responsive layouts even easier.
CSS grid: release 2.0
We’ve dramatically expanded what’s possible with grid in Webflow, and made some changes to how grid layout works.
Quickly locate and delete CMS collection connections
Now you can easily see all the pages, templates, and symbols that are tied to your collection content and quickly delete those connections with one click.
Filter collection lists by multi-reference fields on template pages
Now you can filter collection lists by multi-reference fields, making it easier to create related posts based on multiple attributes like tags and categories.
Spanning sparkling water flavors in a ROYGBIV grid
Duration - 0:6:30
CSS grid: release 2.0 — grid-based layouts in Webflow
Duration - 0:6:5
How to overlap content in CSS grid — Webflow Grid 2.0 tutorial
Duration - 0:4:19
Turn a collection list into a responsive grid — CSS grid layouts
Duration - 0:5:25
Showcases
Here's a sample of great sites built in Webflow. #MadeInWebflow
Dropr. - Webflow
by Marc
Much Editora - Webflow
by Diogo
Baruch Pi Website - Webflow
by Baruch
magictheatrestudio - Webflow
by Samuel
winesome & friends - Webflow
by Jonas
E, Manrique Portfolio - Webflow
by Ernesto
Chase Dillon Portfolio - Webflow
by Julian
Juan Mant'z Creative Portfolio - Webflow
by Juan
Tips, Tricks, & Tutorials
Take some time to learn something new.
Grid To Fullscreen - Webflow
by CJ
filter-testing - Webflow
by Kjell
show-hide-password - Webflow
by Moshfequr
Swiper Showcase Example - Webflow
by CJ
[Tutorial] How to add bxSlider in Webflow (ticker style carousel) - Resourc
by Aviv
WebDev For You - Animal Conservation UI - Webflow
by WebDev For You
WebDev For You - Daily Interaction #126 - Webflow
by WebDev For You
WebDev For You - Daily Interaction #127 - Webflow
by WebDev For You
WebDev For You - Daily Interaction #128 - Webflow
by WebDev For You
WebDev For You - Daily Interaction #129 - Webflow
by WebDev For You
Follow Up - Animal Conservation UI | Made in Webflow | WebDev For You
Duration - 0:17:47
Resources
Here are a collection of great resources that you can use on your next project.
Webflow Audio Player | Webflow Tools | Udesly.com
by Udesly
Grid 2.0: Blog posts - Webflow
by
Grid 2.0: Pinned item - Webflow
by
Grid 2.0: Fluid homepage - Webflow
by
Overlapping content in a news grid - Webflow
by
Designing a grid-based collection list - Webflow
by
Spanning seltzer flavors in a ROYGBIV grid - Webflow
by
Misc
Random things get put here because I didn't know where else to put them.
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!