قالب نمونه کار و پروژه

قالب نمونه کار

در این مطلب کد آماده یک قالب نمونه کار فارسی در اختیار شما قرار گرفته است. منبع اصلی این قالب از این لینک قابل دسترس است و با توجه به کپی رایت این سایت می توانید از این قالب در هر گونه پروژه ای استفاده کنید اما خود قالب قابل فروش نمی باشد. پشتیبانی مرورگر […]

responsive-layout

یک قالب ساده با ترنزیشن زیبا (فقط CSS)

در این مطلب قصد معرفی یک قالب زیبا که تنها با استفاده از HTML و CSS طراحی شده است را داریم. اول از همه این منبع اصلی این قالب است که ما آن را با اعمال چند تغییر و بروزرسانی در اختیار شما قرار داده ایم. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera +9 […]

ساخت افکت ویژه آشکارسازی تصویر

در این مطلب با ساختن این افکت در پنچ قدم آشنا خواهیم شد. این تکینک از انیمیشن و خاصیت mix-blend-mode در CSS و از SVG کمک می گیرد. قدم اول در اولین مرحله عنصر SVG مورد نظر را در نرم افزاری مثل adobe illustrator و یا نرم افزاری مشابه آن رسم می کنیم. توجه داشته […]

متحرک سازی دکمه علاقه مندی در Css

ساخت دکمه علاقه مندی با طعمی متفاوت

چند روز قبل دمویی برای متحرک سازی دکمه علاقه مندی دیدم که تصمیم به استفاده از آن در یک کارت کردم که در این مطلب قصد اشتراک آن را با شما دارم. دمویی که وجود داشت با استفاده از SVG ساخته شده بود و همینطور انیمیشن آن از لحاظ کارایی در سطح پایینی قرار داشت […]

چک باکس ها

چک باکس های باور نکردنی

در اینجا قصد نمایش چند دمو که ظاهر یک چک باکس به طور خلاقانه در آنها تغییر یافته است را داریم. اگر با ساخت همچین چک باکس هایی در css آشنایی ندارید به این مطلب برای یادگیری مراجعه کنید.   See the Pen Toggle Rebound by Mojtaba Seyedi (@seyedi) on CodePen.     See the […]

navicon-transform

ساخت آیکون همبرگر با css

امروزه با افزایش کاربران موبایل ها و تبلت ها, آیکون منوی مخصوص این دستگاه ها که معروف به آیکون همبرگر است بیشتر به چشم می خورد. در این مطلب قصد معرفی چند دمو برای تغییر شکل دادن این آیکون در موردهای استفاده متفاوت را داریم. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera 9+ ساختار […]

circular-menu

پیاده سازی منوی دایره ای

در این اینجا قصد ساخت یک منوی دایره ای داریم که می توان از آن برای منو اشتراک گذاری یا منوهایی با محتوای دیگر چه در صفحات وب و چه در نرم افزارهای موبایل استفاده کرد. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera 10+ توجه داشته باشید که در این مطلب ما کدهای اصلی […]

offcanvas

پیاده سازی منو برای موبایل و تبلت

در این مطلب قصد بررسی نحوه ساخت یک‌ منوی ساده و‌ کاربر پسند را برای دستگاه های موبایل و‌ تبلت داریم. تلاش می کنیم که ساخت این دمو را به صورت مرحله ای انجام دهیم و برای هر مرحله کدهای آماده را برای بررسی کردن در دسترس شما قرار دهیم. پشتیبانی مرورگر ها ie Chrome Firefox Safari […]