-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathhtml2023.yml
259 lines (177 loc) · 19.1 KB
/
html2023.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
locale: ua-UA
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Щорічне опитування про останні тенденції в екосистемі HTML за 2023 рік.
- key: introduction.html2023
t: >
Поки JavaScript заполоняв інтернет, а CSS рік за роком набував нових суперсил,
здавалося, що HTML утішно дрімав, радо віддаючи центр уваги своїм молодшим братам і сестрам.
Адже, крім `<div>`-ів та заголовків від 1 до 6, що ще треба знати?
Виявляється, чимало чого! Вкотре ми залучили [Lea Verou](https://lea.verou.me/), щоби з її
допомогою та глибоким розумінням вебплатформи створити опитування, яке зрештою сягнуло далеко
за межі звичного HTML та охопило доступність, вебкомпоненти і багато іншого.
Зокрема ось чому для цього звіту знадобилося стільки часу: необхідно було
опрацювати *величезну* кількість нових даних! Сподіваємося, що результат вартує вашого очікування.
Окрім наведених відомостей, ми також покращили функцію **налаштування діаграм**, щоб ви могли
ще точніше адаптувати для себе кожну візуалізацію. Якщо ви заодно дійдете до будь-яких неочевидних оригінальних
висновків, обов'язково повідомте нас!
Докладніше про все це у [цій статті](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10) або [короткому YouTube-відео.](https://www.youtube.com/watch?v=G-rFwp2zUT4)
А тепер ласкаво просимо до результатів першої хвилі опитування "Cтан HTML".
Б'юся об заклад, що опісля ви більше ніколи не будете дивитися на старий добрий HTML так само!
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Футболка
- key: sections.tshirt.description
t: |
## Підтримайте опитування за допомогою футболки "Стан HTML"
Чи ви сумуєте за старими добрими часами середини 90-х, коли HTML був королем, а обкладинки VHS-касет містили футуристичні барвисті ілюстрації?
Прикра новина в тому, що навіть із технологіями 2024 року ви все ще не можете повернутися в минуле, щоб знову пережити ті славетні дні. Але що ви *можете* зробити, так це одягнути цю дивовижну оригінальну ретрофутболку, яку розробив не хто інший, як талановитий Christopher Kirk-Nielsen.
- key: tshirt.about
t: Про футболку
- key: tshirt.description
t: |
Ми використовуємо високоякісну, надм'яку футболку приталеного крою із тканини з трьох типів волокна (tri-blend), надруковану нашими партнерами з Cotton Bureau.
- key: tshirt.getit
t: Отримати
- key: tshirt.price
t: USD $32 + доставляння
- key: tshirt.designer.heading
t: Про дизайнера
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Christopher родом із Франції, але тепер проживає у Сполучених Штатах; він не лише чудовий розробник клієнтської частини, а й талановитий ілюстратор, який спеціалізується на зображеннях у стилі ретро. Насправді ми радимо вам також переглянути [інші дизайни його футболок](https://chriskirknielsen.com/designs)!
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description.html2023
t: |
Ласкаво просимо до результатів опитування "Стан HTML". У першій в історії хвилі опитування взяли участь **20 904** учасників з усього світу.
- key: sections.features.description.html2023
t: |
Функції HTML та інші API браузера
###########################################################################
# Other Content
###########################################################################
- key: features.all_features
t: Усі функції
- key: features.all_features.description
t: |
Ця діаграма підсумовує всі основні запитання опитування. Основні стовпці або рядки відповідають певному досвіду респондента; всередині вони поділені відповідно до ставлення респодента. Ви можете змінити групування, щоб чергувати ці дві категорії.
Зауважте, що ви також можете знайти більш деталізоване розбиття цих даних у розділі відповідної функції.
- key: features.forms_features
t: Досвід використання і ставлення до форм
- key: features.interactivity_features
t: Досвід використання і ставлення до методів інтерактивності
- key: features.content_features
t: Досвід використання і ставлення до методів наповнення сайту
- key: features.web_components_main_features
t: Досвід використання і ставлення до вебкомпонентів
- key: features.accessibility_features
t: Досвід використання і ставлення до забезпечення доступності
- key: features.mobile_web_apps_features
t: Досвід використання і ставлення до вебзастосунків, подібних до нативних
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.frontendmasters.description
t: Вдосконалюйте свої навички за допомогою поглиблених сучасних інженерних курсів.
- key: sponsors.google_chrome.description
t: Дякуємо команді Google Chrome за підтримку нашої роботи.
- key: sponsors.tokyodev.description
t: Знайдіть роботу розробника своєї мрії в Японії вже сьогодні.
- key: sponsors.renderatl.description
t: Технологічна конференція, присвячена всьому у вебі.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.html2023.lea_verou.bio
t: Учасниця робочої групи з питань технічної архітектури (TAG) при W3C і дослідниця в лабораторії комп'ютерних наук і штучного інтелекту (CSAIL) при MIT
- key: conclusion.html2023.lea_verou
t: >
*Хху!* Це опитування потребувало колосальних зусиль десятків людей із шести континентів. Not only did it set a new record for the most responses in a “State of…” survey debut, its data collection UI pioneered innovations that gave us unparalleled insight into developer attitudes, and will ripple far beyond its scope.
Some argue that improving HTML is futile, but the survey resoundingly demonstrates the contrary. **Developers crave more interactive HTML elements**: not only were interactive elements like `<datalist>` or the Popover API among those accumulating the most positive sentiment across all categories, but in addition all top [missing elements](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) were interactive widgets.
However, **making simple things easy** by providing canned functionality is no longer sufficient. **Making complex things possible** by supporting thorough customization is a necessity: insufficient customizability, especially around **styling**, was by far the top recurring pain point.
As a result, form elements were also the elements [most frequently recreated](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features); a lose-lose outcome that makes both developers and end-users suffer. Thankfully, there are many new initiatives to improve this, so the future looks bright.
Another big need is extensibility. It does not scale if only standards bodies have the privilege to extend HTML; and besides, generic elements cannot possibly address the enormous diversity of needs. Unfortunately, **Web Components APIs** (and especially Shadow DOM), while widely used, appear to fall short in terms of meeting developer needs and providing a smooth developer experience, as they topped the charts of worst experiences across the survey. However, the ongoing activity in this area (some of which I have been part of) leaves me hopeful that while it has been a rocky path, they are on track to reach their full potential.
Which brings me to my final point: it is important to remember that this survey is only a snapshot of developer perspectives and reflects the state of the web platform at the time. However, a primary goal of these surveys is to improve the status quo by providing better visibility into developer needs. How many of today’s pain points will be addressed tomorrow as a result? Join us later this year for the survey’s second iteration and let’s find out!
###########################################################################
# About
###########################################################################
- key: about.content
t: |
The 2023 State of HTML survey ran from September 19 to October 19 2023, and collected 20,904 responses.
The survey design effort was lead by [Lea Verou](https://lea.verou.me/) thanks to a grant from Google. Lea also oversaw the prototyping, testing, and implementation of new UI data collection elements; contributed to data processing; and helped with data visualization.
The survey infrastructure is run by [Sacha Greif](https://sachagreif.com/) and [Eric Burel](https://www.lbke.fr/), with help from a team of open-source contributors and consultants.
This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
### Survey Goals
This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices.
As such, the survey is focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included.
It should also be taken as a **snapshot of a specific subset of developers**, and is not meant to speak for the entire ecosystem.
The survey was openly accessible online and respondents were not filtered or selected in any way.
### Project Funding
Funding from this project comes from a variety of sources:
- **T-shirt sales**.
- **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/).
- **Other Funding**: [Google](https://www.google.com/) and [TokyoDev](https://www.tokyodev.com/) also funded work on the survey.
### Technical Overview
You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).
# HTML 2023
- key: faq.data_used_html2023
t: Як ці дані будуть використані?
- key: faq.data_used_html2023.description
t: >
Усі зібрані дані будуть оприлюднені та відкриті для будь-якого розробника чи компанії з метою консультації.
Постачальники браузерів також [використовують ці дані](https://web.dev/interop-2023/), щоб визначати пріоритетні напрями діяльності та інформувати про свої плани.
- key: faq.survey_goals_html2023
t: Яка мета цього опитування?
- key: faq.survey_goals_html2023.description
t: >
Мета опитування — вимірювання впізнаваності нових функцій HTML і API браузера, а також допомогти розробникам стежити за розвитком їхнього використання.
- key: faq.who_should_take_survey_html2023
t: Хто може взяти участь у цьому опитуванні?
- key: faq.who_should_take_survey_html2023.description
t: >
Це відкрите опитування для всіх, хто створює вебсайти та вебзастосунки, незалежно від того, регулярно ви це робите або час від часу, у межах своєї роботи, як студент або задля розваги!
- key: faq.how_long_will_survey_take_html2023
t: Скільки часу займе опитування?
- key: faq.how_long_will_survey_take_html2023.description
t: >
Залежно від того, на скільки питань ви відповісте (всі питання не обов'язкові),
заповнення анкети займе орієнтовно 15-20 хвилин.
- key: faq.learn_more_html2023
t: Де я можу дізнатися більше?
- key: faq.learn_more_html2023.description
t: Ви можете дізнатися більше про це опитування у [нашому анонсі](https://lea.verou.me/blog/2023/design-state-of-html/).
- key: faq.survey_design_html2023
t: Як було розроблено це опитування?
- key: faq.survey_design_html2023.description
t: >
[Lea Verou](https://lea.verou.me) розробила це опитування з урахуванням думки постачальників браузерів та інших учасників, як-от [WebDX Community Group](https://www.w3.org/community/webdx/).
- key: faq.results_released_html2023
t: Коли будуть опубліковані результати?
- key: faq.results_released_html2023.description
t: Опитування триватиме з 19 вересня до 16 жовтня, і його результати будуть опубліковані незабаром після завершення.
# Intro for actual survey page
- key: general.html2023.survey_intro
t: |
Поки веброзробники зосереджуються на JavaScript та CSS, нічого з того, що ми робимо, не було б можливим без HTML в основі.
Довго здавалося, що HTML не розвивається, але все змінюється.
На горизонті з'являються нові елементи, як-от `<selectlist>`, приголомшливі нові функції, наприклад, спливні вікна,
та ряд суміжних API браузера (вебкомпоненти, PWA тощо).
Цього року [Lea Verou](https://lea.verou.me/) взяла на себе величезне завдання з проведення цього цілковито нового опитування — від змісту до UX і більше.
Спираючись на успіх опитувань ["Стан JS"](http://stateofjs.com/) та ["Стан CSS"](https://stateofcss.com/), ми запускаємо **Стан HTML**;
останній відсутній елемент, що доповнює трилогію, щоб ми могли відстежувати еволюцію вебплатформи загалом.
Переваги для вас:
- Результати опитування **використовуються браузерами** та групами стандартів **для визначення пріоритетів розробки**.
Ваші відповіді можуть допомогти реалізувати цікаві вам функції, визначити пріоритети для усунення несумісностей між браузерами та вказати на прогалини у платформі.
- Дізнайтеся про нові та майбутні функції; додайте функції до вашого списку читання та отримайте список джерел у кінці!
- Отримайте індивідуальну оцінку знань та порівняйте з іншими респондентами.
Опитування буде відкрите протягом 3 тижнів, але відповіді, внесені **протягом перших 9-ти днів (до 1 жовтня)**, матимуть набагато більший вплив на вебплатформу,
оскільки попередні дані будуть використовуватися для визначення певних пріоритетних напрямків, що мають граничний строк до того часу.