Sharmin Oomatia
Sharmin Oomatia
  • 56
  • 80 072
How to work with arrows in slick slider | How to use Slick Slider | 2023 - Extension
This video is an EXTENSION of the previous slick slider video to show how to use arrows in slick slider.
How to use slick slider video link: th-cam.com/video/_Z_1ELEnrlM/w-d-xo.html
I have spoken about the different options in the slick slider function that we pass as an object, so if you're searching for something like that this video is definitely for you.
If you want to learn about cdns, how to use them, how to use documentation, and stuff, perfect video for you.
I hope you guys enjoy it!
Owl carousel video link: th-cam.com/video/oxyJZIn0q_g/w-d-xo.html
Slick slider link: kenwheeler.github.io/slick/
Cdnjs link: cdnjs.com/
Codepen link: codepen.io/Sharmin_74/pen/jOdwqjj
Find me here:
Instagram: _sharmin_o ​
LinkedIn: www.linkedin.com/in/sharminoomatia/
GitHub: github.com/sharmin74
Facebook: SharminOomatia/
Twitter : SOomatia
Hashtags: #html #htmlcoding #programming #webdevelopment #webdesign #css #javascript #html5 #website #webdeveloper
#webdevelopers #arrowfunction #functions #webdevelopmentcoach #websitemaking #programmingmadefun
#content #programmingmadeeasy #basicprogramming #javascriptfunction
มุมมอง: 440

วีดีโอ

