در حال حاضر محصولی در سبد خرید شما وجود ندارد.
در این دوره آموزشی طراحی و ساخت آیکن های وب را بوسیله 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 یک منوی رسانه های اجتماعی سفارشی ایجاد کنید
نتیجه
متشکرم
Creating Web Icons with SVG
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
JavaScript Build Tools
آموزش توسعه کارایی وب سایت ها
OpenAI ChatGPT: Creating Custom GPTs
دوره WordPress Content Blocks : کار کردن با تم های وردپرس
Exploring AIOps
کار با امکانات حیرت انگیز CSS
آموزش تکنیک های ساده سازی طراحی وب Accessibility
آموزش انتقال وردپرس با WP Migrate DB and DB Pro
آشنایی با روند تکنولوژی
آشنایی با تاریخچه تایپوگرافی وب