آموزش ساخت آیکون های اس وی جی برای وب / Lynda Web Icons with SVG

Lynda Web Icons with SVG
آموزش ساخت آیکون های اس وی جی برای وب

  • کاربرد : آموزش ساخت آیکون های اس وی جی برای وب
  • نوع فایل : فیلم آموزشی
  • زبان : فارسی
  • سیستم عامل : Windows-Mac-Linux-Android-iOS
  • تولید کننده : Lynda
  • سال تولید : 2010

توضیحات

SVG زبانی برای توصیف گرافیک 2 بعدی و برنامه های گرافیکی است. ​این تکنولوژی مخفف کلمات Scalable Vector Graphics میباشد. SVG برای ایجاد گرافیک های برداری در صفحات وب بکار میرود و با زوم روی عکس های SVG کیفیت آنها پایین نمی آید. هر المانی که در SVG می بینید میتواند نقاشی شود. SVG یکی از توصیه‌های کنسرسیوم w3 میباشد زیرا با استفاده از این تکنولوژی جدید حجم عکس ها کاهش یافته و کیفیت انها در کلیه سایزها حفظ میشود. قابل مقایسه ترین نوع فایلی با SVG را میتوان تصاویر برداری فلش نامید. با این تفاوت که SVG یک استاندارد بیش از فلش دارد و آن موازی بودن تکنولوژی آن با استاندارد هایی مانند XSL و DOM است. در ضمن فلش یک تکنولوژی اوپن سورس نیست. تنها مشکلی که پیش پای SVG قرار دارد این است که هنوز تمام مرورگر ها بصورت کامل از آن پشتیبانی نمی کنند. گرچه میتوان آینده SVG را روشن توصیف کرد. باید بدانید که فایل های SVG با پسوند .svg ذخیره میشوند.
در دوره آموزشی Lynda Web Icons with SVG با نحوه ساخت آیکون های اس وی جی برای وب اشنا می شوید.

سرفصل های دوره آموزشی Lynda Web Icons with SVG:
- SVG در مقابل فونت آیکون
- گرفتن آیکون های SVG موجود
- ایجاد آیکون خود
- اضافه کردن آیکون های SVG به صفحات وب
- اضافه کردن SVG به عنوان یک عنصر خطی یا تصویر پس زمینه
- استفاده از SVG خارجی و درون خطی
- نسل خودکار SVG با Grunticon
- استفاده از آیکون های SVG در وردپرس

Description

As designers and developers of the web, we want graphics to look sharp, but we need to keep file sizes down for performance. How do you get the best of both worlds? There is pretty much only one way to go: SVG. SVG is an XML-based method for instructing the browser to draw scalable vector graphics based on defined shapes and coordinates. The challenge with SVGs is they are not like other graphic files: Rather than a grid of pixels, they are code instructions interpreted by the browser on the fly. This poses some unique challenges and unique opportunities when it comes to implementation. In this course, you'll learn various methods to deploy SVG icons in webpages, each with its own use cases, benefits, and drawbacks. Morten Rand-Hendriksen shows how to insert individual SVG images, add SVGs as inline elements and SVG sprites via the command line, and automate SVGs with Grunticon. Plus, get tips on making your graphics backward-compatible and accessible, and using SVG icons in WordPress.
Topics include:
- SVG vs. icon fonts
- Getting existing SVG icons
- Creating your own icons
- Adding individual SVG icons to webpages
- Adding SVG as an inline element or background image
- Using external and inline SVG sprites
- Automating SVG generation with Grunticon
- Using SVG icons in WordPress
اگر شما نسبت به این اثر یا عنوان محق هستید، لطفا از طریق "بخش تماس با ما" با ما تماس بگیرید و برای اطلاعات بیشتر، صفحه قوانین و مقررات را مطالعه نمایید.

دیدگاه کاربران


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

بارگزاری