How to export multiple frames from Figma as a single PDF without any plugin | 2024
มุมมอง 2.9K9 หลายเดือนก่อน
How to export multiple frames from Figma as a single PDF without any plugin Read blogs here - blogs.sharminoomatia.com/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : SOomatia Hashtags: #html #htmlcoding #mediaquery #mediaqueries...
How to write media query in CSS for all devices | 2024 | Beginners
มุมมอง 39910 หลายเดือนก่อน
In this video you will learn all the following things: How to write media query in CSS for all devices How to add media query in CSS file Media query in CSS full tutorial What is media query in CSS CSS media queries min-width and max-width Media query in HTML and CSS Link to the entire media query list: codepen.io/Sharmin_74/pen/WNmaONN Read blogs here - blogs.sharminoomatia.com/ I hope you guy...
Learn CSS Transform in 12 minutes | 2024 | How to use Transform in CSS | Animation in CSS
มุมมอง 12511 หลายเดือนก่อน
In this video, you will learn how to use CSS transform in only 12 minutes with basic animation using Transition in CSS. CSS's "transform" property stands out as exceptionally versatile, and capable of handling a spectrum of tasks such as scaling, moving, and rotating elements. This video will comprehensively explore the various applications of the transform property, providing insights and spec...
Visual Studio Code Tutorial for Beginners - Introduction | 2024
มุมมอง 1.6K11 หลายเดือนก่อน
Discover VS Code, a free, cross-platform, and extensively customizable code editor. Github Video - th-cam.com/video/7Cy-nm2cCKU/w-d-xo.html Read blogs here - blogs.sharminoomatia.com/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : twitter.co...
Image Gallery using HTML & CSS | 2024 | Using Grid | Beginners
มุมมอง 26311 หลายเดือนก่อน
Learn How To Make Image Gallery using HTML & CSS | 2024 | Using Grid Watch complex grid layout here - th-cam.com/video/BljMDyyIig0/w-d-xo.html Watch image popup here - th-cam.com/video/WfmW8ztMU1I/w-d-xo.html Read blogs here - blogs.sharminoomatia.com/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/...
How To Make Drop Down Menu Using HTML And CSS | 2024 | For Beginners
มุมมอง 29711 หลายเดือนก่อน
Learn How To Make Drop Down Menu Using HTML And CSS. HTML Website Development Tutorial for Beginners. Codepen Link: codepen.io/Sharmin_74/pen/qBvbmbr Read blogs here - blogs.sharminoomatia.com/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : ...
Shopify Tutorial for Beginners 2024 | How to Set up a Shopify Store in 12 minutes | Easy and Simple
มุมมอง 18211 หลายเดือนก่อน
In this video you will learn how to easily set up a Shopify store in 12 minutes. Read blogs here - blogs.sharminoomatia.com/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : SOomatia Hashtags: #html #htmlcoding #programming #webdev...
How to manually install WordPress on Hostinger hpanel
มุมมอง 33811 หลายเดือนก่อน
In this video you will learn how to manually install WordPress on Hostinger hpanel. Link to Download WordPress Files - wordpress.org/ Blog Link - blogs.sharminoomatia.com/wordpress/how-to-manually-install-wordpress-on-hostinger-hpanel/ I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Faceboo...
How to upload custom fonts to Shopify Website
มุมมอง 4311 หลายเดือนก่อน
#shorts In this video, you will learn how to upload custom fonts to a Shopify Website. Code: @font-face { font-family: "[font-name-here]"; src: url("[link-here]") format("truetype"); }
How to overlap elements using CSS | 2024
มุมมอง 197ปีที่แล้ว
In this video, you will learn how to overlap 2 circles using position absolute. I hope you guys enjoy it! Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : SOomatia Hashtags: #html #htmlcoding #programming #webdevelopment #css #css3 #webdesign #css #javascri...
How to select the previous sibling of an element using CSS only in 6 minutes | 2024
มุมมอง 261ปีที่แล้ว
In this video, you will learn how to use :has() You will also learn how to select the previous sibling of an element. I hope you guys enjoy it! Codepen link: codepen.io/Sharmin_74/pen/GRzxPOv Find me here: Instagram: _sharmin_o ​ LinkedIn: www.linkedin.com/in/sharminoomatia/ GitHub: github.com/sharmin74 Facebook: SharminOomatia/ Twitter : SOomatia Hashtag...
How to use Slick Slider | 2023
มุมมอง 12Kปีที่แล้ว
In this video, you will learn how to read documentation and implement those things in your project. I have spoken about the different options in the slick slider function that we pass as an object, so if you're searching for something like that this video is definitely for you. If you want to learn about cdns, how to use them, how to use documentation, and stuff, perfect video for you. I hope y...
How to use owl carousel | 2023
มุมมอง 4.8Kปีที่แล้ว
In this video, you will learn how to read documentation and implement those things in your project. I have spoken about the different options in the owl carousel function that we pass as an object, so if you're searching for something like that this video is definitely for you. If you want to learn about cdns, how to use them, how to use documentation, and stuff, perfect video for you. I hope y...
Background Properties in CSS | 2022
มุมมอง 2932 ปีที่แล้ว
Background Properties in CSS | 2022
Masonry Grid Gallery with Image Popup
มุมมอง 6542 ปีที่แล้ว
Masonry Grid Gallery with Image Popup
Grid Layout | CSS Layout Tutorial for Beginner | CSS Website Layout
มุมมอง 1562 ปีที่แล้ว
Grid Layout | CSS Layout Tutorial for Beginner | CSS Website Layout
Learn to use before and after with examples | 2022
มุมมอง 3432 ปีที่แล้ว
Learn to use before and after with examples | 2022
How to use owl carousel | 2022
มุมมอง 15K2 ปีที่แล้ว
How to use owl carousel | 2022
How to use image tag in HTML correctly
มุมมอง 5562 ปีที่แล้ว
How to use image tag in HTML correctly
How to install node and set environment variable
มุมมอง 3K2 ปีที่แล้ว
How to install node and set environment variable
How to use Visual Studio Code
มุมมอง 1982 ปีที่แล้ว
How to use Visual Studio Code
Floats and clears in CSS for beginners
มุมมอง 1762 ปีที่แล้ว
Floats and clears in CSS for beginners
How to set up a basic express server | Node js
มุมมอง 3132 ปีที่แล้ว
How to set up a basic express server | Node js
Figma Basics for beginner
มุมมอง 4212 ปีที่แล้ว
Figma Basics for beginner
Loops in JavaScript - for loop and while loop
มุมมอง 2392 ปีที่แล้ว
Loops in JavaScript - for loop and while loop
Element, class and id selector in CSS
มุมมอง 2412 ปีที่แล้ว
Element, class and id selector in CSS
Styling a form using HTML & CSS only
มุมมอง 3252 ปีที่แล้ว
Styling a form using HTML & CSS only
How to make a popup | HTML, CSS and Vanilla JavaScript
มุมมอง 2602 ปีที่แล้ว
How to make a popup | HTML, CSS and Vanilla JavaScript
Map, Filter and Reduce in JavaScript
มุมมอง 1942 ปีที่แล้ว
Map, Filter and Reduce in JavaScript

