اسنیپت (Snippet)ها تکه کدهایی هستند که با نوشتن یک کلمه کلیدی و با زدن دکمه tab در کد شما ظاهر می شوند و سرعت نوشتن کد را به مراتب بالاتر می برند. در این مطلب قصد داریم تا نکات مربوط به اسنیپت ها را در ویرایشگر متن سابلایم بیان کنیم. اگر با سابلایم آشنایی ندارید […]
در ادامه قسمت اول این مطلب به دنبال این هستیم تا با بررسی کامپوننت ها در کنار هم در یک سیستم گرید (grid) با نحوه استفاده مناسب از دو واحد em و rem بیشتر آشنا شویم. در مطلب قبل چند عنصر را در کنار هم قرار داده و نکاتی را در مورد آنها بررسی کردیم. […]
در مطلب قبل توضیح داده شد که این واحدهای نسبی چه هستند و چگونه عمل می کنند. حال در این مطلب به دنبال جواب دادن به این سوال هستیم که “از کدام یک از این واحدها باید استفاده کنیم؟“. آیا اصلا این سوال درست است؟ پای سفره ماژولاریان! اینکه می گوییم می شود به […]
در این مطلب قصد معرفی ابزاری برای بررسی بهتر واحدهای em و rem را داریم. اگر با این دو واحد آشنا نیستید به این مطلب مراجعه کنید. در این ابزار دو عنصر وجود دارند که عنصر سمت چپ با واحد em و عنصر سمت راست با واحد rem شکل گرفته شده اند. دو ویژگی font-size […]
یکی از روش هایی که واقعا باعث بهبود پیاده سازی در طراحی وب می شود استفاده از واحدهای نسبی مثل em و rem می باشد. برای ساختن کامپوننت های مستقل که دوباره قابل استفاده و یا اینکه به راحتی قابل ویرایش باشند, و اینکه بتوانیم با تغییرات کمی به طرح جدیدی از کامپوننت دست پیدا […]
در ادامه مطالب مربوط به ابزار طراحان وب در گوگل کروم می خواهیم در این مطلب بیشتر به نکات مربوط به قسمت استایل نویسی و ویراش عناصر بپردازیم. البته چند مورد از نکات, خیلی هم جدید نیستند :) ویرایش مستقیم keyframe@ این ویژگی همراه با ویژگی هایی که در مطالب قبلی بیان شد نشان […]
در مطالب قبل در مورد کانال های مختلف کروم و همینطور تعدادی از ویژگی های جدید آن برای طراحان وب بحث کردیم. در این مطلب چند ترفند را برای استفاده بهتر از قسمت منبع بیان می کنیم. قبل از هرچیزی چند کلید میانبر پرکاربرد باهم یاد بگیریم: Ctrl + Shift + I (mac: Cmd + […]
چند ماه قبل در این سایت مطلبی برای نحوه استایل دهی به متن alt تصاویر در صفحات وب نوشته شد. در اینجا با استفاده از دو نکته ای که در ادامه می خوانید پارا فراتر گذاشته و بلاک تصویری که در زمان بارگذاری با مشکل مواجه می شود را زیباسازی می کنیم. دو حقیقت […]
به عنوان یک برنامه نویس و یا حتی شخصی که محتوا تولید و یا ویرایش می کند بارها و بارها اتفاق می افتد که بخواهیم خطوط مختلف و یا تکه های خاصی از کد و یا محتوا را به ترتیب شماره گذاری کنیم. به عنوان مثال یکی از همکارهای بنده اخیرا نیاز داشت تا در […]
به عنوان یک طراح سایت و یک CSS کار خیلی خیلی خیلی کار درست قطعا همیشه فایل CSS را minify می کنید. برای آنهایی که هنوز به مرحله “خیلی خیلی خیلی” نرسیدند و می خواهند بدانند معنی minify کردن چیست باید گفت عملیاتی است که روی یک فایل انجام می شود تا مواردی شامل کامنت […]
