سند SVG

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

استفاده از SVG

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

svg چیست

SVG چیست و چرا باید از آن استفاده کنیم؟

ما در عصر پیکسل زندگی می کنیم و به عنوان طراح و همچنین توسعه دهنده پیسکل ها می توانند هم دوست و هم دشمن ما باشند. ما می خواهیم تا همه تصاویر و ترسیمات در سایت هایی که خلق می کنیم به بهترین، زیباترین، و با کیفیت ترین حالت ممکن قابل مشاهده باشند.

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

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

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

در این مطلب به بررسی مثال هایی می پردازیم که تا الان امکان ساخت آنها فقط با استفاده از جاوااسکریپت وجود داشت. و نشان خواهیم داد که می توان با استفاده از انتخابگر target در سی اس اس آنها را پیدا سازی کرد. مطالب مرتبط target:

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

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

در این مطلب یک بار دیگر قدرت سی اس اس را خواهیم دید. جایی که می توان افکت های فوق العاده زیبا بر روی تصاویر اعمال کرد. بدون اینکه نیاز باشد از هیچ ابزار ویرایشگری استفاده کنیم. مطالب مرتبط ساخت افکت مخصوص لینک after:: و before:: در CSS شخصی سازی list-style-type معرفی کتابخانه های انیمیشن

ساختار HTML

تا الان درباره عناصر مختلفی بحث کردیم. در این مطلب در مورد گروه بندی این عناصر و ساختار یک صفحه وب صحبت می کنیم.

فرم ها

وب می داند که گاهی کاربر نیاز دارد تا ورودی ها و اطلاعات خود را برای وب سایت فراهم آورد. به عنوان نمونه: ثبت نام و ورود به وب سایت وارد کردن اطلاعات شخصی مثل نام، نام کاربری، رمزعبور و ایمیل جستجو در محتوا بارگذاری یک فایل و … مطالب مرتبط after:: و before:: در […]

جدول ها

اگر در محتوای ما اطلاعاتی باشند که نیاز است آنها را بصورت جدولی نمایش دهیم می توانیم از عنصر <table> در HTML استفاده کنیم. مطالب مرتبط کاربردهای مفید جدول در CSS

تصاویر

تصاویر اولین عناصر غیر متنی بودند که در وب به وجود آمدند. مطالب مرتبط after:: و before:: در CSS شخصی سازی list-style-type متن در HTML فرم ها