آموزش روش BEM برای نامگذاری کلاس ها در طراحی صفحات وب

معرفی روش BEM برای نامگذاری کلاس‎ها

نگهداری و گسترش پروژه های بزرگ یکی از مهمترین مراحل توسعه است یکی از مباحثی که در این رابطه همیشه مطرح می شود نامگذاری کلاس ها می باشد که در این مطلب به معرفی روش BEM برای این موضوع می پردازیم.

ویژگی Stroke در SVG

همانطور که از ویژگی های مربوط به Fill برای رنگ کردن داخل یک شکل استفاده می کنیم، ویژگی های مربوط به Stroke به ما این قابلیت را می دهند تا دور یک عنصر را رنگ کنیم. Stroke یک Outline یا خط بیرونی برای عناصر SVG می باشد. مطالب مرتبط ویژگی Fill در SVG ویژگی transform […]

ویژگی Fill در SVG

در مطالب قبل از ویژگی fill در مثال ها استفاده کردیم در این مطلب این ویژگی را بصورت کامل بررسی می کنیم. ویژگی های fill به ما این قابلیت را می دهند تا داخل یک عنصر SVG را نقاشی کنیم. مطالب مرتبط column-fill اشکال پایه در SVG ویژگی Stroke در SVG ویژگی transform در SVG

عنصر مسیر در svg

عنصر Path یا مسیر در SVG

عنصر مسیر یا همان path در svg از اهمیت زیادی برای ترسیم اشکال مختلف برخوردار است. در این مطلب به طور کامل با این عنصر و سینتکس آن آشنا می شویم و نحوه ترسیم خطوط راست و منحنی را فرا خواهیم گرفت.

اشکال پایه در SVG

SVG شامل اشکال مستطیل، خط مستقیم، دایره، بیضی، چند ضلعي و چند خطی می باشد که در این مطلب به معرفی این اشکال پرداخته و با نحوه ساخت آنها آشنا می شویم.

ویژگی transform در SVG

عناصر SVG نیز مثل عناصر HTML می توانند توسط توابع rotate، translate، scale و غیره دچار تغییر شکل، مکان و دگرگونی های مختلف شوند. مطالب مرتبط transform-origin انتخابگر ویژگی کاربرد ویژگی will-change transform

سیستم مختصات SVG

در این مطلب به سراغ سه تا از مهمترین ویژگی های SVG به نام های viewBox، viewport و preserveAspectRatio می رویم.

ساختاردهی در SVG

SVG برای سازماندهی و ساختاربندی سند، روش مخصوص به خود را دارد. این کار در SVG با عناصر مخصوصی انجام می شود که این عناصر به ما اجازه می دهند تا اشیا را تعریف، گروه بندی و یا بصورت منبع در بیارویم.

سند SVG

در بیشتر مواقع برای طراحی یک چیز توسط SVG از ابزارهایی مثل Sketch یا Adobe Illustrator و امثال آنها استفاده می کنیم. معمولا فایل svg که این ابزارها به عنوان خروجی به ما می دهند خیلی تمیز نیست و موارد زیادی دارد که می توانند حذف شوند. (مخصوصا نسخه های قدیمی این نرم افزارها) مطالب […]

استفاده از SVG

وقتی صحبت از SVG در وب می شود چندین راه برای استفاده از آن وجود دارد که ما می توانیم با توجه به نیاز و شرایط بهترین آنها را انتخاب کنیم. مطالب مرتبط SVG چیست و چرا باید از آن استفاده کنیم؟ ضرورت استفاده از واحدهای نسبی و تعیین صحیح اندازه فونت مبنا