بررسی پشتیبانی مرورگرها در سایت caniuse.com

در دنیای طراحی و توسعه وب پشتیبانی مرورگرها یکی از موضوع هایی می باشد که همه روزه با آن سر و کار داریم. چند سال پیش بررسی اینکه آیا یک ویژگی در CSS یا یک API در جاوااسکریپت در چه موقعیتی از پشتیبانی مرورگرها است، کار آسانی نبود و یک منبع متمرکز و مطمئن برای […]

اعمال افکت بر روی تصاویر در CSS

اعمال افکت بر روی تصاویر در CSS

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

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

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

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

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

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

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

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

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

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

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

Em vs Rem

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

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

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

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

معرفی کتابخانه های انیمیشن در سی اس اس

معرفی کتابخانه های انیمیشن

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

css-blender

CSS Blender

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

autoprefixer

Autoprefixer: ابزار پیشوندگذاری

یکی از دغدغه های این روزها در دنیای CSS نوشتن خطوط استایلی است که برای اینکه در مرورگرهای مختلف کار کنند نیاز به prefix یا پیشوند دارند. کد زیر را در نظر بگیرید: div { transition: all 1s ease; } برای اینکه این خط بهترین پشتیبانی را در مرورگرهای مختلف داشته باشد باید به صورت […]