ความคิดเห็น

  • @PedhaBabu-o2o
    @PedhaBabu-o2o 4 วันที่ผ่านมา

    how to make vertical slide using owl carousel?

  • @ricardoalbertonunezbajoner9631
    @ricardoalbertonunezbajoner9631 8 วันที่ผ่านมา

    its a great tutorial!!!!! tanks for your class!!!

    • @sharminoomatia
      @sharminoomatia 7 วันที่ผ่านมา

      I am glad you liked it!

  • @dtbissy6761
    @dtbissy6761 11 วันที่ผ่านมา

    Thank you so much you amazing person

  • @healthtips246
    @healthtips246 15 วันที่ผ่านมา

    Hi, please can you teach us how to make wordpress website so we can make pocket money

    • @sharminoomatia
      @sharminoomatia 15 วันที่ผ่านมา

      @@healthtips246 sure

  • @ashokmurthy7831
    @ashokmurthy7831 22 วันที่ผ่านมา

    Great tutorial !!

  • @mstnipakhatun-yc9pb
    @mstnipakhatun-yc9pb 26 วันที่ผ่านมา

    Thanks mem

  • @milo_0sol
    @milo_0sol หลายเดือนก่อน

    Why is it taking too long to export?

    • @sharminoomatia
      @sharminoomatia หลายเดือนก่อน

      @@milo_0sol it should not take too long

  • @Hemanetdesign-mi5yq
    @Hemanetdesign-mi5yq หลายเดือนก่อน

    To many "so", "OK". It is a real shame

  • @mylife9700
    @mylife9700 2 หลายเดือนก่อน

    thank you very much

  • @zainulabdin9349
    @zainulabdin9349 2 หลายเดือนก่อน

    It is still not working when we apply on our css file.

  • @snap-n-shoot
    @snap-n-shoot 2 หลายเดือนก่อน

    Anyone know how to implement an automatic slow zoom when a banner shows?

    • @sharminoomatia
      @sharminoomatia 2 หลายเดือนก่อน

      @@snap-n-shoot check banner animation of this website seedop.com/ you can copy the css from inspect

  • @olgaprokopenko2080
    @olgaprokopenko2080 2 หลายเดือนก่อน

    It's saving only one

    • @sharminoomatia
      @sharminoomatia 2 หลายเดือนก่อน

      Is your content in frames? Did you select all the frames when exporting?

    • @sharminoomatia
      @sharminoomatia 2 หลายเดือนก่อน

      Check if the content is outside frame or if it is not inside a frame it won't export

  • @alaskafiedler
    @alaskafiedler 2 หลายเดือนก่อน

    thanks girl

  • @swastikkumar3758
    @swastikkumar3758 3 หลายเดือนก่อน

    thanks mam

  • @Mandy_gautam88
    @Mandy_gautam88 3 หลายเดือนก่อน

    this is fantastic tutorial in my whole life

  • @MaziarEsfandiari
    @MaziarEsfandiari 3 หลายเดือนก่อน

    Nice explained 👏 🙏

  • @davidmyers1652
    @davidmyers1652 4 หลายเดือนก่อน

    Hi Sharmin, Thanks for this, I still have a problem that the default "previous" text appears together with the "<" arrow - how do I remove the "previous" text and keep only the arrow. Thanks for your help

  • @tanmoyacharjee818
    @tanmoyacharjee818 5 หลายเดือนก่อน

    thanks!

  • @Florencia-Isabel
    @Florencia-Isabel 5 หลายเดือนก่อน

    you saved me!!! thank you so much <3

  • @rxmathi9117
    @rxmathi9117 5 หลายเดือนก่อน

    Cleanly explained but operating and changing the cursor quicker please handle it slower for more clarification thank ❤you sister it's really helpful keep do this awesome videos sister

  • @arturhonores9141
    @arturhonores9141 5 หลายเดือนก่อน

    Thank you very much, it has been very useful.

  • @phoelux2421
    @phoelux2421 6 หลายเดือนก่อน

    Thank you for sharing , this video help me a lot.

  • @grandmaster9939
    @grandmaster9939 6 หลายเดือนก่อน

    thanks for the video, it helped me

  • @sanskargupta407
    @sanskargupta407 6 หลายเดือนก่อน

    well explained , thanks for the video

  • @safiapatel2834
    @safiapatel2834 6 หลายเดือนก่อน

    Thanks ❤

  • @karimobaid6311
    @karimobaid6311 7 หลายเดือนก่อน

    Thank you❤❤❤❤

  • @youtubebaba9287
    @youtubebaba9287 7 หลายเดือนก่อน

    Thanks for the video.

  • @sharminoomatia
    @sharminoomatia 7 หลายเดือนก่อน

    How to use slick slider video link for which this is the extension: th-cam.com/video/_Z_1ELEnrlM/w-d-xo.html

  • @sharminoomatia
    @sharminoomatia 7 หลายเดือนก่อน

    For everyone asking for how to use arrows in Slick slider, I have specially made this new video which only covers arrow in slick slider and it is basically an extension of this particular video. Hope it helps everyone who asked! Link: th-cam.com/video/IRrtnJhixPY/w-d-xo.html

  • @mubarakj0192
    @mubarakj0192 7 หลายเดือนก่อน

    were is side arrow ?⬅➡

    • @sharminoomatia
      @sharminoomatia 7 หลายเดือนก่อน

      Here is the prev next btns video for you! Hope it helps!! th-cam.com/video/IRrtnJhixPY/w-d-xo.html

  • @Mostafa-jh2ij
    @Mostafa-jh2ij 7 หลายเดือนก่อน

    I really appreciate you and this wonderful video! Myself being a beginner, you actually helped me a lot!

  • @LearnwithSSRK
    @LearnwithSSRK 7 หลายเดือนก่อน

    Your teaching skill 🔥

  • @LearnwithSSRK
    @LearnwithSSRK 7 หลายเดือนก่อน

    Super 🎉

  • @CoolMotivation-shorts
    @CoolMotivation-shorts 7 หลายเดือนก่อน

    Nice video 😇

  • @nermeenaliabdelhakeem422
    @nermeenaliabdelhakeem422 7 หลายเดือนก่อน

    Thanks again so much ❤❤❤

  • @nermeenaliabdelhakeem422
    @nermeenaliabdelhakeem422 7 หลายเดือนก่อน

    Thanks sis , this is very helpful

  • @shaikshahed413
    @shaikshahed413 7 หลายเดือนก่อน

    Assalamu alaikum madam, I can't believe why your channel hasn't reached millions of subscribers. You provide so enlightening content

    • @sharminoomatia
      @sharminoomatia 7 หลายเดือนก่อน

      Thank you so much for your kind words

    • @sharminoomatia
      @sharminoomatia 7 หลายเดือนก่อน

      Ws

  • @Ruven-it7yb
    @Ruven-it7yb 7 หลายเดือนก่อน

    thank you Sharmin its so useful!

  • @Stella-sd8px
    @Stella-sd8px 7 หลายเดือนก่อน

    Thank you! <3

  • @JaffarKhan-tj3uf
    @JaffarKhan-tj3uf 8 หลายเดือนก่อน

    thank sister its very helpfull

  • @OmosanyaKanyinsola
    @OmosanyaKanyinsola 8 หลายเดือนก่อน

    Please it not working for iOs I mean when I checked the page on iPhone it does not work how can I modify it please help I have tried several ways

  • @revinot
    @revinot 8 หลายเดือนก่อน

    Thank you this helped alot! Im having a weird problem, my pictures in my carousel are not clear/sharp, i tired resizing them but nothing seesm to work. everything else works fine

    • @sharminoomatia
      @sharminoomatia 8 หลายเดือนก่อน

      Are you using HTML and CSS and JavaScript only for development or some other platform like any CMS. Did you check inspect do you find any errors there?

    • @revinot
      @revinot 8 หลายเดือนก่อน

      @@sharminoomatia No errors detected, what i did was in the CSS I changed the CSS from percent to pixels for the img class, after doing that images were clear and crisp but then the carousel lost its reposnsiveness and margins, when I changed back to percent then everything works fine but pictures are not as sharp again. If i can explain it like this the pictures loose some resolution.

    • @sharminoomatia
      @sharminoomatia 8 หลายเดือนก่อน

      @@revinot got it, can you try giving it width 100% and max-width: 100% as well

  • @EricTheLord
    @EricTheLord 8 หลายเดือนก่อน

    subscribed to you ❤❤

  • @EricTheLord
    @EricTheLord 8 หลายเดือนก่อน

    after researching 5 long hours 😫, finally got the trick to select the previous sibling. really helpful. thanks a lot ❤

  • @DhanuPoojary-gv2zp
    @DhanuPoojary-gv2zp 8 หลายเดือนก่อน

    Thank You Soo much

  • @rueldean
    @rueldean 9 หลายเดือนก่อน

    Mada'am do you have a new footage for 2024?

    • @sharminoomatia
      @sharminoomatia 9 หลายเดือนก่อน

      No sorry, this is the latest

    • @rueldean
      @rueldean 8 หลายเดือนก่อน

      okay thank you@@sharminoomatia

  • @HelloCostello
    @HelloCostello 9 หลายเดือนก่อน

    This is THE FIRST video on this subject that has a) worked for me and b) TAUGHT me how it works. Everyone else is a copy-paste-there-you-go video; you actually talk through how it works and why it works. Thank you! You’ve actually helped me so much!😊

    • @sharminoomatia
      @sharminoomatia 9 หลายเดือนก่อน

      I am glad this helped you, thank you so much for all your kind words 🙌

  • @kamranbayramov8169
    @kamranbayramov8169 9 หลายเดือนก่อน

    the best video related to slick slider in youtube Thanks but how we can add prev next buttons

    • @sharminoomatia
      @sharminoomatia 9 หลายเดือนก่อน

      You can add the previous and next button or similarly have you add in our carousel. In sleek slider you have an option called arrows true or false so if the arrows is true the navigation will show and if the arrows is false then the previous and next button won't show so this is how you can add previous and next button in slick carousel. If you still have doubts then please reply to this comment or you can directly DM me on my Instagram and I will help you out.

    • @kamranbayramov8169
      @kamranbayramov8169 9 หลายเดือนก่อน

      @@sharminoomatia i fixed the problem thanks very much 🙌 İ just write .slick-prev and .slick-next buttons(position:unset) and bring back buttons

    • @sharminoomatia
      @sharminoomatia 9 หลายเดือนก่อน

      @@kamranbayramov8169 that's great, if you need any more help then please let me know

    • @sharminoomatia
      @sharminoomatia 7 หลายเดือนก่อน

      Here is the prev next btns video for you! Hope it helps!! th-cam.com/video/IRrtnJhixPY/w-d-xo.html

  • @NRCIndiaHelp
    @NRCIndiaHelp 9 หลายเดือนก่อน

    How can we use this slider using by latest version of jQuery (3.7.1)

  • @karimlb5347
    @karimlb5347 9 หลายเดือนก่อน

    you was have to add prev and next btns anoway thank you for the good info

    • @sharminoomatia
      @sharminoomatia 9 หลายเดือนก่อน

      You can add the previous and next button or similarly have you add in our carousel. In sleek slider you have an option called arrows true or false so if the arrows is true the navigation will show and if the arrows is false then the previous and next button won't show so this is how you can add previous and next button in slick carousel. If you still have doubts then please reply to this comment or you can directly DM me on my Instagram and I will help you out.

    • @sharminoomatia
      @sharminoomatia 7 หลายเดือนก่อน

      Here is the prev next btns video for you! Hope it helps!! th-cam.com/video/IRrtnJhixPY/w-d-xo.html