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

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 16 خرداد 1394
دسته بندی ها : الهام بخش , طراحی وب

اگه شما نمی دونید 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

مقالات پیشنهادی

50 مجموعه برتر UI برای طراحی وب سایت و گجت های همراه

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

دانلود مجموعه آیکون های مسافرتی و تعطیلات

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

بهترین های CodePen در سال 2017

جامعه توسعه دهندگان وب شامل برنامه نویس ها, طراحان و هنرمندان با استعدادی است که همیشه چیزهای جدید می سازند و وب رو به سمت جلو می برند.

رنگهای فوق العاده در [ Less - Sass - Scss - Stylus - Css ]

Brand-Colors - امروز میخوام در این پست یک ابزار جدیدیی رو معرفی کنم که شامل بیشتر از 400 رنگ مختلفه که میتونید از اون در scss, less, sass, stylus و c...