تاریخچه CSS

CSS در سال 1996 در HTML 4 معرفی شد تا مشکلاتی که طراحان وب در آن زمان با 3.2 HTML داشتند را برطرف کند. مشکل آنجا بود که طراحان مجبور بودند از ویژگی و تگ های زیادی در HTML در جهت ارائه محتوا استفاده کنند. این در حالی بود که قرار نبود از HTML برای […]

بهبود کارایی انتخابگرها

در زمان طراحی, نوشتن انتخابگرها یکی از کارهایی است که دائما در حال انجام آن هستیم. در این مطلب نحوه تجزیه این انتخابگرها توسط مرورگرها بیان شده است و همچنین توصیه هایی در مورد نوشتن انتخابگرهایی با کارایی بیشتر نیز آورده شده است.

مقدمه ای بر 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 ها استفاده کنید؟ برای من خیلی پیش آمده است. ولی همیشه تنبلی و پشت گوش انداختن موضوع باعث می شد تا کاری در موردش انجام ندهم. اما همیشه می دانستم که یک مشکلاتی مثلا با […]