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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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