مقدمه ای بر CSS

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

کنسول برای مرورگرهای موبایل

Devtools برای موبایل و تبلت

تا حالا شده دور از سیستم باشید و فقط موبایل شما طبق معمول رفیق و یاور شما باشد اما به شدت نیاز به Devtools مرورگر داشته باشید؟ یک هفته پیش این اتفاق برای من افتاد و بعد از اینکه به سیستم عزیز دوباره دسترسی پیدا کردم بطور کاملا اتفاقی به ابزاری برخوردم که دقیقا چنین […]

تست سایت در مرورگرها و دستگاه های مختلف

آزمایش پروژه در محیط های مختلف

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

استفاده از فکلس باکس در طراحی

فلکس باکس در دنیای واقعی

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

تشخیص مدیا کوئری در جاوااسکریپت

تشخیص مدیا کوئری در جاوااسکریپت

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

ابزارهای فلکس باکس

ابزارهای فلکس باکس

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

افکت hover برای لینک یا متن

این داستان: hover

در این مطلب قصد ساخت افکتی برای زمانی که متنی را hover می کنیم, داریم. این ترفند توسط wesbos@ در این پست معرفی شده است.   دموی نهایی   See the Pen Fun hover effect by Mojtaba Seyedi (@seyedi) on CodePen.     نحوه ساخت اول از همه با استفاده از گرادینت خطی به حالت […]

انتخاب واحد مناسب برای مدیا کوئری

انتخاب واحد مناسب برای مدیا کوئری

تا حالا شده به این فکر کنید که بهتر است از کدام یک از واحدهای CSS برای نوشتن media query ها استفاده کنید؟ برای من خیلی پیش آمده است. ولی همیشه تنبلی و پشت گوش انداختن موضوع باعث می شد تا کاری در موردش انجام ندهم. اما همیشه می دانستم که یک مشکلاتی مثلا با […]

ضرورت استفاده از واحدهای نسبی

ضرورت استفاده از واحدهای نسبی و تعیین صحیح اندازه فونت مبنا

مانند دیگر ابزارها در دنیای کامپیوتر, مرورگرها نیز این قابلیت را به کاربران می دهند تا اندازه فونت را برای خوانایی بهتر تغییر دهند. در اینجا در مورد zoom کردن صحبت نمی کنیم بلکه در مورد تغییر اندازه فونت از طریق هسته تنظیمات مرورگر بحث می کنیم. نحوه انجام این تغییر در سه مرورگر زیر […]

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

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

در ادامه قسمت اول این مطلب به دنبال این هستیم تا با بررسی کامپوننت ها در کنار هم در یک سیستم گرید (grid) با نحوه استفاده مناسب از دو واحد em و rem بیشتر آشنا شویم. در مطلب قبل چند عنصر را در کنار هم قرار داده و نکاتی را در مورد آنها بررسی کردیم. […]