Abdul Benbrahim
Abdul Benbrahim
  • 44
  • 137 459
Use the auto animate like a pro in Adobe XD - Quick tutorial
In this tutorial we'll learn how to make a fancy animation as well as the drag effect on Adobe XD.
zhlédnutí: 2 506

Video

Create an animated hamburger menu with a cool hover effect - Quick Tutorial4:39Create an animated hamburger menu with a cool hover effect - Quick Tutorial
Create an animated hamburger menu with a cool hover effect - Quick Tutorial
zhlédnutí 475Před 3 lety
Today will continue working on the previous design and animate the hamburger menu with a cool hover effect
Learn how to make a smooth transition carousel in Adobe XD - Quick tutorial4:51Learn how to make a smooth transition carousel in Adobe XD - Quick tutorial
Learn how to make a smooth transition carousel in Adobe XD - Quick tutorial
zhlédnutí 2,2KPřed 3 lety
In this tutorial we will learn a great technique to achieve a super smooth transition as well as a hover state button my instagram profile: abdulbenbrahim
Learn how to create a cool hover in less than 2 minutes in Adobe XD - Quick tutorial1:56Learn how to create a cool hover in less than 2 minutes in Adobe XD - Quick tutorial
Learn how to create a cool hover in less than 2 minutes in Adobe XD - Quick tutorial
zhlédnutí 264Před 3 lety
In this tutorial we will learn how to create a perfect hover state in Adobe xd. link to the XD file: gofile.io/d/fyGMZL my instagram profile: abdulbenbrahim
Learn how to make a swipe gesture in Adobe XD - Quick tutorial4:22Learn how to make a swipe gesture in Adobe XD - Quick tutorial
Learn how to make a swipe gesture in Adobe XD - Quick tutorial
zhlédnutí 12KPřed 3 lety
In this tutorial we will learn how to use the swipe gesture in Adobe xd in a smooth way and the auto animate feature as well as a small micro interaction. link to the XD file: gofile.io/d/2zrGRQ my instagram profile: abdulbenbrahim
#27- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect II33:26#27- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect II
#27- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect II
zhlédnutí 904Před 8 lety
المرفقات smooth scroll css-tricks.com/snippets/jquery/smooth-scrolling/ nicescroll areaaperta.com/nicescroll/ download code.google.com/archive/p/jquery-nicescroll/downloads waypoint www.dropbox.com/s/4bu4s3k1acg2l5u/waypoints.min.js?dl=0 animate.css daneden.github.io/animate.css/ mixitup mixitup.kunkalabs.com/learn/tutorial/get-started/ mixitup mixitup.kunkalabs.com/ شكرا لكم على المشاهدة لوضع ...
#28- Build Flat Responsive Website َUsing Bootstrap - Final Touch3:30#28- Build Flat Responsive Website َUsing Bootstrap - Final Touch
#28- Build Flat Responsive Website َUsing Bootstrap - Final Touch
zhlédnutí 575Před 8 lety
الموقع www.bitballoon.com شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#26- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect I17:50#26- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect I
#26- Build Flat Responsive Website َUsing Bootstrap - Adding Cool Effect I
zhlédnutí 467Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#25- Build Flat Responsive Website َUsing Bootstrap - Media Queries21:39#25- Build Flat Responsive Website َUsing Bootstrap - Media Queries
#25- Build Flat Responsive Website َUsing Bootstrap - Media Queries
zhlédnutí 406Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#24- Build Flat Responsive Website َUsing Bootstrap - Fix Mistakes17:27#24- Build Flat Responsive Website َUsing Bootstrap - Fix Mistakes
#24- Build Flat Responsive Website َUsing Bootstrap - Fix Mistakes
zhlédnutí 371Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#23- Build Flat Responsive Website َUsing Bootstrap - Coding The Footer13:23#23- Build Flat Responsive Website َUsing Bootstrap - Coding The Footer
#23- Build Flat Responsive Website َUsing Bootstrap - Coding The Footer
zhlédnutí 356Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#22- Build Flat Responsive Website َUsing Bootstrap - Coding The Contact Us21:12#22- Build Flat Responsive Website َUsing Bootstrap - Coding The Contact Us
#22- Build Flat Responsive Website َUsing Bootstrap - Coding The Contact Us
zhlédnutí 314Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#21- Build Flat Responsive Website َUsing Bootstrap - Coding The Testimenials20:07#21- Build Flat Responsive Website َUsing Bootstrap - Coding The Testimenials
#21- Build Flat Responsive Website َUsing Bootstrap - Coding The Testimenials
zhlédnutí 430Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#20- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Team14:02#20- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Team
#20- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Team
zhlédnutí 459Před 8 lety
شكرا لكم على المشاهدة لوضع تطبيقاتكم أو لأي استفسار أو مشكل هنا groups/22806... لمراسلتي Been.Abdou الصفحة shopgraphy/
#19- Build Flat Responsive Website َUsing Bootstrap - Coding The Services22:35#19- Build Flat Responsive Website َUsing Bootstrap - Coding The Services
#19- Build Flat Responsive Website َUsing Bootstrap - Coding The Services
zhlédnutí 509Před 8 lety
#19- Build Flat Responsive Website َUsing Bootstrap - Coding The Services
#18- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Works23:14#18- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Works
#18- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Works
zhlédnutí 506Před 8 lety
#18- Build Flat Responsive Website َUsing Bootstrap - Coding The Our Works
#16- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section31:09#16- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
#16- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
zhlédnutí 720Před 8 lety
#16- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
#17- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section9:42#17- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
#17- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
zhlédnutí 364Před 8 lety
#17- Build Flat Responsive Website َUsing Bootstrap - Coding The About Section
#15- Build Flat Responsive Website َUsing Bootstrap - Coding The Banner26:48#15- Build Flat Responsive Website َUsing Bootstrap - Coding The Banner
#15- Build Flat Responsive Website َUsing Bootstrap - Coding The Banner
zhlédnutí 891Před 8 lety
#15- Build Flat Responsive Website َUsing Bootstrap - Coding The Banner
#14- Build Flat Responsive Website َUsing Bootstrap - Coding The Header23:55#14- Build Flat Responsive Website َUsing Bootstrap - Coding The Header
#14- Build Flat Responsive Website َUsing Bootstrap - Coding The Header
zhlédnutí 1,1KPřed 8 lety
#14- Build Flat Responsive Website َUsing Bootstrap - Coding The Header
#13- Build Flat Responsive Website َUsing Bootstrap - Markup Language8:25#13- Build Flat Responsive Website َUsing Bootstrap - Markup Language
#13- Build Flat Responsive Website َUsing Bootstrap - Markup Language
zhlédnutí 726Před 8 lety
#13- Build Flat Responsive Website َUsing Bootstrap - Markup Language
#12- Build Flat Responsive Website َUsing Bootstrap - What is Bootstrap16:53#12- Build Flat Responsive Website َUsing Bootstrap - What is Bootstrap
#12- Build Flat Responsive Website َUsing Bootstrap - What is Bootstrap
zhlédnutí 1,1KPřed 8 lety
#12- Build Flat Responsive Website َUsing Bootstrap - What is Bootstrap
#11- Build Flat Responsive Website َUsing Bootstrap - Footer (Photoshop)8:23#11- Build Flat Responsive Website َUsing Bootstrap - Footer (Photoshop)
#11- Build Flat Responsive Website َUsing Bootstrap - Footer (Photoshop)
zhlédnutí 670Před 8 lety
#11- Build Flat Responsive Website َUsing Bootstrap - Footer (Photoshop)
#10- Build Flat Responsive Website َUsing Bootstrap - Section Contact Us (Photoshop)18:55#10- Build Flat Responsive Website َUsing Bootstrap - Section Contact Us (Photoshop)
#10- Build Flat Responsive Website َUsing Bootstrap - Section Contact Us (Photoshop)
zhlédnutí 597Před 8 lety
#10- Build Flat Responsive Website َUsing Bootstrap - Section Contact Us (Photoshop)
#9- Build Flat Responsive Website َUsing Bootstrap - Section Testimonials (Photoshop)15:45#9- Build Flat Responsive Website َUsing Bootstrap - Section Testimonials (Photoshop)
#9- Build Flat Responsive Website َUsing Bootstrap - Section Testimonials (Photoshop)
zhlédnutí 595Před 8 lety
#9- Build Flat Responsive Website َUsing Bootstrap - Section Testimonials (Photoshop)
#8- Build Flat Responsive Website َUsing Bootstrap - Section Our Team (Photoshop)21:02#8- Build Flat Responsive Website َUsing Bootstrap - Section Our Team (Photoshop)
#8- Build Flat Responsive Website َUsing Bootstrap - Section Our Team (Photoshop)
zhlédnutí 707Před 8 lety
#8- Build Flat Responsive Website َUsing Bootstrap - Section Our Team (Photoshop)
#7- Build Flat Responsive Website َUsing Bootstrap - Section Services (Photoshop)16:23#7- Build Flat Responsive Website َUsing Bootstrap - Section Services (Photoshop)
#7- Build Flat Responsive Website َUsing Bootstrap - Section Services (Photoshop)
zhlédnutí 663Před 8 lety
#7- Build Flat Responsive Website َUsing Bootstrap - Section Services (Photoshop)
#6- Build Flat Responsive Website َUsing Bootstrap - Section Our Works (Photoshop)15:14#6- Build Flat Responsive Website َUsing Bootstrap - Section Our Works (Photoshop)
#6- Build Flat Responsive Website َUsing Bootstrap - Section Our Works (Photoshop)
zhlédnutí 743Před 8 lety
#6- Build Flat Responsive Website َUsing Bootstrap - Section Our Works (Photoshop)
#5- Build Flat Responsive Website َUsing Bootstrap - Section Subscribe (Photoshop)10:17#5- Build Flat Responsive Website َUsing Bootstrap - Section Subscribe (Photoshop)
#5- Build Flat Responsive Website َUsing Bootstrap - Section Subscribe (Photoshop)
zhlédnutí 748Před 8 lety
#5- Build Flat Responsive Website َUsing Bootstrap - Section Subscribe (Photoshop)

