مجمو عه ای فوق العاده از دمو های codepen

ترجمه و تالیف : حسام موسوی
تاریخ انتشار : 13 خرداد 98
خواندن در 36 ثانیه
دسته بندی ها : الهام بخش , طراحی وب

اگه شما نمی دونید codepen اصلا چی هستش ،باید بهتون بگم اون یک کد ایدتور html و css و جاوااسکریپت که به کاربرها اجازه میده تا برای نمایش کد هاشون در سایت ها ازش استفاده کنن تا بوسیله مرورگر کدهاشون هم قابل نمایش باشه هم قابل تغییر و کاربر بتونه کدها رو هم دست کاری کنه . codepen یک گنجینه از چیزهای خلاقه داره که به راحتی در دسترستون قرار میگیره و شما میتونید چیزهای خلاقانه خودتون رو خلق کنید یا از آثار دیگران استفاده کنید . در مجموع شما با codepen میتونید وارد یک دنیایی خلاقانه بشین . بزارین از شما چندتا سوال بپرسم . آیا شما می خواید چیزهای که با html , css و javascript خلق کردین با دیگران به اشتراک بزارین و از نظرات اونا استفاده کنید ؟ یا آیا علاقه دارین توسعه دهنده های حرفه ای پیدا کنید و باهاشون آشنا بشین ؟ پس بهتون تبریک میگم شما بهترین منبع برای این کار رو پیدا کردید و اونم codepen . حالا که فهمیدید codepen چیه اجازه بدید چندتا از codepen مورد علاقمو بهتون نشون بدم امیدوارم مورد استفاده اتون قرار بگیره .

  • Breaking Bad

  • Firewatch Parallax in CSS

  • 3D CSS Typography

  • آیکون های متحرک که فقط با css نوشته شدن 

  • sketch.js Demo

  • افکت خم شدن صفحه با css 3D

  • ساختت افکت آتش بازی با Canvas

  • Linjer

  • Twisty

  • خطای 404

گردآوری و تالیف حسام موسوی
آفلاین
user-avatar

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید