Manifest.wf

web design revolution WITH WEBFLOW
LIVE

Komparator

Overview of Webflow
Plans & Pricing
Start
Looking back before diving into the new year
Published on
December 29, 2020
Meta

2020 Webflow Features Wrap-up!

The past year has been rich in events of all sort — that's an euphemism — and was also the most packed in Webflow features, so far.
What happened? And what's to come?
★ This post has been featured on the Webflow blog
Articles & tutorials
Meta
Looking back before diving into the new year

2020 Webflow Features Wrap-up!

The past year has been rich in events of all sort — that's an euphemism — and was also the most packed in Webflow features, so far.
★ This post has been featured on the Webflow blog
Make
Craft the perfect button using Webflow, HTML5 and Javascript

The Perfect Button

What would it take to build the perfect button, and it is all doable with Webflow?
★ This post has been featured on the Webflow blog
Make
Animate your CSS backgrounds with Webflow

CSS Background animation

Is it possible to animate backgrounds with Webflow, and does it require custom code?
★ This post has been featured on the Webflow blog
Learn How to use HTML5 tags in Webflow

Design with HTML5 Semantic Elements

★ This post has been featured on the Webflow blog
Make
You can make a trigger of an interaction affect any element, even if the element has multiple classes

Affect any element with a combo class

When you select Affect Another Element in an Interaction, you can only list and select elements that have only one class.
★ This post has been featured on the Webflow blog
Make
Layered fonts and Webflow CMS: a successful duo

Designing with multilayered fonts

Layered fonts, also known as 3D fonts, multi-color fonts, chromatic fonts or dressed fonts, are typefaces coming with numerous font variations that are used one on top of another.
★ This post has been featured on the Webflow blog
Tips

Master absolute positionning

The definitive guide to position elements exactly where your want using position:absolute
If you find yourself regularly clicking everywhere in the Position section of the Layout panel, only to fail placing your element exactly where you need it, then this post is for you.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Tips

Webflow secrets

How many of these Webflow secrets do you already know?
If you’re at all familiar with how the web works, Webflow is a pretty straightforward tool. You don't need to read a library full of documentation to start building a gorgeous website.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Tips

Flexbox and the Grid

How to unwrap Flex containers to use them with the Grid
Find out how to make flex containers play nice with Webflow’s native grid system, and build more logical layouts.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Fixes

Most frequent solutions — Part 2

Easy fixes for puzzling situations
Webflow designers run into each of the following hickups at least once. Or once a month, it depends. So here are a new list of those brain cramps that we read about a lotfrequently on the Webflow Forum.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Fixes

Floating Navbar item

The menu item of the current page jumps to one side of the Navbar
In the Navbar, the link of the current page suddenly moves to the beginning—or the end— of the menu.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Fixes

Top 10 most frequent solutions

We've all been there...
Every Webflow designer run into each of those issues once. Or more. Here is the grand TOP 10 of Webflow designers' most frequent brain cramps!
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Fixes

How to align DIVs

DIVs aren't aligned and disappear upon publishing
DIVs have a dashed border, appear too high, vanish once the site's published.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Fixes

Multi lines message in forms

Build The perfect message box
Instead of going to the next line, the formular is sent by mistake when pressing the Enter key.
★ This post has been featured on the Webflow blog
ReadDemo siteFeatured post
Check the

CMS TIMELINE

of Webflow Features
Releases
Let's go!
DEMOS — Cloneable projects
Demo

Navbar & smooth scrolls

Navbar & smooth scrolls

Learn how to control your smooth scrolls in Webflow

Demo

Scrollable Overlay

Scrollable Overlay

Prevent the body to scroll when scrolling inside a modal window

Demo

Inline SVG Styling

Inline SVG Styling

Learn how to use CSS to style inline SVG vectors

Demo

Metaballs!

Metaballs!

How to make metaballs in Webflow

Demo

Vertical Accordion Menu

Vertical Accordion Menu

How the make the Navbar into an Accordion vertical menu

Demo

Vertical Fullscreen Navigation

Vertical Fullscreen Navigation

Make the Webflow Navbar full height and persistent

Experiment

Horizontal Scrolling Section Template

Horizontal Scrolling Section Template

How to make a sticky horizontal scrolling section with Webflow IX2

Template

Fullpage.js Webflow Template

Fullpage.js Webflow Template

Make fullpage.js work in Webflow in 4 easy steps

Explainer

Global classes and Combo classes with Webflow

Global classes and Combo classes with Webflow

Undertsand how combo-classes work with Webflow. Learn about CSS Specificity.

Tool

SVGIZE

SVGIZE

A command line tool to make transparent JPEG images with the help of SVG. Use it to dramatically reduce filesize of transparent PNG images.

Explainer

Clipping, Masking and other wonderful CSS shaping properties

Clipping, Masking and other wonderful CSS shaping properties

Experiments in clipping, masking, constraining elements with Webflow and the custom code widget.

Explainer

Responsive Square and other fixed ratio elements

Responsive Square and other fixed ratio elements

Learn ho to use one peculiar CSS rule to craft elements of any ratio.

Explainer

Stack elements with HTML and CSS

Stack elements with HTML and CSS

Learn how do browsers order elements on the z axis, and how to use CSS z-index.

Template

Webflow Experiment Template

Webflow Experiment Template

Webflow Experiment template. A template I duplicate each time I need to draft, experiement or showcase a technique or a design bit.

Experiment

One single div

One single div

A casual challenge to make the most out of one single DIV element using Webflow.

Template

Responsive App-Like Navbar

Responsive App-Like Navbar

The Navbar element of this template morphs into a bottom bar on mobile devices instead of turning into a hamburger menu.

Demo

La Lettre — Landing page

La Lettre — Landing page

Landing page using a form and CSS 3D transform, for a Frnech speaking Newsletter about Webflow and live editors.

Template

CSS Only Parallax

CSS Only Parallax

More an experiment than an example to follow... a vertical parallax using only webflow and custom CSS code. It's a bit hard to fine tune and maintain.

Resource

Infield Label Form

Infield Label Form

I wanted to try this approach in and make a clean reusable form structure. I made it on a dark background, and transparent, but it's easily adaptable.

Template

The Showcase template

The Showcase template

Use this starter template to showcase your Webflow work that can't be directly showcased because it's hosted elsewhere, or to showcase any other work.

Demo

The Cookie Template

The Cookie Template

This website is a demo on how to set a cookie, and use it to show a popup message or not. It shows a popup message on your first visit every 24 hours.

Tool

The HTML5 Robot

The HTML5 Robot

Let this made-in-webflow robot chose the appropriate HTML5 tag for you element. Answer its questions and it will tell you what semantic element to use.

Experiment

The Green Print Button

The Green Print Button

A one pager to showcase multiple methods to play with background animations, and try to popularize a design idea for rebooting the Print Button.

Resource

Birdhouse Template

Birdhouse Template

A set of Photoshop, Illustrator, Sketch, Adobe Xd and Affinity Designer templates to generate useful assets for your Webflow projects.

Tool

Pardon my French!

Pardon my French!

A set of Javascript files to translate dates from english to your local language, and to convert time from US to international format.

More of my work...
Check the

Manifest Sandbox

With tons of quick design, layout and IX experiments
Let's go!