Ahmed Qayyum
Ahmed Qayyum
  • 139
  • 618 022
Tiny but Really Mighty Webflow Update
Class is no longer a reserved attribute name for an element, and it actually opens doors to a lot of new possibilities.
Webflow Livestream: webflow.com/livestreams/tiny-but-mighty-product-updates.
Connect with me at:
Instagram: ahmedqayyum32
Twitter: ahmedqayyum32
LinkedIn: www.linkedin.com/in/ahmedqayyum32
zhlédnutí: 116

Video

Input driven Select Field options in Webflow
zhlédnutí 189Před 2 měsíci
Discover how to elevate your web forms using dynamic option loading in this tutorial! Join me as I guide you through creating select fields that adapt based on the user's previous selection. In this tutorial, we'll harness the power of Webflow, leveraging two Finsweet attribute-based solutions along with a custom script to achieve dynamic option loading. Whether you're a beginner or seasoned pr...
Swiper JS Slider Responsiveness in Webflow
zhlédnutí 330Před 3 měsíci
In this video, we discussed two ways to make your Swiper JS Slider responsive in Webflow. Method 1: Utilize Swiper JS parameters and specify the number of slides on different breakpoints. Access the properties here: swiperjs.com/element Method 2: Set slidesPerView to 'auto' and control the slides' width directly from the Webflow properties panel. It's that simple. Connect with me at: Instagram:...
How to use Swiper JS in Webflow for beginners?
zhlédnutí 1,3KPřed 3 měsíci
Whether you're a beginner or an experienced Webflow user, this step-by-step tutorial helps you enhance your website with a sleek and interactive slider. During the video, I show you exactly which script tag to copy from the Swiper documentation. We discuss the structure and class names required to implement the slider seamlessly into your Webflow project. By following along, you'll be able to e...
03 [Product Review] - Implementing Product-Based Review Filtering
zhlédnutí 94Před 4 měsíci
Welcome to the third part of our video series on how to get customer reviews and display them on your website! In this video, we explored how to filter reviews based on the current product page. To achieve this, we utilize the power of native Webflow forms and Webflow CMS, along with Webflow Logic. In this video, we focus on implementing a JavaScript code that will allow us to filter reviews ba...
API Request to OpenWeather using Wized
zhlédnutí 107Před 5 měsíci
Let's build a small app in Webflow using Wized. In this app, our objective is to seamlessly integrate the OpenWeather API to fetch real-time weather information. To master Wized from scratch, let's construct a concise Webflow app. Users will input coordinates (Latitude & Longitude), allowing us to retrieve data such as temperature, city name, and timezone. The subsequent step involves displayin...
CMS Driven Bullet List in Webflow - Step by Step Guide
zhlédnutí 253Před 5 měsíci
CMS driven bullet list in Webflow Fetch bullet list from a single rich text field in CMS, and display it in your desired design structure. We can achieve this by using an attribute based script. Find the script at www.zerodegree.co/hacks/cms-driven-bullet-list Follow the video, or documentation to get it done. Connect with me at: Instagram: ahmedqayyum32 Twitter: ahmed...
Creating a Div block with a custom shape entirely through CSS
zhlédnutí 198Před 5 měsíci
Achieve this effortlessly with a user-friendly approach-no learning curve involved. 1. Design your shape in @Figma using the pen tool or your preferred method, then export it as an SVG. 2. Head to www.plantcss.com/css-clip-path-generator 3. Upload your SVG file and click the convert button. 4. Copy the resulting clip path, consisting of multiple percentage values. In @Webflow insert an embed bl...
Quickly rename Relume Component classes in less than 20 seconds!
zhlédnutí 222Před 5 měsíci
Nothing too complex, just a handy tip. When creating pages in Webflow with Relume, renaming classes can get a bit tricky. However, there's a swift way to do it-navigate to the Style Manager, and you can rename all classes for a component at once. Connect with me at: Instagram: ahmedqayyum32 Twitter: ahmedqayyum32 LinkedIn: www.linkedin.com/in/ahmedqayyum32
Careem's Website Audit: 10 Issues You Can't Afford to Ignore
zhlédnutí 131Před 6 měsíci
Welcome to this in-depth audit of Careem's website! 🚗 In this video, I'll be uncovering 10 crucial issues that demand immediate attention for a smoother user experience and enhanced website performance. Optimizing Section Dividers: We'll explore the benefits of using SVG overlay section dividers instead of large background section images, potentially reducing file size from 1.1MB to a mere 10KB...
Calculate how much carbon your website emits with each visit?
zhlédnutí 42Před 6 měsíci
We're diving into a topic that might surprise you: the carbon footprint of websites. Did you know that every time you visit a website, it contributes to carbon emissions? 😱 I stumbled upon a fantastic tool called www.websitecarbon.com/ that allows you to calculate just how much carbon is emitted with each visit to a website. In this video, I'll be showing you the results of a specific webpage, ...
Experience the Magic of Flying Birds with Webflow Interactions
zhlédnutí 81Před 7 měsíci
Dive into the magic of web design with this quick tutorial! Witness the beauty of flying birds through a captivating GIF on your site. As the page loads, marvel at the Webflow Interactions in action, gracefully moving the birds from 10vw to -100vw, creating a seamless and enchanting experience. Connect with me at: Instagram: ahmedqayyum32 Twitter: ahmedqayyum32 LinkedI...
02 [Product Review] - How to display the average and total number of reviews on your website? 🤔
zhlédnutí 221Před 9 měsíci
📊 Learn How to Count Reviews and Calculate Average Ratings in Webflow CMS 📊 We'll walk you through the steps to easily count the total number of reviews and calculate the average ratings within your Webflow CMS collection. Whether you're running an e-commerce site, a review platform, or any website with user-generated content, this script can provide valuable insights. 🔗 Access the Script: gith...
How to connect Airtable with Webflow effortlessly using Wized
zhlédnutí 1,7KPřed 9 měsíci
Let me show you how to connect Airtable with Webflow effortlessly using a fantastic tool called Wized. If you've ever wanted to seamlessly integrate your data from Airtable into your Webflow project, you're in the right place. Wized is a user-friendly platform that simplifies the process of connecting different apps and services. It's perfect for people who want to bring their data to life in W...
Tailoring Content Using IP Location: How to Show Relevant Information in Webflow
zhlédnutí 300Před 10 měsíci
We are diving into the world of dynamic content personalization! In this video, we'll walk you through step by step as we demonstrate how to filter CMS (Content Management System) items based on IP location using JavaScript and APIs. Do you want your website to display content tailored to your visitors' geographical location? Key Topics Covered: Fetching the user's country code using the IP add...
How to connect Mailchimp with Webflow forms using Webflow logic?
zhlédnutí 1,6KPřed 11 měsíci
How to connect Mailchimp with Webflow forms using Webflow logic?
Using ChatGPT to optimize your YouTube Video Descriptions and Tags
zhlédnutí 315Před rokem
Using ChatGPT to optimize your CZcams Video Descriptions and Tags
How to connect CMS with Navbar Menu Items?
zhlédnutí 762Před rokem
How to connect CMS with Navbar Menu Items?
Creating a Replica of Careem Website Design in Figma with Interactive Features - Part 2
zhlédnutí 69Před rokem
Creating a Replica of Careem Website Design in Figma with Interactive Features - Part 2
Creating a Replica of Careem Website Design in Figma with Interactive Features - Part 1
zhlédnutí 123Před rokem
Creating a Replica of Careem Website Design in Figma with Interactive Features - Part 1
01 [Product Review] - How to Get Customer Feedback with Star Rating on Webflow?
zhlédnutí 2,7KPřed rokem
01 [Product Review] - How to Get Customer Feedback with Star Rating on Webflow?
Use ChatGPT generated text instead of Lorem Ipsum in your Webflow website
zhlédnutí 116Před rokem
Use ChatGPT generated text instead of Lorem Ipsum in your Webflow website
How to create breathing animation with circles in Webflow?
zhlédnutí 621Před rokem
How to create breathing animation with circles in Webflow?
Lottie Files for 404 Error Page in Webflow | Lottieflow
zhlédnutí 204Před rokem
Lottie Files for 404 Error Page in Webflow | Lottieflow
Design Feedback on Foodpanda webpage Replica in Figma
zhlédnutí 210Před rokem
Design Feedback on Foodpanda webpage Replica in Figma
Flowremote - The No.1 jobboard for finding Webflow jobs
zhlédnutí 252Před rokem
Flowremote - The No.1 jobboard for finding Webflow jobs
Client First to CMS Items and Rich Text
zhlédnutí 90Před rokem
Client First to CMS Items and Rich Text
Adding Client-First to existing Webflow form elements and footer
zhlédnutí 75Před rokem
Adding Client-First to existing Webflow form elements and footer
CSS Styles Reorder in Webflow using Finsweet Chrome Extension
zhlédnutí 129Před rokem
CSS Styles Reorder in Webflow using Finsweet Chrome Extension
Client-First implementation to section inner-structure
zhlédnutí 125Před rokem
Client-First implementation to section inner-structure

