آموزش ایجاد وب رسانه

مقدمه Introduction

• به "ایجاد رسانه وب" خوش آمدید Welcome to "Creating Web Media"

1. ایجاد رسانه وب 1. Creating Web Media

• نمادهای SVG با Illustrator SVG symbols with Illustrator

• عنصر ویدیو The video element

• کنترل رنگ ها در SVG با CSS Control colors in SVG with CSS

• گرافیک با کیفیت بالا با Sketch High-definition graphics with Sketch

• یک فید توییتر اضافه کنید Add a Twitter feed

• تصاویر را با بوم ترکیب کنید Combine images with Canvas

• هیچ وقت دارایی در فتوشاپ ایجاد نکنید Generate assets in Photoshop in no time

• گرافیک وب از InDesign Web graphics from InDesign

• متناسب نگه داشتن آن Keeping it in proportion

• پاسخگو iFrame... Responsive iFrames

• SVG کاشی کاری با Illustrator ایجاد کنید Create a tiling SVG with Illustrator

• با Sketch یک SVG کاشی کاری ایجاد کنید Create a tiling SVG with Sketch

• حلقه انیمیشن CSS Loop a CSS animation

• عنصر صوتی The Audio element

• انیمیشن تصادفی با JavaScript Randomized animation with JavaScript

• SVG را از فتوشاپ دریافت کنید Get SVG from Photoshop

• تصاویر کوچک خود را در وردپرس سفارشی کنید Customize your thumbnails in WordPress

• ابرداده JPG را با PHP بخوانید Read JPG metadata with PHP

• با CSS یک برگه اسپری را تحریک کنید Animate a sprite sheet with CSS

• با جاوا اسکریپت یک صفحه برگه را تحریک کنید Animate a sprite sheet with JavaScript

• گالری عکس درون خطی تعاملی Interactive inline photo gallery

• با CSS گرافیکی قابل تنظیم ایجاد کنید Create customizable graphics with CSS

• فیلم پس زمینه تمام صفحه Fullscreen background video

• انیمیشن را با HTML و CSS بارگیری کنید Load animation with HTML and CSS

• نقاط پرش ویدیو با JavaScript Video jump points with JavaScript

• تصاویر رمزگذاری Base64 Base64 encoding images

• استفاده از GULP با پرونده Sketch Using GULP with Sketch files

• تصاویر پاسخگو و عنصر تصویر Responsive images and the image element

• تصاویر پاسخگو و عنصر تصویر Responsive images and the picture element

• برای پیوندها یک برگه اسپری ایجاد کنید Create a sprite sheet for links

• انواع فایل بارگیری را مشخص کنید Indicate download file types

• ویدئوی داخلی برای iOS Inline video for iOS

• بزرگنمایی تصویر تا نقطه مورد نظر Image zoom to point of interest

• یک تصویر در SVG ماسک کنید Mask an image in SVG

• بوم HTML را تحریک کنید Animate an HTML canvas

• محتوا را از یک ویدیو شروع کنید Trigger content from a video

• پاسخگو SVG آرم Responsive SVG Logo

• حالت شناور بزرگنمایی Zooming hover state

• SVG را با CSS تحریک کنید Animate SVG with CSS

• نشانگرهای Google Maps را سفارشی کنید Custom Google Maps markers

• ورق اسپری برای انیمیشن با فتوشاپ Sprite sheet for animation with Photoshop

• ورق Sprite برای انیمیشن با Sketch Sprite sheet for animation with Sketch