در این مطلب کد یک ماژول یا کامپوننت اشتراک گذاری مطلب بر روی شبکه های اجتماعی در اختیار شما قرار گرفته است.
دموی های شگفت انگیز (قسمت سوم)
در سری پست های معرفی دموهای شگفت انگیز قصد معرفی تعدادی از محبوب ترین دموهای موجود در سایت کدپن را داریم. (ترجیحا با موبایل تجربه نکنید) طراح: Maksim Surguy See the Pen tDCvp by Maksim Surguy (@msurguy) on CodePen. طراح: Hakim El Hattab See the Pen Bakemono by Hakim […]
دموی های شگفت انگیز (قسمت دوم)
در ادامه معرفی دموی های شگفت انگیز در این مطلب دموهای فوق العاده دیگری را به نمایش می گذاریم: طراح: Dissimulate کلیک راست یادتون نره :) See the Pen Tearable Cloth by dissimulate (@dissimulate) on CodePen. طراح: Hakim El Hattab See the Pen 404 by Hakim El Hattab […]
دموی های شگفت انگیز (قسمت اول)
در این سری مطالب قصد داریم تا دموهای فوق العاده ای که در چند سال اخیر در سایت کدپن به نمایش گذاشته شده اند را معرفی کنیم. و از آن مهم تر با سازندگان این دموها آشنا شویم تا کارهای آنها را از این به بعد دنبال کنیم. بعضی از دموها شروع قشنگی دارند پس […]
این داستان: hover
در این مطلب قصد ساخت افکتی برای زمانی که متنی را hover می کنیم, داریم. این ترفند توسط wesbos@ در این پست معرفی شده است. دموی نهایی See the Pen Fun hover effect by Mojtaba Seyedi (@seyedi) on CodePen. نحوه ساخت اول از همه با استفاده از گرادینت خطی به حالت […]
از gif. تا html. (قسمت دوم)
در این مطلب به ادامه معرفی طرح های خلاقانه ای که به مرحله پیاده سازی رسیده اند, می پردازیم. مواردی که قبلا معرفی شده اند را می توانید در این پست مشاهده کنید. Search طراح: Oleg Frolov See the Pen Search by Radimir Bitsov (@_rbit) on CodePen. توسعه دهنده: Radimir Bitsov […]
از gif. تا html. (قسمت اول)
طراحان به واسطه ذهن خلاقی که دارند مفاهیمی را بوجود می آورند که بسیار جذاب هستند, اما بهترین خروجی که می توانند داشته باشند تا طرحشان را معرفی کنند, معمولا یک فایل Gif ساده است. قطعا حتی خود طراحان هم می خواهند تا بتواند با طرح و مفهومی که بوجود آورده اند تعامل داشته باشند. […]
مردم من
در این مطلب قصد معرفی یک دمو برای پخش آهنگ مردم توسط استاد معین را داریم. طرح آسمان از این دمو گرفته شده و با استفاده از Canvas دوباره سازی شده است. همینطور طرح پخش کننده موسیقی از این دمو گرفته شده و بصورت واکنشگرا دوباره سازی شده است و قابلیت نمایش نوار پیشرفت نیز […]
قالب آماده معرفی پروژه
در این مطلب کد آماده یک قالب برای معرفی پروژه در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. این قالب […]
قالب نمونه کار
در این مطلب کد آماده یک قالب نمونه کار فارسی در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. پشتیبانی مرورگر […]