Верстальщик - наследие2017/10/21  · css 2.1 • 25 февраля 2004 года...

Верстальщик: Наследие

О чём я вообще?

2

А что мы оставим после себя?

3

Да

Ценности

6

Ценности1. Ученики

7

Ценности1. Ученики

2. Статьи

8

Ценности1. Ученики

2. Статьи

3. Доклады

9

Ценности1. Ученики

2. Статьи

3. Доклады

4. Опенсорс

10

Ценности1. Ученики

2. Статьи

3. Доклады

4. Опенсорс

5. Спецификации

11

Спецификации

Да-да Спецификации

CSS

Немного истории CSS• Был предложен в октябре 1994 года

15

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

16

Немного истории CSS

CSS 1• Свойства шрифта

• Цвета текста, фонов

• Выравнивания, таблицы и картинки

• Отступы, рамки

17

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

18

Немного истории CSS

CSS 2• Абсолютное и фиксированное позиционирование

• Многослойность

• Новые свойства шрифта, например тень

19

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

• CSS 2.1 — ?

20

Немного истории CSS

Типы статусов• FPWD — First Public Working Draft

21

Типы статусов• FPWD — First Public Working Draft

• WD — Working Draft

22

Типы статусов• FPWD — First Public Working Draft

• WD — Working Draft

• CR — Candidate Recommendation

23

Типы статусов• FPWD — First Public Working Draft

• WD — Working Draft

• CR — Candidate Recommendation

• PR — Proposed Recommendation

24

Типы статусов• FPWD — First Public Working Draft

• WD — Working Draft

• CR — Candidate Recommendation

• PR — Proposed Recommendation

• REC — Recommendation

25

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

• CSS 2.1 — ?

26

Немного истории CSS

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

27

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

28

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

• 19 июля 2007 — Candidate Recommendation

29

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

• 19 июля 2007 — Candidate Recommendation

• 2009 — Twice update

30

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

• 19 июля 2007 — Candidate Recommendation

• 2009 — Twice update

• 7 декабря 2010 — Working Draft

31

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

• 19 июля 2007 — Candidate Recommendation

• 2009 — Twice update

• 7 декабря 2010 — Working Draft

• 12 апреля 2011 — Proposed Recommendation

32

CSS 2.1• 25 февраля 2004 года — Candidate Recommendation

• 15 мая 2005 года —  Working Draft

• 19 июля 2007 — Candidate Recommendation

• 2009 — Twice update

• 7 декабря 2010 — Working Draft

• 12 апреля 2011 — Proposed Recommendation

• 7 июня 2012 — Recommendation 33

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

• CSS 2.1 — июнь 2012 года

34

Немного истории CSS

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

• CSS 2.1 — июнь 2012 года

• CSS 3 — 2011-?

35

Немного истории CSS

• Был предложен в октябре 1994 года

• СSS 1 — 17 декабря 1996 года

• CSS 2 — май 1998 года

• CSS 2.1 — июнь 2012 года

• CSS 3 — 2011-?

• CSS 4 — ?

36

Немного истории CSS

CSS 4 не будет

Сыграем

Какого уровня спецификация CSS Color?

40

CSS Color 3 level

41

CSS Grid Layout ? level

42

CSS Grid Layout 1 level

43

CSS Background ? level

44

CSS Background 3 level

45

CSS Flexbox ? level

46

CSS Flexbox 1 level

47

CSS4• CSS Color 3 level — CSS Color 4 level

48

CSS4• CSS Color 3 level — CSS Color 4 level

• CSS Backgrounds 3 level — CSS Backgrounds 4 level

49

CSS4• CSS Color 3 level — CSS Color 4 level

• CSS Backgrounds 3 level — CSS Backgrounds 4 level

• CSS Flexbox 1 level — CSS Flexbox 2 level

50

CSS4• CSS Color 3 level — CSS Color 4 level

• CSS Backgrounds 3 level — CSS Backgrounds 4 level

• CSS Flexbox 1 level — CSS Flexbox 2 level

• CSS Grid Layout 1 level — CSS Grid Layout 2 level

51

Где смотреть?

drafts.csswg.org

И что там интересного?

CSS Round Displays level 1• Медиа выражения для определения формы экрана

• Автомасштабирование контента под размер экран

• Вписывание контента в экран

59

CSS Speech level 1• Семейство голоса

• Скорость речи

• Громкость речи

• Паузы

60

CSS Media Queries 5 level• Яркость окружения

• Доступность скриптов

• Инверсия цветов

61

CSS Expressive Généralisations and Gadgetry level 1

• Астрономические величины (скорость света не для скорости прокрутки)

62

CSS Expressive Généralisations and Gadgetry level 1

• Астрономические величины (скорость света не для скорости прокрутки)

• Единица измерения скорости речи равная скорости речи Сэра Тимоти Бернерса-Ли во время выступления (отрицательные значения для обратной речи)

63

CSS Expressive Généralisations and Gadgetry level 1

• Астрономические величины (скорость света не для скорости прокрутки)

