Creating Web Media (SVG, CSS, Photoshop, Sketch, HTML, CSS, JavaScript, PHP, Wordpress)
Год выпуска: 2016
Производитель: Lynda.com
Сайт производителя:
https://www.lynda.com/Web-Development-tutorials/Creating-Web-Media/536429-2.html
Автор: Chris Converse
Продолжительность: 5h 7m
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: High-quality media is a must for any website. But to keep visitors happy, it has to load fast and look great. Web developers need to be able to balance quality and performance for all types, including graphics, animation, video, and audio. Creating Web Media is a weekly series that will help you create, optimize, and implement media in the most modern way possible. Follow along with Chris Converse to learn new ways to integrate bitmap and vector graphics (including SVG), audio and video, and feeds from social media and streaming video sites into your sites, using CSS, HTML, and JavaScript. Check back each Thursday for a new tip and a free exercise file.
Содержание
Welcome to "Creating Web Media"
45s
SVG symbols with Illustrator
6m 34s
The video element
9m 50s
Control colors in SVG with CSS
8m 5s
High-definition graphics with Sketch
5m 44s
Add a Twitter feed
5m
Combine images with Canvas
7m 50s
Generate assets in Photoshop in no time
6m 33s
Web graphics from InDesign
5m 27s
Keeping it in proportion
5m 18s
Responsive iFrames
5m 50s
Create a tiling SVG with Illustrator
8m 51s
Create a tiling SVG with Sketch
8m 19s
Loop a CSS animation
7m 44s
The Audio element
7m 31s
Randomized animation with JavaScript
8m 49s
Get SVG from Photoshop
7m 44s
Customize your thumbnails in WordPress
3m 48s
Read JPG metadata with PHP
12m 19s
Animate a sprite sheet with CSS
7m 2s
Animate a sprite sheet with JavaScript
9m 7s
Interactive inline photo gallery
12m 14s
Create customizable graphics with CSS
13m 1s
Fullscreen background video
13m 30s
Load animation with HTML and CSS
12m 40s
Video jump points with JavaScript
9m 54s
Base64 encoding images
4m 42s
Using GULP with Sketch files
12m 12s
Responsive images and the image element
6m 6s
Responsive images and the picture element
6m 17s
Create a sprite sheet for links
4m 46s
Indicate download file types
3m 53s
Inline video for iOS
2m 36s
Image zoom to point of interest
6m 45s
Mask an image in SVG
4m 40s
Animate an HTML canvas
4m 47s
Trigger content from a video
8m 53s
Responsive SVG Logo
5m 5s
Zooming hover state
3m 8s
Animate SVG with CSS
4m 45s
Custom Google Maps markers
7m 14s
Sprite sheet for animation with Photoshop
6m 11s
Sprite sheet for animation with Sketch
5m 33s
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, 389kbps
Аудио: AAC, 48kHz, 128kbps, stereo
Доп. информация: Отличие от
https://rutr.life/forum/viewtopic.php?t=5602599 - Все видеоуроки
