Twagod Code
Twagod Code
  • Видео 114
  • Просмотров 67 210
Animated Before After Images Comparing Using twentytwenty.js
Animated Before After Images Comparing Using twentytwenty.js
In today's video, we're going to make an AWESOME Animated Before After Images Comparing Using twentytwenty.js
💖 Please feel free to donate any amount you think is equal to the value you received from my tutorials.
Donation link : patreon.com/twagodcode
click for more tutorials: ruclips.net/channel/UCER7TwBY7klGZv8WNHy3Q-Q
Source Code : www.patreon.com/posts/animated-before-76862538?Link&
Facebook Page : profile.php?id=100063960783853
Instagram : twagodcode
Don't forget to smash the like button and share the video with your friends if you found the video useful, also click on the bell icon to turn on notificat...
Просмотров: 163

Видео

Animated Navigation Menu Indicator using Html CSS & Javascript | Magic Light Indicator6:31Animated Navigation Menu Indicator using Html CSS & Javascript | Magic Light Indicator
Animated Navigation Menu Indicator using Html CSS & Javascript | Magic Light Indicator
Просмотров 204Год назад
Animated Navigation Menu Indicator using Html CSS & Javascript | Magic Light Indicator In today's video, we're going to make an AWESOME Animated Navigation Menu with awesome indecator effect just by using HTML & CSS and some javascript. We'll have a nice Animated Navigation Menu effect Please feel free to donate any amount you think is equal to the value you received from my tutorials. Donatio...
3D Tilt Parallax Effect | Javascript Mousemove Tilt.js Effect7:473D Tilt Parallax Effect | Javascript Mousemove Tilt.js Effect
3D Tilt Parallax Effect | Javascript Mousemove Tilt.js Effect
Просмотров 311Год назад
3D Tilt Parallax Effect | Javascript Mousemove Tilt.js Effect | 3D Effect Hover Image In today's video, we're going to make an AWESOME portfolio card form with awesome 3D effect just by using HTML & CSS and some jquery. We'll have a nice 3D effect, also our card will be responsive ! Please feel free to donate any amount you think is equal to the value you received from my tutorials. Donation l...
404 Page Not Found | Web Page Design Animated using Html & CSS7:15404 Page Not Found | Web Page Design Animated using Html & CSS
404 Page Not Found | Web Page Design Animated using Html & CSS
Просмотров 228Год назад
404 Page Not Found | Web Page Design Animated using Html & CSS In today's video, we're going to make an AWESOME 404 page with awesome background and animation just by using HTML and CSS. We'll have a nice 404 page animated, also our page will be responsive ! Please feel free to donate any amount you think is equal to the value you received from my tutorials. Donation link : patreon.com/twagodc...
Responsive Login Form Using HTML & CSS only | glass background11:26Responsive Login Form Using HTML & CSS only | glass background
Responsive Login Form Using HTML & CSS only | glass background
Просмотров 133Год назад
Responsive and animated Login Form Using HTML & CSS only | blur background In today's video, we're going to make an AWESOME login form with awesome blur background just by using HTML and CSS. We'll have a nice blur background, also our sign in form will be responsive ! Please feel free to donate any amount you think is equal to the value you received from my tutorials. Donation link : patreon....
Learn Sass In Less Than 2 Hours | Full Course1:47:44Learn Sass In Less Than 2 Hours | Full Course
Learn Sass In Less Than 2 Hours | Full Course
Просмотров 8 тыс.3 года назад
في هذا الكورس سنتعلم كل شئ يخص لغة Sass مكونات الكورس : -How to install Sass -How to compiled Sass files to CSS files -Sass Nesting -Sass Variables -Mixins -Extending -Placeholder Selector -Operators -Import -If / Else -For Loop -Each / Each with Map -While Loop -Functions مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا ...
[Create Website_07 Full Responsive ] 13-How to create dark mode - Outro17:12[Create Website_07 Full Responsive ] 13-How to create dark mode - Outro
[Create Website_07 Full Responsive ] 13-How to create dark mode - Outro
Просмотров 5374 года назад
How to create dark mode in your website make Dark Mode مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 12-Footer24:14[Create Website_07 Full Responsive ] 12-Footer
[Create Website_07 Full Responsive ] 12-Footer
Просмотров 2074 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 11-Contact35:34[Create Website_07 Full Responsive ] 11-Contact
[Create Website_07 Full Responsive ] 11-Contact
Просмотров 1404 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 10-Brands9:32[Create Website_07 Full Responsive ] 10-Brands
[Create Website_07 Full Responsive ] 10-Brands
Просмотров 1444 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 09-Testimonials26:37[Create Website_07 Full Responsive ] 09-Testimonials
[Create Website_07 Full Responsive ] 09-Testimonials
Просмотров 1344 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 08-How to Use Count Down Plugin47:01[Create Website_07 Full Responsive ] 08-How to Use Count Down Plugin
[Create Website_07 Full Responsive ] 08-How to Use Count Down Plugin
Просмотров 2324 года назад
How to use Count Down Plugin How to make Count Down with JavaScript and Jquery مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 07-Gallary32:02[Create Website_07 Full Responsive ] 07-Gallary
[Create Website_07 Full Responsive ] 07-Gallary
Просмотров 1644 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 06-How to make Counter Up14:34[Create Website_07 Full Responsive ] 06-How to make Counter Up
[Create Website_07 Full Responsive ] 06-How to make Counter Up
Просмотров 1594 года назад
How to make Counter up with pure JavaScript مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 05-About Us31:11[Create Website_07 Full Responsive ] 05-About Us
[Create Website_07 Full Responsive ] 05-About Us
Просмотров 1854 года назад
مجموعتنا علي facebook يشرفنا انضمامك الينا : groups/340404776942861/ صفحتنا علي ال facebook اعمل لايك وادعمنا : البرمجة-العملية-102787978227516/ رابط تحميل جميع صور الموقع : www.gulf-up.com/rtytpyh9ytj8 رابط فيديو كيفية تحميل الصور من موقع gulf-up : ruclips.net/video/95lFOK6EW44/видео.html
[Create Website_07 Full Responsive ] 04-Side Menu48:42[Create Website_07 Full Responsive ] 04-Side Menu
[Create Website_07 Full Responsive ] 04-Side Menu
Просмотров 3574 года назад
[Create Website_07 Full Responsive ] 04-Side Menu
[Create Website_07 Full Responsive ] 03-Header38:17[Create Website_07 Full Responsive ] 03-Header
[Create Website_07 Full Responsive ] 03-Header
Просмотров 5404 года назад
[Create Website_07 Full Responsive ] 03-Header
[Create Website_07 Full Responsive ] 02-Prepare The Project11:42[Create Website_07 Full Responsive ] 02-Prepare The Project
[Create Website_07 Full Responsive ] 02-Prepare The Project
Просмотров 5204 года назад
[Create Website_07 Full Responsive ] 02-Prepare The Project
[Create Website_07 Full Responsive ] 01- Introduction3:55[Create Website_07 Full Responsive ] 01- Introduction
[Create Website_07 Full Responsive ] 01- Introduction
Просмотров 1,7 тыс.4 года назад
[Create Website_07 Full Responsive ] 01- Introduction
[Create Website_06 Full Responsive ] 15- How to deploy your site on free host9:51[Create Website_06 Full Responsive ] 15- How to deploy your site on free host
[Create Website_06 Full Responsive ] 15- How to deploy your site on free host
Просмотров 4694 года назад
[Create Website_06 Full Responsive ] 15- How to deploy your site on free host
[Create Website_06 Full Responsive ] 14-Contact34:40[Create Website_06 Full Responsive ] 14-Contact
[Create Website_06 Full Responsive ] 14-Contact
Просмотров 2274 года назад
[Create Website_06 Full Responsive ] 14-Contact
[Create Website_06 Full Responsive ] 13-Testimonials19:06[Create Website_06 Full Responsive ] 13-Testimonials
[Create Website_06 Full Responsive ] 13-Testimonials
Просмотров 1674 года назад
[Create Website_06 Full Responsive ] 13-Testimonials
[Create Website_06 Full Responsive ] 12-Smooth Scroll _ Button Up21:16[Create Website_06 Full Responsive ] 12-Smooth Scroll _ Button Up
[Create Website_06 Full Responsive ] 12-Smooth Scroll _ Button Up
Просмотров 1724 года назад
[Create Website_06 Full Responsive ] 12-Smooth Scroll _ Button Up
[Create Website_06 Full Responsive ] 11-how to use MixItUp plugin19:13[Create Website_06 Full Responsive ] 11-how to use MixItUp plugin
[Create Website_06 Full Responsive ] 11-how to use MixItUp plugin
Просмотров 3514 года назад
[Create Website_06 Full Responsive ] 11-how to use MixItUp plugin
[Create Website_06 Full Responsive ] 10-Portfolio26:55[Create Website_06 Full Responsive ] 10-Portfolio
[Create Website_06 Full Responsive ] 10-Portfolio
Просмотров 2054 года назад
[Create Website_06 Full Responsive ] 10-Portfolio
[Create Website_06 Full Responsive ] 09-Reviews14:15[Create Website_06 Full Responsive ] 09-Reviews
[Create Website_06 Full Responsive ] 09-Reviews
Просмотров 1244 года назад
[Create Website_06 Full Responsive ] 09-Reviews
[Create Website_06 Full Responsive ] 08-Team33:13[Create Website_06 Full Responsive ] 08-Team
[Create Website_06 Full Responsive ] 08-Team
Просмотров 1944 года назад
[Create Website_06 Full Responsive ] 08-Team
[Create Website_06 Full Responsive ] 07-Services16:23[Create Website_06 Full Responsive ] 07-Services
[Create Website_06 Full Responsive ] 07-Services
Просмотров 1694 года назад
[Create Website_06 Full Responsive ] 07-Services
[Create Website_06 Full Responsive ] 06-About28:43[Create Website_06 Full Responsive ] 06-About
[Create Website_06 Full Responsive ] 06-About
Просмотров 1934 года назад
[Create Website_06 Full Responsive ] 06-About
[Create Website_06 Full Responsive ] 05-Header40:01[Create Website_06 Full Responsive ] 05-Header
[Create Website_06 Full Responsive ] 05-Header
Просмотров 3124 года назад
[Create Website_06 Full Responsive ] 05-Header

