"Вклад Adobe в Web". Дмитрий Барановский, Adobe
Upcoming SlideShare
Loading in...5
×
 

"Вклад Adobe в Web". Дмитрий Барановский, Adobe

on

  • 1,584 views

Связка HTML, CSS и JavaScript стала основным форматом не только для представления информации, но и для создания ...

Связка HTML, CSS и JavaScript стала основным форматом не только для представления информации, но и для создания приложений. В докладе речь пойдёт о вкладе Adobe в развитие интернет-технологий и о том, как разработки компании помогают дизайнерам и программистам создавать контент и приложения сегодня и в обозримом будущем. Поговорим о CSS Regions, CSS Shapes, CSS Shaders, Topcoat, PhoneGap и SVG. В программе — эксклюзивный анонс и ни слова о Photoshop.

Statistics

Views

Total Views
1,584
Views on SlideShare
362
Embed Views
1,222

Actions

Likes
0
Downloads
5
Comments
0

5 Embeds 1,222

http://tech.yandex.ru 1185
https://tech.yandex.ru 34
http://admin-ru.tech.yandex-team.ru 1
http://study.yandex-team.ru 1
http://news.google.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

"Вклад Adobe в Web". Дмитрий Барановский, Adobe "Вклад Adobe в Web". Дмитрий Барановский, Adobe Presentation Transcript

  • Adobe & the Web
  • Sydney → Moscow
  • HTML, CSS & JavaScript
  • Demo
  • tinyurl.com/forestgiant
  • CSS Regions
  • #source { flow-into: main-thread; } .region { flow-from: main-thread; background: #C5DFF0; }
  • CSS Shapes
  • #logo { float: left; shape-outside: url("logo.png"); shape-image-threshold: 0.1; shape-margin: 35px; } #float-left { shape-outside: polygon(0 0, 100% 100%, 0 100%); float: left; width: 40%; height: 12ex; }
  • CSS Blend Modes
  • .container { background-color: green; } .element { width: 200px; height: 200px; background-size: 200px 200px; background-repeat: no-repeat; background-image: linear-gradient(...), url(ducky.png); background-blend-mode: difference, normal; }
  • normal screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
  • Support chrome://flags/#enable-experimental-web-platform-features
  • Demo
  • PhoneGap
  • PhoneGap Build
  • Apache Cordova™ cordova.apache.org
  • Topcoat topcoat.io
  • Brackets brackets.io
  • Web Platform webplatform.org
  • Test the Web Forward testthewebforward.org
  • Sneak Peek
  • Demo
  • html.adobe.com topcoat.io brackets.io webplatform.org testthewebforward.org @adobeweb
  • Thank You
  • baranovs@adobe.com @dmitrybaranovsk