Komentáře

  • @coment547
    @coment547 Před 5 dny

    Website ka link main woh interfage nahi ati hain😢

  • @sufyanjaved3478
    @sufyanjaved3478 Před 6 dny

    aoa bro aap se agr complete webflow seekhna ho possible hai agr yes than aap ko contact kese karo?

  • @robybates
    @robybates Před 10 dny

    Won't work for me!

    • @ahmedqayyum
      @ahmedqayyum Před 10 dny

      It should work. Can you share the read only link with me. I can check. We can also connect on LinkedIn or Instagram for a chat.

  • @my-id-in-Name
    @my-id-in-Name Před 10 dny

    bro please make a video on --> how can fresher can get job or freelance project as webflow developer

  • @yulialaganovska51
    @yulialaganovska51 Před 11 dny

    Thanks, very useful video!

  • @lgx5679
    @lgx5679 Před 17 dny

    One question, how can I visualize real time movement in that map?

    • @ahmedqayyum
      @ahmedqayyum Před 10 dny

      In this specific case we can't. Because we are processing an image to showcase.

  • @rickylafleur9855
    @rickylafleur9855 Před 19 dny

    Your video has been a huge help thank you very much

  • @ÉrikaOliveira-z9i
    @ÉrikaOliveira-z9i Před 20 dny

    Thank you!! that was really helpful!

  • @mdshohorhussain9927
    @mdshohorhussain9927 Před 21 dnem

    greate

  • @ShubhamDas-vs2vd
    @ShubhamDas-vs2vd Před 26 dny

    how can we have multiple js sliders in one single page?

    • @ahmedqayyum
      @ahmedqayyum Před 10 dny

      That's an excellent question, it requires to create an object, and declare every swiper as an instance of that object

  • @ShubhamDas-vs2vd
    @ShubhamDas-vs2vd Před 26 dny

    how can we have multiple js sliders in one single page?

    • @KUZON99
      @KUZON99 Před 14 dny

      rename to "swiper-2", "swiper-wrapper-2", etc... - and initialize an additional swiper in the page code

  • @halima6960
    @halima6960 Před měsícem

    Salam, that was a great tutorial; however, it did not work on my end. I see P608.woff2 I downloaded that file, and it did not work. I have also google and downloaded the QCF P604 and did not work either, I do use illunstrator 2023. Can you or anyone help, please? Thank you

  • @karuneshkvaiswar612
    @karuneshkvaiswar612 Před měsícem

    Thank u very much

  • @sawtiyatmonakaha
    @sawtiyatmonakaha Před měsícem

    Salam alikoum, thank you brother, i’m using the Quran4adobe extension (open source), and it’s the best way for me to add Quran text automatically with just one click.

  • @asadashraf2307
    @asadashraf2307 Před měsícem

    Ahmed, ager UI/UX ya basic HTML na ati ho to webflow start kr lein?

    • @ahmedqayyum
      @ahmedqayyum Před 10 dny

      I don't recommend. You should be familiar with basic HTML, CSS and UI design concepts

  • @Maxt2222
    @Maxt2222 Před měsícem

    best free software Ive seen. Thanks for your video

  • @DeepCreate-he3cr
    @DeepCreate-he3cr Před měsícem

    howw to save its not coming in download its just remain in website save

    • @ahmedqayyum
      @ahmedqayyum Před měsícem

      You will be able to download the image file

    • @DeepCreate-he3cr
      @DeepCreate-he3cr Před měsícem

      @@ahmedqayyum now no option coming there to download image

    • @ahmedqayyum
      @ahmedqayyum Před měsícem

      You will find my Instagram and Linkedin profile links in the description. Let's have a chat there. Hopefully, we will find a way.

  • @user-tc3ws8iu8i
    @user-tc3ws8iu8i Před měsícem

    Thank you so much, it’s so useful video❤

  • @marcusachberger
    @marcusachberger Před měsícem

    Thank you so much, this makes my life easier!!!

    • @ahmedqayyum
      @ahmedqayyum Před měsícem

      Perfect. Thank you

    • @marcusachberger
      @marcusachberger Před měsícem

      @@ahmedqayyum do you know how i can show the average rating on each product itself?

  • @user-ne5nw9gg3m
    @user-ne5nw9gg3m Před měsícem

    Where is the script that you used for the input element ??

  • @shivamyadav-bp6zg
    @shivamyadav-bp6zg Před měsícem

    I am not able to add the another collection in the filter collection it is showing please add a multireference or multi field

    • @ahmedqayyum
      @ahmedqayyum Před měsícem

      That's correct. Nested collection should be a multi-reference field

  • @MAsif-hg3em
    @MAsif-hg3em Před měsícem

    Assalam Walekum bhai jaan kya hal hai please apna contact number do

  • @MAsif-hg3em
    @MAsif-hg3em Před měsícem

    hello sir plz helb me

  • @MAsif-hg3em
    @MAsif-hg3em Před měsícem

    hello sir

    • @ahmedqayyum
      @ahmedqayyum Před měsícem

      Please contact on LinkedIn or Instagram

  • @chrissis111
    @chrissis111 Před měsícem

    This was very helpful. Thanks for sharing 😁

  • @MrBilal248
    @MrBilal248 Před 2 měsíci

    Happy to listen to your voice after a long time. 😊

  • @celestialdragon3245
    @celestialdragon3245 Před 2 měsíci

    level ho gya yehi cheez dhoondh rha tha love you brother

  • @RanaAhsansultan
    @RanaAhsansultan Před 2 měsíci

    Very helpful video thanks a lot

  • @luqmanhaider14
    @luqmanhaider14 Před 2 měsíci

    Many Thanks for the helpful tutorial. Bless you

  • @nareshs6554
    @nareshs6554 Před 2 měsíci

    i'm unable to pull text in Checkbox text from my categories CMS

    • @ahmedqayyum
      @ahmedqayyum Před 2 měsíci

      Can you please share the loom video on my linkedin, instagram or email address. There we can further communicate to diagnose the issue

  • @PeterRychlik
    @PeterRychlik Před 2 měsíci

    Hi, how do I edit and change the code to filter for cities and regions instead of countries? My client has businesses across the country but all within the same country.

    • @ahmedqayyum
      @ahmedqayyum Před 2 měsíci

      I have replied you on the email. Please schedule a call to discuss this in detail.

  • @Muzamalhussain155
    @Muzamalhussain155 Před 2 měsíci

    Tried this now, its really a good update

  • @adnanmoharez633
    @adnanmoharez633 Před 2 měsíci

    Thank you so much ❤

  • @SiteSparkBelgium
    @SiteSparkBelgium Před 2 měsíci

    Hey Ahmed, amazing video! I got a quick question: how do you think that I can display this average rating on another page with products collection list, so that we see the rating there already before clicking on a product? I think the JS code won't work there anymore right?

    • @ahmedqayyum
      @ahmedqayyum Před 2 měsíci

      It can work. You just need to update the JavaScript accordingly. Update the classes

  • @bowiejackson
    @bowiejackson Před 2 měsíci

    Hey, is it not possible to connect the product name that's submitted with the form to the product reference field in the review collection via logic, so that way you can do the webflow collection list filtering (Add a filter to the review collection list on the product page -> Select the reference field (that links reviews to products) and set the condition to “Equals” and then select “Current Product”. This way you don't need to render all the reviews and hide/display with custom code. May this be a better solution or am I overseeing something?

    • @ahmedqayyum
      @ahmedqayyum Před 2 měsíci

      I have recorded this in another video. Take a look at czcams.com/video/AP7zR1Ew0pw/video.html

    • @bowiejackson
      @bowiejackson Před 2 měsíci

      @@ahmedqayyum the problem is that I want to build a big review site with a lot of review CMS items (10,000+), and rendering them all like you have showed in video number 3 is not a best practise because then the website might take longer to load , as you are rendering all the reviews and with a lot of reviews that's not the best practise. Do you think you can connect the product name to the reference field via Make or Zapier?

  • @malikyasirsattar1483
    @malikyasirsattar1483 Před 2 měsíci

    Please make detailed video on js swiper make basic and complicated js swiper please

  • @malikyasirsattar1483
    @malikyasirsattar1483 Před 2 měsíci

    Thank you so much for such amazing information with us. I love your content Sir 💗. Please Keep uploading such helpful content. At least one video per week we need from you.

  • @loofarbynaveed1027
    @loofarbynaveed1027 Před 2 měsíci

    Amazing and simple

  • @loofarbynaveed1027
    @loofarbynaveed1027 Před 2 měsíci

    Mashaa Allah ❤

  • @malikyasirsattar1483
    @malikyasirsattar1483 Před 2 měsíci

    outstanding learned a lot. please SIr keep uploading such content.

  • @sassisammi
    @sassisammi Před 2 měsíci

    This is AWESOME!!! Saved me soooo much time. Thanks sooo much.

  • @sadiasami3254
    @sadiasami3254 Před 2 měsíci

    Awesome. Thanks

    • @ahmedqayyum
      @ahmedqayyum Před 2 měsíci

      Thank you for the appreciation

  • @kinghien
    @kinghien Před 3 měsíci

    is it just a regular text block for the average reviews?

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      Yes

    • @brunohawleyszollar941
      @brunohawleyszollar941 Před 2 měsíci

      @@ahmedqayyum Thank you for creating this. Are they blank text blocks? I can't get any numbers to show up (after 2 hours of trying and looking at how you have the elements in the Navigator at 3:33 in the video). Do you happen to have a cloneable or read-only webflow site? I'd like to compare my element settings, assuming that's where the problem is.

  • @asadbekshodiev6220
    @asadbekshodiev6220 Před 3 měsíci

    where's link for figma?

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      Iftikhar created by himself. Why do you need the Figma link?

  • @asadbekshodiev6220
    @asadbekshodiev6220 Před 3 měsíci

    where's link for figma?

  • @sumitsaini_999
    @sumitsaini_999 Před 3 měsíci

    Sir please link send, Paragraph copy in psd Photoshop

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      You can download a sample from any website for the practice purpose

  • @Itbestcharter
    @Itbestcharter Před 3 měsíci

    what if I only want to affect the unordered lists of a page?

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      You mean, the unordered list inside the rich text?

    • @Itbestcharter
      @Itbestcharter Před 3 měsíci

      @@ahmedqayyum yes. Because for me it's effecting every list, which I don't want as I want to keep the ordered list with the numbers without the icon.

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      Very interesting. I need to modify the script, that will only pick the unordered list from the rich text field, not the ordered ones. Very good point.

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      If possible, let's get connected on LinkedIn, where we can discuss this in detail. And we can test the solution when done.

  • @laahorikitchen
    @laahorikitchen Před 3 měsíci

    behtreen 👍

  • @CaitlynStrome
    @CaitlynStrome Před 3 měsíci

    How do I get rid of the building outlines?

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      You can do this inside snazzymaps build mode.

  • @hdeveloper5459
    @hdeveloper5459 Před 3 měsíci

    very nice where is next part

    • @ahmedqayyum
      @ahmedqayyum Před 3 měsíci

      There is no next part. What do you want to explore more?