در زمان طراحی, نوشتن انتخابگرها یکی از کارهایی است که دائما در حال انجام آن هستیم. در این مطلب نحوه تجزیه این انتخابگرها توسط مرورگرها بیان شده است و همچنین توصیه هایی در مورد نوشتن انتخابگرهایی با کارایی بیشتر نیز آورده شده است.
بهبود کارایی انتخابگرها
مقدمه ای بر CSS
CSS یکی از تکنولوژی های اصلی برای طراحی صفحات و اپلیکیشن های وب می باشد. مهم نیست قصد ساخت چه سایت و اپلیکیشنی را داشته باشید, باید در ساخت آن از CSS استفاده کنید. CSS یک زبان استایل نویسی و از نوع اعلانی می باشد که نحوه نمایش یک صفحه وب را توصیف می کند. […]
Devtools برای موبایل و تبلت
تا حالا شده دور از سیستم باشید و فقط موبایل شما طبق معمول رفیق و یاور شما باشد اما به شدت نیاز به Devtools مرورگر داشته باشید؟ یک هفته پیش این اتفاق برای من افتاد و بعد از اینکه به سیستم عزیز دوباره دسترسی پیدا کردم بطور کاملا اتفاقی به ابزاری برخوردم که دقیقا چنین […]
آزمایش پروژه در محیط های مختلف
قطعا تا بحال برای شما پیش آمده است که پروژه مثل باقلوا در مرورگر کروم و یا فایرفاکس در سیستم عامل آخرین مدل بر روی کامپیوتر شما کار می کند و همانطور که اشک شوق در چشمان شما حلقه زده است کسی به شانه شما می زند و در حالی که نگاهی به دستگاهی که […]
supports@
با استفاده از دستور supports@ می توان پشتیبانی مرورگر را در مورد یک ویژگی بررسی کرد. یعنی آن ویژگی در مرورگر منظور کار می کند یا نه. معمولا این کار توسط کتابخانه های جاوااسکریپت نظیر Modernizr انجام می شود اما این دستور این امکان را می دهد تا بتوان این آزمایش را در فایل CSS […]
دموی های شگفت انگیز (قسمت سوم)
در سری پست های معرفی دموهای شگفت انگیز قصد معرفی تعدادی از محبوب ترین دموهای موجود در سایت کدپن را داریم. (ترجیحا با موبایل تجربه نکنید) طراح: Maksim Surguy See the Pen tDCvp by Maksim Surguy (@msurguy) on CodePen. طراح: Hakim El Hattab See the Pen Bakemono by Hakim […]
فلکس باکس در دنیای واقعی
اگر قصد استفاده از فلکس باکس را داریم یکی از مهم ترین مواردی که باید توجه داشته باشیم این است که چطور ویژگی های مربوط به این ماژول را بنویسیم تا بهترین پشتیبانی را در مرورگرهای مختلف داشته باشیم. وقتی در منابع متفاوت دنبال یادگیری فلکس باکس هستیم همه جا یک سینتکس تمیز به ما […]
()attr
attr کوتاه شده attribute یعنی همان ویژگی هایی که در تگ های HTML نوشته می شود, می باشد. مثل ویژگی href. فرض کنید ویژگی به نام X برای یک عنصر وجود داشته باشد, حال attr(X) مقدار ویژگی X را بر می گرداند. و اگر هم این ویژگی خالی باشد و مقدار نداشته باشد یک رشته […]
line-height
ویژگی line-height ارتفاع ردیف هایی که نوشته در آن قرار می گیرد را برای یک عنصر تعیین می کند. یعنی اگر عنصری دارای چندین خط نوشته باشد فاصله خطوط مبنا یک عنصر توسط این ویژگی مشخص می شود. در تصویر زیر مشاهده می کنید که فاصله خطوط از حالت عادی بیشتر است. این کار توسط […]
تشخیص مدیا کوئری در جاوااسکریپت
اون زمانی که ما کلید, پریز, دکمه و لباس و کیف و قاب با شبه عناصر after, before می ساختیم یک عده انسان باهوش در فکر این بودند که این شبه عناصر چه کاربردهایی در ساخت صفحات وب می توانند داشته باشند. در این مطلب به یکی از این کاربردها اشاره می کنیم. صورت […]