آموزش ساخت آیکن های وب با SVG

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

عنوان اصلی : Creating Web Icons with SVG

سرفصل ها :

معرفی
خوش آمدی
آنچه قبل از تماشای این دوره باید بدانید
1. The Case For SVG
تفاوت بین SVG و فونت آیکون
آنچه در این دوره به آن خواهیم پرداخت
2. آیکون های SVG را ایجاد و بهینه کنید
از کجا می توان نمادهای SVG موجود را دریافت کرد
ایجاد آیکون های خود
SVG را با SVGOMG و SVGO بهینه کنید
3. SVG های فردی را اضافه کنید
مروری بر روش ها
SVG را به عنوان یک تصویر معمولی اضافه کنید
اضافه کردن سازگاری به عقب با SVGeezy
SVG را به عنوان یک عنصر درون خطی اضافه کنید
با SVGInjector سازگاری رو به عقب و موارد دیگر را اضافه کنید
SVG را به عنوان تصویر پس زمینه اضافه کنید
تصاویر پس زمینه SVG را با عقب سازگار کنید
یک کلمه در مورد دسترسی SVG
4. Sprites خارجی و درون خطی SVG
مروری بر روش
یک SVG Sprite دستی ایجاد کنید
نمایش SVG از یک sprite درون خطی
یک SVG sprite بهینه شده با SVGO و spritesh ایجاد کنید
نمایش SVG از یک جن خارجی
مشکلات پشتیبانی مرورگر را وصله کنید
5. فرآیند SVG خود را با Grunticon خودکار کنید
مروری بر این روش
آیکون های متقابل مرورگر را با Grunticon ایجاد کنید
نمایش نمادهای Grunticon SVG در اسناد HTML
با استفاده از Grunticon آیکون های متقابل مرورگر را در خط فرمان ایجاد کنید
نمایش نمادهای Grunticon SVG در اسناد HTML
6. SVG در قالب های وردپرس
با SVGInjector یک SVG درون خطی اضافه کنید
با Grunticon یک منوی رسانه های اجتماعی سفارشی ایجاد کنید
نتیجه
متشکرم