دموهای شگفت انگیز در سایت کدپ

دموی های شگفت انگیز (قسمت سوم)

در سری پست های معرفی دموهای شگفت انگیز قصد معرفی تعدادی از محبوب ترین دموهای موجود در سایت کدپن را داریم. (ترجیحا با موبایل تجربه نکنید)

 

طراح: Maksim Surguy

 

See the Pen tDCvp by Maksim Surguy (@msurguy) on CodePen.


 

 
 

طراح: Hakim El Hattab

 

See the Pen Bakemono by Hakim El Hattab (@hakimel) on CodePen.

 
 

 
 

طراح: Oleg Solomka

 

See the Pen Touch device jelly menu concept by LegoMushroom (@sol0mka) on CodePen.

 
 

See the Pen ·•● Bubble • Layout ●•· by LegoMushroom (@sol0mka) on CodePen.

 
 

طراح: Karim Maaloul

 

See the Pen Paranoid vs shy birds by Karim Maaloul (@Yakudoo) on CodePen.

 
 

See the Pen Chill the lion by Karim Maaloul (@Yakudoo) on CodePen.

 
 

طراح: Szenia Zadvornykh

 

See the Pen Shattering Images by Szenia Zadvornykh (@zadvorsky) on CodePen.

 

 
حتما حتما درگ کنید…

See the Pen THREE Image Transition by Szenia Zadvornykh (@zadvorsky) on CodePen.

 

 

چون امکان نمایش پروژه ها و سایت های خلاقانه در وب سایت نیست می توانید بصورت روزانه لینک چنین دموها و سایت هایی را در کانال تلگرام سایت و یا بصورت هفته ای در خبرنامه ما دریافت کنید.

8 دیدگاه برای “دموی های شگفت انگیز (قسمت سوم)

  1. سلام من یه تازه کار هستم
    این دموی آخری برم داخل فایل های خود و کارهای متصل کردن شو هم انجام دادم ولی اجرا نشد
    علت چیه؟
    ممنون میشم راهنمایی کنید

    1. اینارو اضافه کردید؟

      <script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r75/three.min.js"></script>
      <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
      <script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/175711/bas.js"></script>
      <script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/175711/OrbitControls-2.js"></script>

  2. سلم وقت بخیر
    من تازگی من زبان جاوااسکریپت و جی کوئری با دوره های آموزش مجازی یاد گرفتم و تقریبا آشنایی کلی با توبع و نحوه کارشون دارم…وهمپینن html ,css
    واگر هم کدهای مختلف رو ببینم تا حدی متوجه میشم چطور کار میکنن..
    اما دقیقا نمیدونم چطور باید js و jquery رو تمرین کنم منظورم نحوه ی تمرین هست؟؟چی باید کرد تا مثلا بتونیم مثل این طرح هارو خودمون پیاده سازی کنیم..؟؟
    ممنون میشم راهنمایی بفرمایید

    1. سلام. راستش تنها راه اینه:

      تمرین، تمرین، تمرین :)

      – یک چالش برای خودتون درست کنید. مثلا بگید فلان چیز رو من باید بسازم. بعد تلاش کنید تا بسازیدش. هرچه قدر هم ساده به نظرتون میاد بازم بسازیدش.
      – کدهای بقیه رو ببنید، ببینید چکار میکنن. (برنامه نویس درست حسابی نه هر کسی)

      توی همین تمرین ها و ممارست ها خیلی نکته ها یاد میگیرد.

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *