آموزش راهنمای برنامه‌نویسان وب برای تصاویر

A Web Developer's Guide to Images

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: درباره تصاویر وب سایت ها و نحوه استفاده مؤثر از آنها بیاموزید تصاویر بخش مرکزی تقریباً هر وب سایت هستند. انواع مختلف تصاویر و زمانی که هر کدام مناسب است را بیاموزید. برخی از افزونه های مفید جی کوئری و ویژگی های CSS 3 مربوط به تصاویر را مرور کنید. تأثیر عملکرد تصاویر و نحوه استفاده بهینه را مطالعه کنید. نحوه استفاده از تصاویر با تکنیک های طراحی وب واکنش گرا و نمایشگرهای با تراکم پیکسلی بالا را بیاموزید.

سرفصل ها و درس ها

معرفی Introduction

  • بررسی اجمالی Overview

  • Paint.NET Paint.NET

  • نسخه ی نمایشی Paint.NET Paint.NET Demo

  • Corel PaintShop Pro Corel PaintShop Pro

  • نسخه ی نمایشی Corel PaintShop Pro Corel PaintShop Pro Demo

  • انواع تصویر Image Types

  • JPEG JPEG

  • نسخه ی نمایشی JPEG JPEG Demo

  • GIF GIF

  • PNG PNG

  • نسخه نمایشی PNG PNG Demo

  • WEBP WEBP

  • نسخه ی نمایشی WEBP WEBP Demo

  • SVG SVG

  • <IMG &lt;IMG&gt;

  • <نمایشی IMG &lt;IMG&gt; Demo

  • خلاصه Summary

پلاگین های جی کوئری و CSS 3 jQuery Plugins and CSS 3

  • بررسی اجمالی Overview

  • پلاگین چرخه جی کوئری jQuery Cycle Plugin

  • نسخه ی نمایشی پلاگین چرخه جی کوئری jQuery Cycle Plugin Demo

  • پلاگین jQuery Carousel jQuery Carousel Plugin

  • نسخه ی نمایشی پلاگین چرخ فلک جی کوئری jQuery Carousel Plugin Demo

  • افزونه jQuery Zoom jQuery Zoom Plugin

  • نسخه ی نمایشی افزونه jQuery Zoom jQuery Zoom Plugin Demo

  • پلاگین jQuery Overlays jQuery Overlays Plugin

  • نسخه نمایشی پلاگین jQuery Overlays jQuery Overlays Plugin Demo

  • پلاگین jQuery LazyLoad jQuery LazyLoad Plugin

  • نسخه ی نمایشی پلاگین jQuery LazyLoad jQuery LazyLoad Plugin Demo

  • غیرفعال کردن کلیک راست Disable Right Click

  • دمو کلیک راست را غیرفعال کنید Disable Right Click Demo

  • CSS 3 CSS 3

  • پیشوندهای مرورگر/فروشنده Browser/Vendor Prefixes

  • بازگشت به عقب Fallbacks

  • پلی پرها Polyfills

  • گوشه های گرد Rounded Corners

  • نسخه ی نمایشی گوشه های گرد Rounded Corners Demo

  • کدورت Opacity

  • نسخه نمایشی کدورت Opacity Demo

  • پس زمینه های متعدد Multiple Backgrounds

  • نسخه ی نمایشی پس زمینه های متعدد Multiple Backgrounds Demo

  • فونت های نماد Icon Fonts

  • آیکون فونت نسخه ی نمایشی Icon Fonts Demo

  • خلاصه Summary

کارایی Performance

  • بررسی اجمالی Overview

  • کمانچه نواز Fiddler

  • نسخه ی نمایشی Fiddler Fiddler Demo

  • بهینه سازی تصویر Image Optimization

  • انقضای محتوا Content Expirations

  • نسخه نمایشی انقضای محتوا Content Expirations Demo

  • CSS Sprites CSS Sprites

  • نسخه ی نمایشی CSS Sprites CSS Sprites Demo

  • نقشه های تصویری Image Maps

  • نسخه نمایشی نقشه های تصویری Image Maps Demo

  • URI داده Data URI

  • نسخه نمایشی داده URI Data URI Demo

  • CDN CDN

  • نسخه ی نمایشی CDN CDN Demo

  • دامنه های متعدد Multiple Domains

  • نسخه ی نمایشی چند دامنه Multiple Domains Demo

  • ذخیره فاویکون Favicon Caching

  • نسخه ی نمایشی ذخیره سازی فاویکون Favicon Caching Demo

  • خلاصه Summary

متفرقه Miscellaneous

  • بررسی اجمالی Overview

  • نسبت ابعاد Aspect Ratios

  • نسخه نمایشی نسبت ابعاد Aspect Ratios Demo

  • تصاویر واکنش گرا Responsive Images

  • تصاویر واکنش گرا (ادامه) Responsive Images (cont.)

  • نسخه ی نمایشی تصاویر پاسخگو Responsive Images Demo

  • نمایشگرهای با تراکم پیکسلی بالا High Pixel Density Displays

  • نمایش نسخه نمایشی با تراکم پیکسل بالا High Pixel Density Displays Demo

  • طراحی مکان‌ها Design Placeholders

  • دمو Placeholders را طراحی کنید Design Placeholders Demo

  • متن Watermarks

  • واترمارک نسخه ی نمایشی Watermarks Demo

  • آپلود تصاویر Upload Images

  • آپلود تصاویر نسخه ی نمایشی Upload Images Demo

  • از کجا می توان تصاویر را دریافت کرد Where to Get Images

  • کنترل های نمودار Chart Controls

  • نسخه نمایشی کنترل نمودار Chart Controls Demo

  • System.Net.Drawing System.Net.Drawing

  • System.Net.Drawing Demo System.Net.Drawing Demo

  • بوم HTML5 HTML5 Canvas

  • نسخه ی نمایشی بوم HTML5 HTML5 Canvas Demo

  • Windows 7 Snipping Tool Windows 7 Snipping Tool

  • نسخه ی نمایشی ابزار Snipping Windows 7 Windows 7 Snipping Tool Demo

  • فلیکر Flickr

  • نسخه ی نمایشی فلیکر Flickr Demo

  • سرد Cool

  • نسخه ی نمایشی جالب Cool Demo

  • خلاصه Summary

نمایش نظرات

آموزش راهنمای برنامه‌نویسان وب برای تصاویر
جزییات دوره
2h 39m
90
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
113
از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Robert Boedigheimer Robert Boedigheimer

رابرت از 23 سال گذشته در حال توسعه وب سایت ها بوده است. او یک MVP مایکروسافت ، یک متخصص توسعه پیشرفت (Fiddler) ، یک نویسنده Pluralsight و یک کمربند سیاه درجه 3 در Tae Kwon Do است. رابرت به طور مرتب در رویدادهای ملی و بین المللی صحبت می کند.