در این مطلب به سراغ سه تا از مهمترین ویژگی های SVG به نام های viewBox، viewport و preserveAspectRatio می رویم.
ساختاردهی در SVG
SVG برای سازماندهی و ساختاربندی سند، روش مخصوص به خود را دارد. این کار در SVG با عناصر مخصوصی انجام می شود که این عناصر به ما اجازه می دهند تا اشیا را تعریف، گروه بندی و یا بصورت منبع در بیارویم. مطالب مرتبط استفاده از SVG SVG چیست و چرا باید از آن استفاده […]
سند SVG
در بیشتر مواقع برای طراحی یک چیز توسط SVG از ابزارهایی مثل Sketch یا Adobe Illustrator و امثال آنها استفاده می کنیم. معمولا فایل svg که این ابزارها به عنوان خروجی به ما می دهند خیلی تمیز نیست و موارد زیادی دارد که می توانند حذف شوند. (مخصوصا نسخه های قدیمی این نرم افزارها) مطالب […]
استفاده از SVG
وقتی صحبت از SVG در وب می شود چندین راه برای استفاده از آن وجود دارد که ما می توانیم با توجه به نیاز و شرایط بهترین آنها را انتخاب کنیم. مطالب مرتبط سیستم مختصات SVG ویژگی transform در SVG اشکال پایه در SVG عنصر pattern در SVG (الگوها در SVG)
SVG چیست و چرا باید از آن استفاده کنیم؟
ما در عصر پیکسل زندگی می کنیم و به عنوان طراح و همچنین توسعه دهنده پیسکل ها می توانند هم دوست و هم دشمن ما باشند. ما می خواهیم تا همه تصاویر و ترسیمات در سایت هایی که خلق می کنیم به بهترین، زیباترین، و با کیفیت ترین حالت ممکن قابل مشاهده باشند.
مجله ۱۴
List.js * Prettify Range Input * Inspacewetrust.org * Scherskech * Ramen by pure CSS * Pumperl Gsund * Psopper.js * Lineard Spinneards * Chosen.js
مجله ۱۳
Datedropper * Pure CSS Carnival Game * Dihh.io * Repaintless.css * First Person Tetris * Stevenmengin.com * Awesomplete * Chuck Norris’s kickass pushups! * Airforce.com
object-position
با استفاده از ویژگی object-position می توان محتوای عناصر نوع Replaced را ترازبندی کرد. مطالب مرتبط border-left-color outline-width margin-bottom overflow-y
object-fit
ویژگی object-fit تعیین می کند که محتوای عنصری از نوع Replaced چگونه در ابعاد مشخص شده اش رسم شود. مطالب مرتبط border-top-style border font-stretch min-width
گوگل در سابلایم
کد نویسی نیاز به تمرکز مناسبی دارد و از طرفی حس خوبیه که کل صفحه نمایش را ویرایشگر یا ابزار کدنویسی ما پر کند. حال با این شرایط گاهی نیاز داریم تا به سایتی رجوع کنیم یا بخصوص از گوگل استفاده کنیم. در نتیجه مجبور هستیم تا از محیط نازنین کدنویسی خارج شده و به […]