راهنمای کامل rem و em در css

Em یا Rem؟ (قسمت اول)

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

مقایسه rem و em در css

Em vs Rem

در این مطلب قصد معرفی ابزاری برای بررسی بهتر واحدهای em و rem را داریم. اگر با این دو واحد آشنا نیستید به این مطلب مراجعه کنید. در این ابزار دو عنصر وجود دارند که عنصر سمت چپ با واحد em و عنصر سمت راست با واحد rem شکل گرفته شده اند. دو ویژگی font-size […]

راهنمای کامل rem و em در css

راهنمای کامل EM و REM

یکی از روش هایی که واقعا باعث بهبود پیاده سازی در طراحی وب می شود استفاده از واحدهای نسبی مثل em و rem می باشد. برای ساختن کامپوننت های مستقل که دوباره قابل استفاده و یا اینکه به راحتی قابل ویرایش باشند, و اینکه بتوانیم با تغییرات کمی به طرح جدیدی از کامپوننت دست پیدا […]

استایل دهی تصاویری که لود نمی شوند

زیباسازی تصاویری که لود نمی شوند

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

بهینه سازی فایل css

بهینه سازی فایل CSS

به عنوان یک طراح سایت و یک CSS کار خیلی خیلی خیلی کار درست قطعا همیشه فایل CSS را minify می کنید. برای آنهایی که هنوز به مرحله “خیلی خیلی خیلی” نرسیدند و می خواهند بدانند معنی minify کردن چیست باید گفت عملیاتی است که روی یک فایل انجام می شود تا مواردی شامل کامنت […]

برش لوزی شکل تصاویر در css

برش تصاویر بصورت لوزی

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

ساخت متوازی الاضلاع

ساخت متوازی الاضلاع

فرض کنید بخواهیم یک عنصر, مثلا یک دکمه را به شکل متوازی الاضلاع بسازیم راه حل شما چیست؟

حاشیه های تصویری پیوسته

حاشیه های تصویری پیوسته

صورت مسئله همانطور که گاهی طرح هایی برای پس زمینه ها در نظر می گیریم. برخی موارد نیاز است تا چنین طرح هایی را در قسمت حاشیه داشته باشیم. شاید جواب بدهید, کار ساده ای است می توانیم از border-image استفاده کنیم.

طرح های کاتوره ای برای پس زمینه در css

طرح های کاتوره ای در پس زمینه

صورت مسئله طرح های تکرارپذیر هندسی قشنگ و خوب هستند اما می توانند کمی خسته کننده باشند. در طبیعت هم, خیلی کم پیش می آید تا الگوهای کاملا همسان داشته باشیم. حتی در موارد تکراری نیز, کمی تفاوت و غیر یکسانی و یا همان رفتارهای تصادفی یا کاتوره ای وجود دارد.