Олег Мохов "О чём ещё говорят верстальщики"
DESCRIPTION
Олег Мохов "О чём ещё говорят верстальщики" Я.Субботник в Челябинске в рамках конференции UWDC О докладе: О чем говорят верстальщики? О новых CSS-свойствах, о красивых деревьях, о BEM и Bootstrap. А о чём ещё говорят верстальщики?TRANSCRIPT
![Page 1: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/1.jpg)
О чём ещё говорят верстальщики?
Я.Субботник, Челябинск, 25 февраля 2012 года
Разработчик интерфейсовОлег Мохов
![Page 2: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/2.jpg)
CSS3
2
![Page 3: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/3.jpg)
CSS3
2
![Page 4: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/4.jpg)
CSS3
3
![Page 5: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/5.jpg)
CSS3 Первое упоминание в 1999
3
![Page 6: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/6.jpg)
CSS3 Первое упоминание в 1999
Более 50 модулей
3
![Page 7: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/7.jpg)
CSS3 Первое упоминание в 1999
Более 50 модулей
3 модуля рекомендованы
3
![Page 8: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/8.jpg)
CSS3 Первое упоминание в 1999
Более 50 модулей
3 модуля рекомендованы
4 модуля в кандидатах
3
![Page 9: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/9.jpg)
4
![Page 10: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/10.jpg)
4
![Page 11: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/11.jpg)
4
![Page 12: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/12.jpg)
5
![Page 13: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/13.jpg)
6
![Page 14: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/14.jpg)
Firefox 4IE9
ChromeSafari
Opera
7
![Page 15: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/15.jpg)
Firefox 4IE9
ChromeSafari
Opera
7
![Page 16: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/16.jpg)
8
![Page 17: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/17.jpg)
8
![Page 18: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/18.jpg)
9
![Page 19: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/19.jpg)
9
![Page 20: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/20.jpg)
10
![Page 21: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/21.jpg)
11
![Page 22: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/22.jpg)
11
![Page 23: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/23.jpg)
12
![Page 24: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/24.jpg)
![Page 25: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/25.jpg)
![Page 26: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/26.jpg)
position: relative
![Page 27: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/27.jpg)
position: relative
![Page 28: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/28.jpg)
:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0}
position: relative
![Page 29: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/29.jpg)
:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0}
position: relative
![Page 30: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/30.jpg)
![Page 31: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/31.jpg)
:before { z-index: -1}
![Page 32: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/32.jpg)
:before { z-index: -1}
![Page 33: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/33.jpg)
![Page 34: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/34.jpg)
:before { box-shadow: ...}
![Page 35: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/35.jpg)
:before { box-shadow: ...}
![Page 36: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/36.jpg)
![Page 37: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/37.jpg)
![Page 38: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/38.jpg)
17
![Page 39: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/39.jpg)
18
![Page 40: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/40.jpg)
Photoshop Browser
![Page 41: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/41.jpg)
Photoshop Browser
![Page 42: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/42.jpg)
![Page 43: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/43.jpg)
Photoshopsmoothness
100%
Photoshopsmoothness
0%
Browser
![Page 44: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/44.jpg)
![Page 45: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/45.jpg)
23
![Page 46: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/46.jpg)
.b-mail-list:not(:last-of-type):after{ content: ', '}
24
![Page 47: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/47.jpg)
25
![Page 48: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/48.jpg)
25
![Page 49: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/49.jpg)
26
![Page 50: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/50.jpg)
27
![Page 51: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/51.jpg)
28
![Page 52: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/52.jpg)
29
![Page 53: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/53.jpg)
29
![Page 54: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/54.jpg)
.b-button:after, .b-button:before { transition: 0.5s opacity linear;}
.b-button:after { opacity: 0;}
.b-button:hover:before { opacity: 0 !important; }
.b-button:hover:after { opacity: 1 !important; }
30
![Page 55: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/55.jpg)
![Page 56: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/56.jpg)
![Page 57: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/57.jpg)
![Page 58: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/58.jpg)
![Page 59: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/59.jpg)
![Page 60: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/60.jpg)
![Page 61: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/61.jpg)
background: linear-gradient(top, #c5c5c5 0, rgba(197,197,197, 0) 3px),
linear-gradient(-170deg, #c5c5c5 0, rgba(197,197,197, 0) 4px),
linear-gradient(-10deg, #c5c5c5 0, rgba(197,197,197, 0) 4px),
#fff;
![Page 62: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/62.jpg)
.b-menu__layout-cell:first-of-type .b-tabbed-pane__tab:not(.b-tabbed-pane__tab_state_current):after,
.b-menu__layout-cell:last-of-type .b-tabbed-pane__tab:not(.b-tabbed-pane__tab_state_current):before
![Page 63: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/63.jpg)
![Page 64: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/64.jpg)
Ложка дёгтя
![Page 65: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/65.jpg)
.b-block:not(.hidden):last-of-type{ margin-right: 0;}
37
![Page 66: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/66.jpg)
.b-block:last-of-type:not(:hidden){ display: block;}
38
![Page 67: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/67.jpg)
.b-block <~ .b-block:not(.hidden){ display: block;}
39
![Page 68: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/68.jpg)
.b-block:has-support(flexbox){ display: box;
width: auto;}
40
![Page 69: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/69.jpg)
41
![Page 70: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/70.jpg)
![Page 71: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/71.jpg)
![Page 72: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/72.jpg)
CSS3 Первое упоминание в 1999
Более 50 модулей
3 модуля рекомендованы
4 модуля в кандидатах
![Page 73: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/73.jpg)
http://lab.simurai.com/css/umbrui/
![Page 74: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/74.jpg)
http://lab.simurai.com/css/buttons/
![Page 75: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/75.jpg)
![Page 76: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/76.jpg)
![Page 77: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/77.jpg)
![Page 78: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/78.jpg)
http://yuri.ya.ru/replies.xml?item_no=4484
![Page 79: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/79.jpg)
За сколько вы это сверстаете?
![Page 80: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/80.jpg)
![Page 81: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/81.jpg)
2
![Page 82: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/82.jpg)
– 402
![Page 83: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/83.jpg)
![Page 84: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/84.jpg)
– 402
![Page 85: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/85.jpg)
18
![Page 86: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/86.jpg)
18>
![Page 87: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/87.jpg)
18>
![Page 88: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/88.jpg)
О, если бы я только имел время на оценку,
я бы...
![Page 89: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/89.jpg)
![Page 90: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/90.jpg)
![Page 91: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/91.jpg)
Когда успевать заниматься всем этим?
![Page 92: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/92.jpg)
«Самая интересная часть работы, начинается тогда, когда
заканчивается рабочий день»
![Page 93: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/93.jpg)
![Page 94: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/94.jpg)
![Page 95: Олег Мохов "О чём ещё говорят верстальщики"](https://reader031.vdocuments.site/reader031/viewer/2022013105/55878ccbd8b42a315d8b45ca/html5/thumbnails/95.jpg)
http://yuri.ya.ru/replies.xml?item_no=4484