در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. ساخت باکسهایی با Intrinsic Ratio برای ساخت یک باکس با Intrinsic Ratio تنها کاری که لازمه که انجام بدین اینه که padding بالا یا پایین رو به div مورد نظر اعمال کنید. کد HTML زیر رو در نظر بگیرید: کد CSS زیر رو برای اون …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. مخفی کردن ویدیوهای Autoplay که Mute نشده اند این ترفند میتونه یک ترفند خوب برای استایلهای سفارشی هست. با این کار از بارگذاری اضافه یا overloading با صدای فیلمی که Autoplay هست در زمانی که صفحه سایت شما لود میشه، جلوگیری میکنیم. اگر …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. مشخص کردن استایل یش فرض برای لینک همونطور که میدونید بیشتر اوقات، زمانی که میخایم به یک لینک استایل بدیم، کلاسی رو برای اون تعریف میکنیم و استایلهای مورد نظرمون رو به اون کلاس اعمال میکنیم. حالا شما میتونین به راحتی کاری کنید …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. خلاص شدن از شر Margin با استفاده از Flexbox حتما جاهای زیادی به این مشکل برخوردین که تعدادی المنت رو در کنار هم قرار بدین و بخواید با استفاده از margin فاصله بین اونا رو تنظیم کنید. این مورد بیشتر در قرار دادن …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. استفاده از SVG برای آیکونها همونطور که میدونین ما زیاد از آیکونها درون سایتمون استفاده میکنیم. اخیرا استفاده از SVG خیلی زیاد و محبوب شده و پشتیبانی مرورگرها هم از اون خیلی خیلی خوب شده. همونطور که میدونید تصاویر و آیکونهای SVG کیفیت …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. انتخاب آیتمها با استفاده از nth-child منفی همونطور که میدونین با استفاده از قدرت nth-child میتونین المنتهای مورد نظرتون رو انتخاب کرده و استایل مورد نظرتون رو بهشون بدید. مثلا اگر بخاید آیتمهای فرد انتخاب بشن، باید 2n+1 قرار بدین و اگر بخواید …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. وسط چین کردن المنتها از نظر عمودی این کار شاید بنظر سخت برسه ولی در عمل خیلی سخت هم نیس و این کار رو میتونین به آسونی انجام بدین و هر المنتی رو بصورت وسط چین در بیارید. کد زیر رو در نظر …
در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. به ارث بردن box-sizing همونطور که میدونید در بیشتر مواقع و همچنین در CSS Reset ها، ویژگی box-sizing رو برای همه المنتها برابر با border-box قرار میدیم تا بتونیم به راحتی از CSS Box Model استفاده کنیم و همه مقادیر نسبت به border …
در این مطلب و مطالب بعدی قصد داریم تعدادی ترفند و روش حرفه ای برای CSS خدمتتون عرض کنیم. با مطالعه و یادگیری این موارد سطح کدنویسی CSS شما بالاتر خواهد رفت و میتونین کدهای حرفه ای تری رو برای سایت خودتون قرار بدین. برای هر ترفند یا روش یا آموزش، نمونه هایی هم قرار داده میشه …