Комментарии

  • @Leen-Odeh287
    @Leen-Odeh287 Год назад

    ليه before و after قبلهم : مش :: ؟

  • @SalmaNaser-j3q
    @SalmaNaser-j3q Год назад

    الكورس كافي ؟

  • @yall-js8lx
    @yall-js8lx Год назад

    جزاك الله خيرا شرح واضح ربنا يوفقك

  • @mostafarayan3601
    @mostafarayan3601 Год назад

    اتمني ترجع تنزل مشاريع كامله تاني شغلك تحفه ♥️

  • @aliaaali3260
    @aliaaali3260 Год назад

    جزاك الله خيرا

  • @trikiwejden5610
    @trikiwejden5610 Год назад

    لماذا الموسيقى لماذا لم تشرح التفاصيل ؟

  • @karimkouki9206
    @karimkouki9206 Год назад

    I wait website with sass in your channel

  • @MarwanMohamed_
    @MarwanMohamed_ Год назад

    تحفة !

  • @moneermohamed3206
    @moneermohamed3206 Год назад

    👌👌

  • @S4liman
    @S4liman Год назад

    شكرا لك عالفيديو استاذ ممكن سؤال انا متعلم html css js bootstrap هل تنصحني أن اتعلم ال sass ولا لا؟

    • @twagodcode
      @twagodcode Год назад

      اه اكيد لابد تعلمها وهيا لغه بسيطه ولذيذه مش هتاخد منك وقت خالص لانك بتكتب كود css في الاساس توكل علي الله وتعلمها

    • @S4liman
      @S4liman Год назад

      @@twagodcode شكراً لك أستاذ عالرد سؤال ثاني برأيك كم أحتاج من الوقت لتعلم الريأكت مع العلم عندي خبرة في html css js bootstrap سنة ونصف

  • @ahmedmohamed-zj2kh
    @ahmedmohamed-zj2kh 2 года назад

    شرح رائع

  • @houssinehomma1264
    @houssinehomma1264 2 года назад

    شكرا اخي

  • @alabenattia9894
    @alabenattia9894 2 года назад

    شكرا, ساعدتني ❤ من الجزائر

  • @mohamedmohi595
    @mohamedmohi595 2 года назад

    ربنا يبارك ف حضرتك شرح جميل جدا ومبسط نصيحه لو معاكش اساسيات البرمجه هتلاقي صعوبه وهتكره sass

  • @trainingson2028
    @trainingson2028 2 года назад

    لما بكتب في الكوماند لاين تحميل ساس بيجيبلي not recognizing

  • @AdelOmer21
    @AdelOmer21 2 года назад

    0:00 start sass tutorial 3:19 install sass 16:46 nesting 29:38 variables 40:00 interpolation 41:42 mixins 54:03 extend / placeholder 58:34 import 1:02:05 if/else

  • @kids_tito
    @kids_tito 2 года назад

    Sass ده الي تقدر تتعلمه عشان تشتغل في انظمة البنوك صح زي شركة sass نفسها

  • @chaimaabouzouada6209
    @chaimaabouzouada6209 2 года назад

    شرح رائع لقد أفدتني كثيرا شكرا لك

  • @adibhmidi3807
    @adibhmidi3807 2 года назад

    جزاك الله خيرا

  • @AdelOmer21
    @AdelOmer21 2 года назад

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

  • @Quran._.1_
    @Quran._.1_ 2 года назад

    شرح بسيط متشكر

  • @abdallahhammad8997
    @abdallahhammad8997 2 года назад

    وضعك سليم ياهندسة ماشاء الله شغل عالي

  • @Unlimited_Codes
    @Unlimited_Codes 3 года назад

    هل الكورس كافي اني اكتبه في ال cv بتاعي , طبعا بعد ما اطبق ع الكورس و اعمل بيه template وكده ؟؟؟؟؟

  • @momenfayez2074
    @momenfayez2074 3 года назад

    لو سمحت, هو كدة الكورس ده كامل و كافي ان الواحد يبقي معاه اساسيات الSass عشان اكتبة في ال CV؟

  • @Mohamed_Karam551
    @Mohamed_Karam551 3 года назад

    الصوت والصورة مش بيمشو بالتوازي يهندسه بس بسم الله ماشاء الله عليك

  • @imanechannel8044
    @imanechannel8044 3 года назад

    جزاك الله خير اخي

  • @nofrisdan
    @nofrisdan 3 года назад

    Thanks bro

  • @aminanba8202
    @aminanba8202 3 года назад

    ممكن تحسن جودة الصوت في خلفية بارازيت و الف شكر

  • @ahmedelabidelsalih3121
    @ahmedelabidelsalih3121 3 года назад

    جزاك الله خير

  • @wafahamidat8727
    @wafahamidat8727 3 года назад

    baraka allh fika

  • @alaaalmallouhi8408
    @alaaalmallouhi8408 3 года назад

    اقسسسسم بالله انك عظيييم

  • @sassan5456
    @sassan5456 3 года назад

    الله يفتح عليك

  • @muhammedallam5037
    @muhammedallam5037 3 года назад

    جزاك الله خير

  • @medoalking6112
    @medoalking6112 3 года назад

    ما شاء الله ربنا يجعله فى ميزان حسناتك

  • @عبدالحميدجوهري
    @عبدالحميدجوهري 3 года назад

    thanks you

  • @قيصر-ح5ف
    @قيصر-ح5ف 3 года назад

    ممكن الرد بش مهندس ثبت المكتبة لكن الأيقونات تظهر على شكل رموز

    • @twagodcode
      @twagodcode 3 года назад

      اكيد فيه مشكله عندك اتاكد انك منزل مجلد ال webfonts ومستدعي المكتبة بالطريقة الصحيحة راجع الفيديو تاني

    • @قيصر-ح5ف
      @قيصر-ح5ف 3 года назад

      @@twagodcode ظهر الخطأ انو كنت اكتب كود الأيقونة ما انسخه من الوقع وبعدين بيتفعل

  • @قيصر-ح5ف
    @قيصر-ح5ف 3 года назад

    ضمنت كل شي لكن ليه تظهر الأيقونات رموز

  • @mernaelmedany7509
    @mernaelmedany7509 3 года назад

    هو مينفعش يتعمل border بدل before و after

  • @doaakhaled52
    @doaakhaled52 3 года назад

    هو ليه حضرتك يابشمهندس لما بتدي ال flex مثلا ٤٥ بعدها بتدي max width ايه فايده ال max width

  • @tasnimalmohammed3497
    @tasnimalmohammed3497 3 года назад

    شكراً كتيييييير على الشرح الرائع .. بس عم يعطيني خطأ عند تحميل صور الموقع !..ممكن مساعدة لبلش بتصميم نفس الموقع 🌸🌸

  • @nermeenaliabdelhakeem422
    @nermeenaliabdelhakeem422 3 года назад

    جزاك الله خيرا

  • @majedbawazeer2536
    @majedbawazeer2536 3 года назад

    الصور ما تتحمل معي نزلها بموقع اخر

  • @mohamedmowafy7987
    @mohamedmowafy7987 3 года назад

    السلام عليكم يا بشمهندس عندى سؤال لو حضرتك ليك مثلا طريقه كود معينه فى طريقه انشاء العناصر سواء فى html and css وانا عندى طريقه تانيه ولكن الفكره واحده ونفس النتيجه عادى ولا حضرتك طريقتك افضل فاهم قصدى وشكرا وكمان انا مش فاهم جزء لما حضرتك استخدمت transform-origin مش هى بتستخدم مع transform بس مش فاهمها .

  • @douanewalid3058
    @douanewalid3058 3 года назад

    جزاك الله الف خير شرح جميل واستفدت كثير

  • @douanewalid3058
    @douanewalid3058 3 года назад

    thanks so much bro

  • @douanewalid3058
    @douanewalid3058 3 года назад

    ما شاء الله بالتوفيق

  • @douanewalid3058
    @douanewalid3058 3 года назад

    thank you so much

  • @douanewalid3058
    @douanewalid3058 3 года назад

    شرح جميل ورائع تمنياتي لك بالتوفيق وجزاك الله الف خير وبركة

  • @douanewalid3058
    @douanewalid3058 3 года назад

    جزاك الله الف خير

  • @mohamedmowafy7987
    @mohamedmowafy7987 3 года назад

    ربنا يبارك فيك يارب انا معاك اتقدمت جدا بفضل الله ثم بفضلك ... في سؤال بعد مارفعت الموقع ودخلت اشوفه علي الفون وفى مثلا تعديل ازاى اعدله تانى وشكرا لحضرتك ومستنى اللي جاى علي نااااااار(:(:(:

    • @twagodcode
      @twagodcode 3 года назад

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

    • @mohamedmowafy7987
      @mohamedmowafy7987 3 года назад

      @@twagodcode مفهوم شكرا لحضرتك