Home
about
work
Blog
Contact
Karpi Blog

Webflow

A selection of the best articles from Karpi Studio regarding

Webflow

Green background with shapes and text 'the no code revolution'

Website & Webflow SEO Optimization: Images

In this tutorial we will be talking about errors that come up during website testing in the Google PageSpeed Insight.
Green background with shapes and text 'the no code revolution'

Stacking Cards animation - Sliding from Bottom sections - via GSAP

Welcome to our tutorial on how to create a scroll-triggered slide animation using GSAP and ScrollTrigger. This guide will walk you through setting up a basic HTML structure, styling your slides with CSS, and finally, creating smooth, engaging animations with GSAP. By the end of this tutorial, you'll have a fully functional scroll-triggered animation that you can customize for your projects.
Green background with shapes and text 'the no code revolution'

Harnessing the Power of Webflow Website Design for Clean-Technology Businesses

Discover the importance of exceptional Webflow website design for clean-technology businesses, the essential elements to include, and how to create a visually stunning and user-friendly site.
Green background with shapes and text 'the no code revolution'

Webflow: Revolutionizing the Electronics Industry for Giants and Startups Alike

The power of Webflow has been recognized and embraced by both well-established electronics giants and emerging startups, proving its versatility and effectiveness in the industry. This comprehensive article will explore the impact of Webflow on two major players in the electronics industry: Dell, a multinational technology giant, and Karpi Studio, a creative digital agency that has worked with innovative electronics startups.
Green background with shapes and text 'the no code revolution'

Webflow CMS: Revolutionizing the World of Content Management

Are you tired of struggling with complex website builders and content management systems? Looking for a platform that allows you to create visually stunning websites while managing your content effortlessly? Your search ends here. Welcome to the world of Webflow CMS, a game-changer in the field of content management and web design.
Green background with shapes and text 'the no code revolution'

Webflow: Empowering Creativity and Freedom in Web Design

Webflow is a game-changing no-code web design tool that allows users to create stunning, responsive, and SEO-optimized websites without having to write a single line of code. It's the perfect platform for designers, entrepreneurs, and developers looking to build beautiful, high-performance websites while maintaining full creative control.
Green background with shapes and text 'the no code revolution'

ChatGPT-4 Launch: A Game Changer for Webflow Agencies

Discover how the launch of ChatGPT-4 is set to revolutionize web design for Webflow agencies, enhancing creativity, productivity, and user experience.
Green background with shapes and text 'the no code revolution'

Harnessing the Power of ChatGPT in Webflow: Revolutionizing Web Design

Discover how to leverage the capabilities of ChatGPT to create captivating website structures, headlines, and more in Webflow.
Green background with shapes and text 'the no code revolution'

Best way to create responsive vertical text in Webflow

In this tutorial, we will learn the best way to create a fully reponsive vertical text in Webflow!
Green background with shapes and text 'the no code revolution'

Is Webflow Better Than Coding?

In some ways, Webflow can be better than coding, as it’s far easier to learn and a great way to enter the web development industry. But it’s still vital to know how to code if you want to go deeper into web development since most of Webflow’s customizability needs coding skills from the developer.
Green background with shapes and text 'the no code revolution'

Free Alternatives to Webflow

From drag-and-drop editors to advanced SEO features, these alternatives to Webflow offer a wide range of free features to help you quickly build a responsive website or online store: • GoDaddy – Best Overall‍ • Mailchimp – Runner Up • Wix – Best For Local Businesses • WordPress – Best For Bloggers And Devs • Weebly – Best For Beginners
Green background with shapes and text 'the no code revolution'

How Do I Edit Content In Webflow?

Webflow includes two basic editing methods: the Webflow Designer and Webflow Editor. The Designer is the most powerful way to edit content since it’s also how you build the website and add new content, and the Editor is the safer option since it only edits content without changing the layout.
Green background with shapes and text 'the no code revolution'

Is Webflow Worth Learning?

Webflow is worth learning for anyone who wants to use a relatively simple web development platform that’s still powerful enough to customize in numerous ways. It is also the perfect starting point for those who want to learn more technical web design and development skills on other platforms.
Green background with shapes and text 'the no code revolution'

What Webflow Cannot Do

Webflow cannot help you avoid code entirely, and its feature set trails behind code-based development platforms. eCommerce, versioning, and multilingual support can hamper big projects. In addition, the CMS, asset, traffic, and webpage limits can restrict your scope and future scalability.
Green background with shapes and text 'the no code revolution'

Is Webflow Low Code?

Webflow is a popular no code website development tool with a visual canvas that allows you to create, build and publish responsive websites. Although Webflow is a low-code platform, it can still handle complex SEO projects, web apps, and eCommerce sites that require scalable customizations and additional security.
Green background with shapes and text 'the no code revolution'

How to create a Marquee

This tutorial will help to create an infinite vertical text component, other words a ‘Marquee.'
Green background with shapes and text 'the no code revolution'

How to build a custom cursor on Webflow.

Tutorial showing how to build a custom cursor on Webflow
Green background with shapes and text 'the no code revolution'

How to animate a number with CountUp on Webflow

Tutorial showing how to animate a number with CountUp on Webflow
Green background with shapes and text 'the no code revolution'

Webflow gradient text animation

This article outlines how to create Webflow gradient text animation
Green background with shapes and text 'the no code revolution'

Element Glitch tutorial Webflow

Tutorial showing how to create the glitch effect on hover in Webflow
Green background with shapes and text 'the no code revolution'

Webflow now supports WebP images for faster websites!

This article outlines the recent change for native WebP image format support inside Webflow and what this means for the sites we build here at Karpi Studio.
Green background with shapes and text 'the no code revolution'

How to make Finsweet CMS Slider and CMS Tabs work on nested collections

Learn how to make Finsweet CMS Slider and CMS Tabs work on nested collections.
Green background with shapes and text 'the no code revolution'

How to add anchor links on static and dynamic rich text on Webflow

Tutorial showing how to add anchor links inside Webflow's rich text element.
Green background with shapes and text 'the no code revolution'

How to create text scaling from one side on Webflow

Webflow tutorial showing how to create text scaling effect from one side on scroll.
Green background with shapes and text 'the no code revolution'

The QA Standards and Procedures of Our Web Design and Webflow Agency

We created a tutorial to help you test your website performance. Each website that goes via this process is 100% ready for deployment and we're sure that will not disappoint your visitors.
Green background with shapes and text 'the no code revolution'

How to insert images to Webflow CMS and keep the SEO performance high

An introduction to best practices for introducing images to your Webflow project. For beginners and clients.
Green background with shapes and text 'the no code revolution'

How to place a citation (div) in the running text (p) on Webflow

Rob was the inspiration behind my first blog when he wrote a few days ago (30th January 2021), on the Webflow forum asking for help on how to do the "superscript and orange square."