Komentáře

  • @Yassine19869
    @Yassine19869 Před 29 dny

    من أحسن المدن لي كتعجبني هي مدينة أرفود

  • @rinsedesign6930
    @rinsedesign6930 Před rokem

    Very good vid, I like that you fit so much info into such a short amount of time. I wish they all were like that..!

  • @m4RIK
    @m4RIK Před rokem

    nice works very well. But how i can swipe in opposite direction? how i can do multiple gesture?

  • @navypinkdesign
    @navypinkdesign Před 2 lety

    I learned SO MUCH in just 4 min. Tysm!

  • @سعيداطلس
    @سعيداطلس Před 2 lety

    👍👍👍🔔🔔👇👇❤️💓💓💓Salam ikhwan tahiati lga3 likhwali3andhom 9anat f youtube kamlin lah ijazikom tfa3lo m3a l9anat dyali orah dima ljadid ncha alah okantmana i3ajbokom les vedio otahia mra khra

  • @namanarora8831
    @namanarora8831 Před 2 lety

    Really helpful!! thank you <3

  • @wadiwadi-xw8wx
    @wadiwadi-xw8wx Před 2 lety

    فين جا

  • @dantescarano4880
    @dantescarano4880 Před 2 lety

    Hey this is super informative! And probably the best video tutorial for this. But is there any process for if you were to swipe to the other side to dislike? Or can XD not pick up on that? Thanks!

  • @sebastiannuary
    @sebastiannuary Před 2 lety

    Love the video bro...

  • @ahmedbenbrahim4441
    @ahmedbenbrahim4441 Před 3 lety

    تبارك الله عليك اخويا

  • @janbahlinger7555
    @janbahlinger7555 Před 3 lety

    Nice, Thanks man!

  • @peytonsawyer3135
    @peytonsawyer3135 Před 3 lety

    Thank you! The video helped a lot : )

  • @titimbibich6532
    @titimbibich6532 Před 3 lety

    ههههه اولاد بالادي

  • @redz7402
    @redz7402 Před 3 lety

    hi, the link file is broken...

  • @anewyorkz6325
    @anewyorkz6325 Před 3 lety

    Cool, thanks!

  • @oussamaoussama-no9kl
    @oussamaoussama-no9kl Před 3 lety

    مع كورونا العيد داز ناقص بزاف

  • @imaneimmanne1394
    @imaneimmanne1394 Před 3 lety

    وش نتوكل عللله ونستقر فارفود عجبتني نخوي كازا ونعيش فيها كنسول ناس لي عرفين ارفود كديرة

    •  Před 4 měsíci

      salam

  • @user-zw8tp6wt4q
    @user-zw8tp6wt4q Před 3 lety

    عقافثعي

  • @suganthanKM
    @suganthanKM Před 3 lety

    Nice video bro😄!!! Can you please provide the elements you have used in the artboards? Coz the link in the description says that the upload doesn't exist!! Thanks!! ☺

  • @QasimKhan-sh5hm
    @QasimKhan-sh5hm Před 3 lety

    Amazing video

  • @anasselmanaji
    @anasselmanaji Před 4 lety

    simple and easy to understand, you are so talented thank you 🙏

  • @anasselmanaji
    @anasselmanaji Před 4 lety

    The best ❤️❤️

  • @chbihiamine6446
    @chbihiamine6446 Před 4 lety

    Niiiiiiice!!!!! I LIKE IT!!

    • @abdulbenbrahim
      @abdulbenbrahim Před 4 lety

      chbihi amine thanks man

    • @akankshakumar5199
      @akankshakumar5199 Před 3 lety

      @@abdulbenbrahim Adobe file does not exist.Please let me know the same when this will be turefixed!!really in need of this feature

  • @maryem5701
    @maryem5701 Před 4 lety

    ihhh y'a erfoud bladi twahachtha bzzzfff

  • @firdawsben1346
    @firdawsben1346 Před 4 lety

    I like👍 , no wait i loooove it 😍 really so fun to wtch it made me happy like if i was with you guys good job hope to see other videos like this one👍👏👏

  • @naskamline5842
    @naskamline5842 Před 4 lety

    تبارك الله عليك برافو و الله

  • @gamalJAMAL
    @gamalJAMAL Před 4 lety

    👍

  • @bobos9826
    @bobos9826 Před 4 lety

    Wa3ar

  • @marwatoe
    @marwatoe Před 5 lety

    فعلا لا يعرف طعم بلاده إلا المغترب عنها الله علييك يابلادي تحية لكل من قام بتصوير الفديو

  • @hamzaelouki8734
    @hamzaelouki8734 Před 5 lety

    ما شاء الله

  • @Mehdi129z
    @Mehdi129z Před 5 lety

    Ghezala Erfoud o nasa mezianine beeeezaaaaaf ta7iya lilom men tanja

  • @zakariyaalaoui9816
    @zakariyaalaoui9816 Před 5 lety

    nice

  • @nezhasspace4687
    @nezhasspace4687 Před 6 lety

    👍👍👍

  • @mimimeryem1157
    @mimimeryem1157 Před 6 lety

    nice

  • @isokeno
    @isokeno Před 6 lety

    Ayyy love it!

  • @n-ouerddineaje7660
    @n-ouerddineaje7660 Před 7 lety

    Nice bro it was wonderful and amazing.... I'm waiting some new video

  • @mouaitdriss9227
    @mouaitdriss9227 Před 7 lety

    top

  • @achraftani5707
    @achraftani5707 Před 7 lety

    Bshtkom , Ba Abdo big up , Correction dyal Lens hia hadik Pro ;) Kntsnaw Ljadid

    • @abdulbenbrahim
      @abdulbenbrahim Před 7 lety

      Achraf Tani Allah yhafdak ba achraf , rah ghi tkhawar w safi haha hi kansawar makayban liya ta haja f chamch w mta9al b backpack..

  • @achrafbakirou4763
    @achrafbakirou4763 Před 7 lety

    hahaha damn ..this is so fucking lit ..

  • @Blackhat06
    @Blackhat06 Před 7 lety

    love it keep the good work !

  • @soufianezaoui2282
    @soufianezaoui2282 Před 7 lety

    Niiiiiice !!

  • @mohammedanasselalami2098
    @mohammedanasselalami2098 Před 7 lety

    Good Job

  • @bahijsy2218
    @bahijsy2218 Před 7 lety

    لو سمحت ممكن رابط تحميل ملف ال PSD الخاص بالموقع او السورس كود ؟

  • @abdelrhaniryahi5274
    @abdelrhaniryahi5274 Před 7 lety

    عزف القانون المرافق للفيديو هي حبيبة رياحي ابنة المفتش التربوي عبد الغني رياحي عازف الود والكمان , العازفة حبيبة هي كدلك من أرفود ازدادت بمدينة الجرف سنة 1987 وتعتبر من أحسن عازفي آلة القانون في العالم العربي , نشكر واضعي الفيديو على اختيارهم للعازفة حبيبة بنت البلد من أرفود,

  • @YagelsOfficial
    @YagelsOfficial Před 7 lety

    Hna Oulad Erfooud Rabi Yehfdkoum Amen

  • @redaanddam7898
    @redaanddam7898 Před 7 lety

    alhamdullah l9it course

  • @abderrahmanelaarajelbachao3237
    @abderrahmanelaarajelbachao3237 Před 7 lety

    مشاء لله

  • @mustaphasahrawi1636
    @mustaphasahrawi1636 Před 7 lety

    très bon reportage

  • @naturelanguage6979
    @naturelanguage6979 Před 8 lety

    tbarkllah 3lik khoya o llah ihafdek

  • @samourai7411
    @samourai7411 Před 8 lety

    salam j bien aimé la video bravo