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

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

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

بعضی از دموها شروع قشنگی دارند پس بهتر است از دکمه Return استفاده کنید.

 
 

طراح: Tamino Martinius

 

See the Pen Interactive Particle Logo by Tamino Martinius (@Zaku) on CodePen.

 

 
 

طراح: Gerard Ferrandez

 

See the Pen prometheus by Gerard Ferrandez (@ge1doot) on CodePen.

 

 
 

طراح: Yogev Ahuvia

 

See the Pen Reactive CSS Transitions by Yogev Ahuvia (@kindofone) on CodePen.

 

 
 

طراح: Julian Garnier

 

See the Pen CSS 3D Solar System by Julian Garnier (@juliangarnier) on CodePen.


 

 
 

طراح: Hakim El Hattab

 

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


 

 
 

طراح: Lucas Bebber (فقط CSS)

 

See the Pen CSS Glitched Text by Lucas Bebber (@lbebber) on CodePen.


 

 
 

طراح: Hakim El Hattab

 

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


 

 
 

طراح: Joshua Hibbert (فقط CSS)

 

See the Pen Rodeo 4: CSS Regions by Joshua Hibbert (@joshnh) on CodePen.


 

 
 

طراح: Oleg Solomka

 

See the Pen ·● MOTION for the web ●· by LegoMushroom (@sol0mka) on CodePen.

 
 

در ضمن در خبرنامه سایت هر هفته چند نمونه دموهای این چنینی معرفی می شود :)

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

  1. سلام.
    من چند وقتیه اینجا سر می زنم. از لینکدین هم اینجارو پیدا کردم. به نظرم مطالب بسیار جالبی وجود داره تو سایتتون. مطالبتون در خصوص UI و UX بسیار با کیفیت و عمیقه. ممنون از زحماتی که می کشی. لازم دونستم که ازت تشکر کنم. موفق باشی.

  2. سلام خدمت دوست هم دانشگاهی و هم شهری خودم آقا مجتبی …
    خوبی برادر؟؟
    آقا این url زیر رو ببین بیزحمت !!
    این با canvas پیاده سازی شده … شما اطلاعی از نحوه اینچنین پیاده سازی دارید؟؟

    1. سلام خدمت شما دوست عزیز ( راستش اگه فامیلتونو هم بگین ک منم بشناسمتون عالی میشه :) )

      راستش رفتم ثبت نام کنم گفت این ایمیل گرفته شده فهمیدم اینو دیدم ولی کی! خدا میدونه. هیچی یادم نمیاد :)

      منظور سوالتو متوجه نمیشم حامد جان. کلش ک یک وب اپلیکیشنه و در زمان طراحی کارت هم از توابع canvas استفاده میشه دیگه. اگر هیچی از canvas نمیدونی یه آموزش چند دقیقه ای ازش ببین واست روشن میشه کلیت ماجرا. اینکه مثلا چطوری میشه روی یک تصویر متنی نوشت و غیره.

      البته من الان به کامپیوترم دسترسی ندارم واسه همون نتونستم ریز بشم توی قصه.

      موفق باشی

      1. سلام دوباره مجتبی جان، حامدم ، استوار ، شاهرود هم دانشگاهی بودیم (البته اگه فراموش نکرده باشی ما رو ;-) )

        نه داداش ، مثل اینکه بد توضیح دادم اصن نمیخاد لاگین شی و … ، ببین صفحه اصلی این سایت یک canvas استفاده شده که وقتی موس حرکت میکنه همراه با حرکت موس تصویر بکگراند از حالت بلور در میاد …
        دنبال یه همچین کدیم … شما احتمالا بلد نیستی یا کدشو جایی ندیدی؟؟

        1. سلام بر آقا حامد عزیز. آقا شرمنده من به جا نیاوردم.

          آها دیدم اونو. نه راستش من کدو که جایی ندارم . ولی راحت می تونی کش بری کدشو خودت. (البته من اینجا نباید همچین حرفی بزنم بد آموزی داره ;) ).

          الان نمیرسم ولی در اولین فرصت همچنین دمویی میسازم. که کد مرتبش رو هم داشته باشی.

          1. فدات بشم مجتبی جان …
            آقا مشتاقه دبداار …
            ریپ کردن سایتای خارجی در راستای پیشرفت وب فارسی که ایرادی نداره ;-)
            امیدوارم این اولین فرصت خیلی زود باشه … چون شدیدا به این canvas احتیاج دارم و اصن کار با canvas رو صفر صفرم و نمیتونم این کارو انجام بدم …

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