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...
CSS Blend Modes
.container {
background-color: green;
}
.element {
width: 200px;
height: 200px;
background-size: 200px 200px;
background-r...
normal
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
colo...
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
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
"Вклад Adobe в Web". Дмитрий Барановский, Adobe
Upcoming SlideShare
Loading in …5
×

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

1,626 views
1,546 views

Published on

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

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,626
On SlideShare
0
From Embeds
0
Number of Embeds
1,282
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Adobe & the Web
  2. 2. Sydney → Moscow
  3. 3. HTML, CSS & JavaScript
  4. 4. Demo
  5. 5. tinyurl.com/forestgiant
  6. 6. CSS Regions
  7. 7. #source { flow-into: main-thread; } .region { flow-from: main-thread; background: #C5DFF0; }
  8. 8. CSS Shapes
  9. 9. #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; }
  10. 10. CSS Blend Modes
  11. 11. .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; }
  12. 12. normal screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
  13. 13. Support chrome://flags/#enable-experimental-web-platform-features
  14. 14. Demo
  15. 15. PhoneGap
  16. 16. PhoneGap Build
  17. 17. Apache Cordova™ cordova.apache.org
  18. 18. Topcoat topcoat.io
  19. 19. Brackets brackets.io
  20. 20. Web Platform webplatform.org
  21. 21. Test the Web Forward testthewebforward.org
  22. 22. Sneak Peek
  23. 23. Demo
  24. 24. html.adobe.com topcoat.io brackets.io webplatform.org testthewebforward.org @adobeweb
  25. 25. Thank You
  26. 26. baranovs@adobe.com @dmitrybaranovsk

×