• Единица измерения скорости речи равная скорости речи Сэра Тимоти Бернерса-Ли во время выступления (отрицательные значения для обратной речи)

• Двойная радуга одним свойством

64

И это только самая малость

Зачем вообще это читать?

Зачем читать?• Общая осведомлённость

67

Зачем читать?• Общая осведомлённость

• Подготовка к будущему

68

Зачем читать?• Общая осведомлённость

• Подготовка к будущему

• Умение отличать реальные черновики от салфеток

69

Я не хочу читать, хочу делать

Окей

Хочу участвоватьЕсли вы работает на организацию, члена W3C, то вы можете вступить в рабочую группу.

Чтобы участвовать необходимо работать один день в неделю.

72

Организации W3CНа 18 октября 2017 года — 460 организаций.

Microsoft, Google, Adobe, Mozilla, IBM, Apple, Stripe, LG, Bloomberg, Mitsubishi, Samsung.

73

Моя компания не участвует в

W3C

Вступить в W3C• Заполнить заявку о компании

• Дождаться подтверждения в случае успешной проверки (45 дней)

• Добро пожаловать!

75

Теперь можете заплатить взнос

Взносы в W3C (в год)• Если вы маленькая компания или некоммерческая организация — 3 900 евро

77

Взносы в W3C (в год)• Если вы маленькая компания или некоммерческая организация — 3 900 евро

• Коммерческая организация, доход которой от 30 миллионов евро до 51 миллиона евро — 7 800 евро

78

Взносы в W3C (в год)• Если вы маленькая компания или некоммерческая организация — 3 900 евро

• Коммерческая организация, доход которой от 30 миллионов евро до 51 миллиона евро — 7 800 евро

• Коммерческая организация, доход которой от 51 миллиона евро — 68 000 евро

79

Компания не хочет в W3C

W3C Invited ExpertsДобиться приглашения от W3C.

Рейчел Эндрю, Джон Даггет, Лия Веру

81

Я не настолько крут

Путь смертных• Архивный список рассылки www-style@w3.org это не место для вопросов уровня «как сделать таблицу»

83

Путь смертных• Архивный список рассылки www-style@w3.org это не место для вопросов уровня «как сделать таблицу»

• Репозиторий W3C на GitHubhttps://github.com/w3c/csswg-drafts

84

Репозиторий W3C на GitHub• Жёсткое следование гайдлайнов для публикаций

85

Репозиторий W3C на GitHub• Жёсткое следование гайдлайнов для публикаций

• Строгий формат комментариев

86

Репозиторий W3C на GitHub• Жёсткое следование гайдлайнов для публикаций

• Строгий формат комментариев

• Средний технический английский для обсуждений

87

Я не знаю английского

🙄

Репозиторий W3C на GitHub• CSS Working Group Editor Drafts

https://github.com/w3c/csswg-drafts

90

Репозиторий W3C на GitHub• CSS Working Group Editor Drafts

https://github.com/w3c/csswg-drafts

• The Service Workers Specification https://github.com/w3c/ServiceWorker

91

Репозиторий W3C на GitHub• CSS Working Group Editor Drafts

https://github.com/w3c/csswg-drafts

• The Service Workers Specification https://github.com/w3c/ServiceWorker

• CSS Houdini Draftshttps://github.com/w3c/css-houdini-drafts

92

Наши на полях битвы• Роман Комаров — twitter.com/ki_zu

• Илья Стрельцын — https://twitter.com/SelenIT2

93

95

Итоги• CSS разбит на модули, каждый из которых развиваются отдельно

96

Итоги• CSS разбит на модули, каждый из которых развиваются отдельно

• У спецификаций есть несколько уровней, которые они проходят, прежде чем стать рекомендациями

97

Итоги• CSS разбит на модули, каждый из которых развиваются отдельно

• У спецификаций есть несколько уровней, которые они проходят, прежде чем стать рекомендациями

• Черновики есть в открытом доступе и их можно читать и смотреть

98

Итоги• Вы можете участвовать в разработке черновиков, если ваша компания участвует в W3C

99

Итоги• Вы можете участвовать в разработке черновиков, если ваша компания участвует в W3C

• Ваша компания теоретически может попасть в W3C

100

Итоги• Вы можете участвовать в разработке черновиков, если ваша компания участвует в W3C

• Ваша компания теоретически может попасть в W3C

• W3C может пригласить вас если вы очень крутой специалист

101

Итоги• Вы можете участвовать в разработке черновиков, если ваша компания участвует в W3C

• Ваша компания теоретически может попасть в W3C

• W3C может пригласить вас если вы очень крутой специалист

• Можно участвовать в разработке в открытом репозитории на Github

102

Итоги• Вы можете участвовать в разработке черновиков, если ваша компания участвует в W3C

• Ваша компания теоретически может попасть в W3C

• W3C может пригласить вас если вы очень крутой специалист

• Можно участвовать в разработке в открытом репозитории на Github

• Надо учить английский

103

Ценности1. Ученики

2. Статьи

3. Доклады

4. Опенсорс

5. Спецификации

104

Спасибо за внимание!

Сергей Попов

fb.com/sergeytovarov