-
Notifications
You must be signed in to change notification settings - Fork 1
/
state_of_html.yml
898 lines (757 loc) · 35.5 KB
/
state_of_html.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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
locale: tr-TR
namespace: css
translations:
###########################################################################
# General
###########################################################################
- key: general.state_of_html.intro
t: |
Web geliştiriciler genellikle JavaScript ve CSS'e odaklansa da, yaptığımız hiçbir şey HTML temel olmaksızın mümkün olmazdı.
Uzun bir süre HTML'in evrilmekte olmadığı algısı hakimdi, ancak bu durum değişiyor olabilir.
`<selectlist>` gibi yeni öğelerin yakın gelecekte yer alacak olması, popovers gibi sofistike yeni fonksiyonlar
ve Web Components, PWAs gibi bir dizi ilgili tarayıcı API'leri, bu algıyı değiştirebilir.
Bu yıl, [Lea Verou](https://lea.verou.me/) bu yepyeni anketin tasarımını liderlik etmek gibi zorlu bir göreve girişti, içerikten UX'e ve ötesine.
[State of JS](http://stateofjs.com/) ve [State of CSS](https://stateofcss.com/) projelerinin elde ettiği başarıları temel alarak, State of HTML'yi sunuyoruz;
web platformu üçlememizi tamamlayan son eksik bileşen, böylece web platformunun bütünlüklü evrimini izleyebiliriz.
Her zamanki gibi, burada verilen yanıtlar tarayıcı üreticileri için yol haritalarını önceliklendirmelerine ve daha yüksek uyumluluk için çalışmalarını sağlamaktadır,
dolayısıyla dikkatli bir şekilde yanıt vermek, size beklediğinizden fazla katkı sağlayabilir.
- key: general.state_of_html.description
t: Yıllık web platformu hakkında geliştirici anketi
###########################################################################
# Sections
###########################################################################
- key: sections.forms.title
t: Formlar
- key: sections.forms.description
t: Form ile ilgili elementler ve özellikler.
- key: sections.interactivity.title
t: İnteraktiflik
- key: sections.interactivity.description
t: Daha zengin kullanıcı etkileşimleri sağlayan API'ler.
- key: sections.web_components.title
t: Web Componentleri
- key: sections.web_components.description
t: Web component'leri oluşturma ve kullanma.
- key: sections.content.title
t: İçerik
- key: sections.content.description
t: Embed etme, multimedya, veri ve diğer içerikle ilgili özellikler.
- key: sections.external_content.title
t: Harici İçerik
- key: sections.external_content.description
t: Harici kaynakları embed etme ve diğer multimedya API'ler.
- key: sections.accessibility.title
t: Erişilebilirlik
- key: sections.accessibility.description
t: Tüm kullanıcılar için siteleri ve uygulamaları erişilebilir hale getirme.
- key: sections.mobile_web_apps.title
t: Native-Like Web Uygulamaları
- key: sections.mobile_web_apps.description
t: Mobil ve masaüstü için optimize edilmiş web uygulamaları oluşturma.
- key: sections.other_features.title
t: Diğer Özellikler
- key: sections.other_features.description
t: Diğer HTML elementleri ve tarayıcı API'leri.
- key: sections.other_tools.title
t: Diğer Araçlar ve Özellikler
- key: sections.other_tools.description
t: Çalışmanızın bir parçası olarak kullandığınız diğer araçlar veya özellikler.
- key: sections.usage.title
t: Kullanım
- key: sections.usage.description
t: HTML'i nasıl kullandığınız.
###########################################################################
# Features
###########################################################################
# forms
- key: features.form_controls
t: Form Kontrolleri
- key: features.form_controls.question
t: Hangi form kontrollerini kullandınız?
- key: features.form_input_types
t: Giriş Tipleri
- key: features.form_input_types.question
t: Hangi giriş tiplerini kullandınız?
- key: options.form_input_types.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.form_validation_features
t: Form Validasyonu
- key: features.form_validation_features.question
t: Aşağıdaki form validasyon özelliklerinden hangilerini kullandınız?
- key: options.form_validation_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.forms_pain_points
t: Form Sıkıntı Yaratan Noktalar
- key: features.forms_pain_points.question
t: HTML formlarla ilgili sıkıntı yaratan noktalar nelerdir?
- key: features.forms_pain_points.description
t: |
Farklı form kontrollerini (örn. `<input>`, `<textarea>`, `<select>`, `<button>` vb.),
davranışları (örn. doğrulama, otomatik tamamlama), JS ile formları işleme, düzenleme API'leri (örn. `contentEditable`) vb. düşünün.
Sizi rahatsız eden her şey serbest — tarayıcı desteği, eksik özellikler, stil, vb.
- key: features.forms_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
# interactivity
- key: features.dom_attribute_features
t: DOM Attribüt-İlgili Metodlar
- key: features.dom_attribute_features.question
t: Aşağıdaki DOM attribüt-ilgili metodları hangilerini kullandınız?
- key: features.dom_html_features
t: HTML String ile ilgili Özellikler
- key: features.dom_html_features.question
t: Aşağıdaki DOM HTML string ile ilgili özelliklerinden hangilerini kullandınız?
- key: features.dom_methods
t: Element Taşıma DOM Metodları
- key: features.dom_moving_element_features
t: Element Taşıma DOM Metodları
- key: features.dom_moving_element_features.question
t: Aşağıdaki element taşıma DOM metodlarından hangilerini kullandınız?
# - key: options.dom_methods.element_innerhtml.description
# t: |
# `element.innerHTML = rawHTML`
# - key: options.dom_methods.element_textcontent.description
# t: |
# `element.textContent = text`
# - key: options.dom_methods.element_insert_adjacent_html.description
# t: |
# `element.insertAdjacentHTML("beforebegin", rawHTML)`
# - key: options.dom_methods.element_insert_adjacent_element.description
# t: |
# `element.insertAdjacentElement("afterend", otherElement)`
# - key: options.dom_methods.element_append.description
# t: |
# `parent.append(...children)`
# - key: options.dom_methods.element_append_child.description
# t: |
# `parent.appendChild(child)`
# - key: options.dom_methods.element_before_after.description
# t: |
# `element.before(otherElement)`
# - key: options.dom_methods.element_replace_with.description
# t: |
# Replaced the older `parent.replaceChild(el2, el1)` method.
# - key: options.dom_methods.element_replace_child.description
# t: |
# `parent.replaceChild(newChild, oldChild)`
# - key: options.dom_methods.element_replace_children.description
# t: |
# `element.replaceChildren(...newChildren)`
# - key: options.dom_methods.element_toggle_attribute.description
# t: |
# `element.toggleAttribute("data-selected", isSelected)`
# - key: options.dom_methods.document_create_document_fragment.description
# t: |
# `let fragment = document.createDocumentFragment()`
- key: options.dom_methods.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.interactivity_pain_points
t: İnteraktiflik Sıkıntı Yaratan Noktalar
- key: features.interactivity_pain_points.question
t: Dinamik HTML değişiklikleriyle ilgili sıkıntı yaratan noktalar nelerdir?
- key: features.interactivity_pain_points.description
t: |
Tarayıcı uyumsuzlukları veya destek eksikliği, eksik özellikler ve interaktif elementler ve davranışlar (formlar hariç),
DOM manipülasyonu, olaylar ve ilgili API'ler çevresinde karşılaştığınız diğer problemler.
- key: features.interactivity_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
- key: features.interactivity_techniques
t: İnteraktiflik Metodları
- key: features.interactivity_techniques.question
t: Aşağıdaki metodlardan hangilerini kullanarak interaktiflik eklediniz veya HTML'i dinamik olarak değiştirdiniz?
- key: options.interactivity_techniques.css_for_interactivity
t: İnteraktiflik için CSS (toggles, tabs, vb.)
- key: options.interactivity_techniques.js_dom_libraries
t: JavaScript DOM kütüphaneleri (jQuery, vb.)
- key: options.interactivity_techniques.js_framework
t: JavaScript frameworkları (React, Vue, vb.)
- key: options.interactivity_techniques.vanilla_js
t: Vanilla JS (frameworksuz veya kütüphaneler olmadan)
- key: options.interactivity_techniques.web_components
t: Web Componentleri
- key: options.interactivity_techniques.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
# content
- key: features.machine_readable_features
t: Makine Okunabilir Veri
- key: features.machine_readable_features.question
t: Aşağıdakilerden hangilerini HTML'de makine okunabilir veri eklemek için kullandınız?
- key: options.machine_readable_features.rdfa.description
t: |
`property`, `typeof`, etc.
- key: options.machine_readable_features.json_ld.description
t: |
`<script type="application/ld+json">`
- key: options.machine_readable_features.microdata.description
t: |
`itemprop`, `itemscope`, etc.
- key: features.multiple_languages_support
t: Çoklu Dil Desteği
- key: features.multiple_languages_support.question
t: Projelerinizde ne sıklıkla birden fazla dil desteği gerektiren projeler üzerinde çalışıyorsunuz?
- key: options.multiple_languages_support.never
t: Hiçbir zaman
- key: options.multiple_languages_support.infrequently
t: Nadiren (yılda bir defadan az)
- key: options.multiple_languages_support.frequently
t: Sık sık (yılda bir defadan fazla)
- key: options.multiple_languages_support.all_the_time
t: Her zaman
- key: features.i18n_features
t: Yerelleştirme Özellikleri
- key: features.i18n_features.question
t: Aşağıdaki yerelleştirme özelliklerinden hangilerini kullandınız?
- key: options.i18n_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
# - key: options.i18n_features.intl_datetimeformat.description
# t:
# - key: options.i18n_features.intl_collator.description
# t:
# - key: options.i18n_features.intl_listformat.description
# t:
# - key: options.i18n_features.intl_numberformat.description
# t:
# - key: options.i18n_features.intl_messageformat.description
# t:
# - key: options.i18n_features.intl_pluralrules.description
# t:
# - key: options.i18n_features.intl_relative_time_format.description
# t:
# - key: options.i18n_features.intl_segmenter.description
# t:
# - key: options.i18n_features.intl_localematcher.description
# t:
- key: features.content_pain_points
t: İçerik Sıkıntı Yaratan Noktalar
- key: features.content_pain_points.question
t: HTML'de içerik yönetimiyle ilgili sıkıntı yaratan noktalar nelerdir?
- key: features.content_pain_points.description
t: |
Embed etme (multimedya, iframes, SVG, vb.), makine okunabilir veri, yerelleştirme, güvenlik ve gizlilik, performans vb. düşünün.
Eksik özellikler, tarayıcı uyumsuzlukları ve karşılaştığınız diğer problemler hepsi serbest.
- key: features.content_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
# Content
- key: features.external_content_elements
t: Harici İçerik Elementleri
- key: features.external_content_elements.question
t: Aşağıdaki elementlerden hangilerini kullandınız?
- key: options.external_content_elements.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.privacy_security_features
t: |
Güvenlik ve Gizlilik Özellikleri
- key: features.privacy_security_features.question
t: |
Aşağıdaki güvenlik ve gizlilik özelliklerinden hangilerini kullandınız?
- key: options.privacy_security_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.rel_attribute
t: Kaynak İpuçları
- key: features.rel_attribute.question
t: |
`<link>` etiketinin `rel` özelliği için bu değerlerden hangilerini kullandınız?
# - key: features.external_content_pain_points
# t: External Content Pain Points
# - key: features.external_content_pain_points.question
# t: What are your biggest pain points around using external content in HTML?
# - key: features.external_content_pain_points.placeholder
# t: |
# Pain point #{index}…
# - key: features.external_content_pain_points.description
# t: |
# External content includes `<iframe>`, graphics and multimedia, etc.
# Web Components
- key: features.web_components_libraries
t: Web Component Kütüphaneleri
- key: features.web_components_libraries.question
t: Web Component kütüphanelerinden hangilerini kullandınız?
- key: features.web_components_features
t: Diğer Web Component Özellikleri
- key: features.web_components_features.question
t: Aşağıdaki Web Component özelliklerinden hangilerini kullandınız?
- key: options.web_components_features.host_pseudos.description
t: |
`:host` , `:host()` , `:host-context()`
- key: options.web_components_features.is_attribute.description
t: |
`<button is="fancy-button">`
- key: options.web_components_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.using_web_components_pain_points
t: Web Componentleri Kullanırken Sıkıntı Yaratan Noktalar
- key: features.using_web_components_pain_points.question
t: Web Componentleri kullanırken sıkıntı yaratan noktalar nelerdir?
- key: features.using_web_components_pain_points.description
t: |
Kendinizin veya başkalarının yaptığı Web Componentleri kullanırken. Eksik özellikler, tarayıcı uyumsuzlukları vb.
- key: features.using_web_components_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
- key: features.making_web_components_pain_points
t: Web Componentleri Oluştururken Sıkıntı Yaratan Noktalar
- key: features.making_web_components_pain_points.question
t: Web Componentleri oluştururken sıkıntı yaratan noktalar nelerdir?
- key: features.making_web_components_pain_points.description
t: |
Hayal ettiğiniz harika componentleri oluşturmanızı engelleyen nedir? Eksik özellikler, tarayıcı uyumsuzlukları vb.
- key: features.making_web_components_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
# Accessibility
- key: features.accessibility_features
t: Erişilebilirlik Özellikleri
- key: features.accessibility_features.question
t: Aşağıdaki erişilebilirlik özelliklerinden hangilerini kullandınız?
- key: features.accessibility_tools
t: Erişilebilirlik Araçları
- key: features.accessibility_tools.question
t: Erişilebilirlik testleri için hangi araçları kullandınız?
- key: features.accessibility_pain_points
t: Erişilebilirlik Sıkıntı Yaratan Noktalar
- key: features.accessibility_pain_points.question
t: Web erişilebilirliğiyle ilgili sıkıntı yaratan noktalar nelerdir?
- key: features.accessibility_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
- key: features.accessibility_disabilities
t: Engelli Kullanıcılar
- key: features.accessibility_disabilities.question
t: Web siteleri yaparken hangi tür engelli kullanıcıları hesaba katıyorsunuz?
- key: options.accessibility_disabilities.hearing_impairments
t: İşitme engelliler
- key: options.accessibility_disabilities.hearing_impairments.description
t: Sağırlık, kulak çınlaması, vb.
- key: options.accessibility_disabilities.mobility_impairments
t: Hareketlilik engelliler
- key: options.accessibility_disabilities.mobility_impairments.description
t: Artrit, karpal tünel, vb.
- key: options.accessibility_disabilities.learning_disabilities
t: Öğrenme zorluğu olanlar
- key: options.accessibility_disabilities.learning_disabilities.description
t: Disleksi, dispraksi, vb.
- key: options.accessibility_disabilities.cognitive_impairments
t: Diğer bilişsel engelliler
- key: options.accessibility_disabilities.cognitive_impairments.description
t: Anksiyete, Otizm, Obsesif Kompulsif Bozukluk, Dikkat Eksikliği Hiperaktivite Bozukluğu, vb.
- key: options.accessibility_disabilities.vestibular_disorders
t: Denge bozuklukları
- key: options.accessibility_disabilities.vestibular_disorders.description
t: Epilepsi, vertigo, vb.
- key: options.accessibility_disabilities.low_vision
t: Görme bozuklukları
- key: options.accessibility_disabilities.low_vision.description
t: Kör, yüksek miyop, vb.
- key: options.accessibility_disabilities.atypical_vision
t: Atipik görme
- key: options.accessibility_disabilities.atypical_vision.description
t: Renk körlüğü
- key: features.accessibility_screenreaders
t: Ekran Okuyucular
- key: features.accessibility_screenreaders.question
t: Erişilebilirlik testleri için hangi ekran okuyucuları kullanıyorsunuz?
- key: features.accessibility_techniques
t: Diğer Erişilebilirlik Teknikleri
- key: features.accessibility_techniques.question
t: |
Erişilebilirlik stratejinizin bir parçası olan diğer teknikler nelerdir?
- key: options.accessibility_techniques.tabindex
t: |
`tabindex` ile odak sırasını iyileştirme
- key: options.accessibility_techniques.tabindex.description
t: |
Roving `tabindex`, `tabindex="0"` ile odaklanmayı etkinleştirme, vb.
- key: options.accessibility_techniques.keyboard_navigation
t: |
Klavye gezinmesi
- key: options.accessibility_techniques.keyboard_navigation.description
t: |
Tab sırası dışında.
- key: options.accessibility_techniques.aria_attributes
t: ARIA özellikleri
- key: options.accessibility_techniques.aria_attributes.description
t: |
`role` ve `aria-*` özellikleri
- key: options.accessibility_techniques.descriptive_alt_text
t: Açıklayıcı `alt` metni
- key: options.accessibility_techniques.descriptive_alt_text.description
t: |
Resmin amacını veya içeriğini açıklayan `alt` metni sağlama.
- key: options.accessibility_techniques.skip_to_content
t: İçeriğe atla bağlantısı
- key: options.accessibility_techniques.skip_to_content.description
t: Kullanıcıların sayfanın ana içeriğine doğrudan atlamasına izin verme.
- key: options.accessibility_techniques.fieldset_and_legend
t: |
`<fieldset>` and `<legend>`
- key: options.accessibility_techniques.fieldset_and_legend.description
t: |
Using `<fieldset>` and `<legend>` to group related form elements.
- key: options.accessibility_techniques.headings_hierarchy
t: Bilgi Hiyerarşisi
- key: options.accessibility_techniques.headings_hierarchy.description
t: |
Sayfanın bilgi hiyerarşisini doğru şekilde temsil eden başlıklar (`<h1>` - `<h6>`) kullanma.
- key: options.accessibility_techniques.meaningful_link_text
t: Anlamlı Link Metni
- key: options.accessibility_techniques.meaningful_link_text.description
t: Link metninin bağlam dışında anlamlı olduğundan emin olma.
- key: options.accessibility_techniques.form_control_label
t: Form Kontrol Etiketleri
- key: options.accessibility_techniques.form_control_label.description
t: |
Her form kontrolünün bir `<label>` (veya `aria-label`, vb.) içerdiğinden emin olma.
- key: options.accessibility_techniques.visible_focus
t: Odaklanma Halkasının Görünürlüğü
- key: options.accessibility_techniques.visible_focus.description
t: Gerekli olduğunda odak halkasının net bir şekilde görülebildiğinden emin olma.
- key: options.accessibility_techniques.pointer_alternative
t: Pointer etkileşimlerine (örn. hover) klavye alternatifi sağlama.
- key: options.accessibility_techniques.pointer_alternative.description
t: Pointer etkileşimlerine (örn. hover) klavye alternatifi sağlama.
- key: options.accessibility_techniques.good_color_contrast
t: Yeterli Kontrast
- key: options.accessibility_techniques.good_color_contrast.description
t: Yeterli kontrastı sağlamak için kontrast kontrolcülerini kullanma.
- key: options.accessibility_techniques.color_alternative
t: Renklerin Tek Başına Kullanılmaması
- key: options.accessibility_techniques.color_alternative.description
t: Renklerin tek başına bilgi aktarmadığından emin olma.
- key: options.accessibility_techniques.prefers_reduced_motion
t: |
`prefers-reduced-motion` media query
- key: options.accessibility_techniques.prefers_reduced_motion.description
t: Azaltılmış hareket tercih eden kullanıcılar için alternatif CSS sağlama.
- key: options.accessibility_techniques.prefers_contrast
t: |
`prefers-contrast` media query
- key: options.accessibility_techniques.prefers_contrast.description
t: Yüksek kontrast tercih eden kullanıcılar için alternatif CSS sağlama.
# PWAs
- key: features.pwa_features
t: PWA Özellikleri
- key: features.pwa_features.question
t: Aşağıdaki PWA teknolojilerini/API'lerini kullandınız mı?
- key: options.pwa_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.local_storage_features
t: Local Storage Özellikleri
- key: features.local_storage_features.question
t: Aşağıdakilerden hangilerini kullanarak client-side veri depoladınız?
- key: options.local_storage_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: features.pwa_app_manifest_fields
t: App Manifest Alanları
- key: features.pwa_app_manifest_fields.question
t: Aşağıdaki app manifest alanlarından hangilerini kullandınız? (`<link rel="manifest">`)
- key: features.native_apps_tools
t: Native App Araçları
- key: features.native_apps_tools.question
t: Native uygulamalar oluşturmak için aşağıdaki araçlardan hangilerini kullandınız?
- key: features.native_apps_tools.description
t: Scriptler, komut satırı uygulamaları, sunucu tarafı kodu vb. hariç.
- key: options.native_apps_tools.na
t: <span aria-hidden="true">🚫</span> Native uygulama geliştirmedim
- key: options.native_apps_tools.native_languages
t: Native Teknolojiler
- key: options.native_apps_tools.native_languages.description
t: Objective-C, Swift, Kotlin, .NET, etc.
- key: options.native_apps_tools.webviews
t: Webview ile yüklenen web uygulaması
- key: options.native_apps_tools.js_frameworks
t: JavaScript tabanlı frameworkler
- key: options.native_apps_tools.js_frameworks.description
t: React Native, Ionic, Electron, etc.
- key: options.native_apps_tools.other_frameworks
t: JavaScript dışındaki frameworkler
- key: options.native_apps_tools.other_frameworks.description
t: Tauri, Flutter, etc.
- key: features.mobile_web_apps_pain_points
t: Native Uygulama Gibi Web Uygulamaları Sıkıntı Yaratan Noktalar
- key: features.mobile_web_apps_pain_points.question
t: Native uygulama gibi hissettiren web uygulamaları yaparken sıkıntı yaratan noktalar nelerdir?
- key: features.mobile_web_apps_pain_points.description
t: |
Web Platformunun henüz sahip olmadığı yetenekler, ilgili API'lerdeki tarayıcı farklılıkları, vb.
- key: features.mobile_web_apps_pain_points.placeholder
t: |
Sıkıntı yaratan nokta #{index}…
# Other Tools
- key: other_tools.site_generators
t: Site Oluşturucular (Site Generators)
- key: other_tools.site_generators.question
t: Aşağıdaki statik veya dinamik site oluşturuculardan hangilerini kullanıyorsunuz?
- key: other_tools.ai_tools
t: Yapay Zeka Araçları
- key: other_tools.ai_tools.question
t: Aşağıdaki yapay zeka araçlarından hangilerini kod yazmanıza yardımcı olması için düzenli olarak kullanıyorsunuz?
- key: other_tools.machine_readable_features
aliasFor: features.machine_readable_features
- key: other_tools.machine_readable_features.question
aliasFor: features.machine_readable_features.question
- key: options.machine_readable_features.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
- key: other_tools.blast_from_the_past
t: Geçmişten Esintiler1
- key: other_tools.blast_from_the_past.question
t: Aşağıdaki eski elementlerden hangilerini kullandınız?
- key: other_tools.blast_from_the_past.description
t: Geçmişten esintiler!
- key: options.blast_from_the_past.na
t: <span aria-hidden="true">🚫</span> Yukarıdakilerin hiçbiri
# Usage
# - key: usage.html_existing_features
# t: Unusable HTML Features
# - key: usage.html_existing_features.question
# t: Which existing HTML features are you unable to use?
# - key: usage.html_existing_features.description
# t: |
# Existing HTML features that you find yourself recreating using custom components.
# - key: usage.html_existing_features.placeholder
# t: |
# ﹤foo type="bar"﹥ (browser incompatibilities, styling limitations, doesn't do X)
- key: usage.html_interoperability_features
t: Tarayıcı Uyumluluğu
- key: usage.html_interoperability_features.question
t: Tarayıcı farklılıkları veya destek eksikliği nedeniyle kullanamadığınız mevcut HTML özellikleri veya tarayıcı API'leri hangileridir?
# - key: usage.html_interoperability_features.description
# t: |
# Any type of API the survey has asked about is within scope.
- key: usage.html_interoperability_features.placeholder
t: |
Özellik #{index}
- key: usage.html_functionality_features
t: Sınırlı Fonksiyonellik
- key: usage.html_functionality_features.question
t: Hangi mevcut HTML özelliklerini veya tarayıcı API'lerini başka nedenlerle kullanamıyorsunuz (ve neden)?
- key: usage.html_functionality_features.description
t: |
İyi adaylar, sık sık JS kullanarak yeniden oluşturmak veya geliştirmek zorunda kaldığınız mevcut HTML özellikleri olabilir.
Lütfen eksik özellikler, zor stil, kötü erişilebilirlik vb. gibi nedenleri de belirtin.
- key: usage.html_functionality_features.placeholder.1
t: |
Özellik #{index} (stillemesi zor)
- key: usage.html_functionality_features.placeholder.2
t: |
Özellik #{index} (sınırlı fonksiyonellik, kötü erişilebilirlik)
- key: usage.what_do_you_use_html_for
t: HTML Kullanımı
- key: usage.what_do_you_use_html_for.question
t: HTML'i ne için kullanıyorsunuz?
- key: options.what_do_you_use_html_for.blogs
aliasFor: options.what_do_you_use_css_for.blogs
- key: options.what_do_you_use_html_for.design_systems
aliasFor: options.what_do_you_use_css_for.design_systems
- key: options.what_do_you_use_html_for.desktop_apps
aliasFor: options.what_do_you_use_css_for.desktop_apps
- key: options.what_do_you_use_html_for.emails
aliasFor: options.what_do_you_use_css_for.emails
- key: options.what_do_you_use_html_for.marketing_sites
aliasFor: options.what_do_you_use_css_for.marketing_sites
- key: options.what_do_you_use_html_for.mobile_apps
aliasFor: options.what_do_you_use_css_for.mobile_apps
- key: options.what_do_you_use_html_for.printed_documents
aliasFor: options.what_do_you_use_css_for.printed_documents
- key: options.what_do_you_use_html_for.web_apps
aliasFor: options.what_do_you_use_css_for.web_apps
- key: usage.tools_for_other_developers
t: Ekosistem Etkisi
- key: usage.tools_for_other_developers.question
t: Kendinizden başka, oluşturduğunuz veya bakımını yaptığınız kütüphaneleri, paketleri, bileşenleri, API'leri vb. kaç geliştirici kullanıyor?
- key: usage.tools_for_other_developers.description
t: |
Toplam, eğer başka geliştiricilerin kullandığı birden fazla projede çalışıyorsanız.
Emin değilseniz, en iyi tahmininize en yakın olanı seçin.
Açık kaynak kod için, npm indirmeleri kullanışlı bir veri sunabilir.
- key: options.tools_for_other_developers.na
t: 🚫 Kimse (Sadece ben)
- key: options.tools_for_other_developers.a_few
t: Birkaç geliştirici (örn. küçük bir ekip içindeki geliştiriciler)
- key: options.tools_for_other_developers.less_than_100
t: Yüzden az geliştirici
- key: options.tools_for_other_developers.less_than_1000
t: Binden az geliştirici
- key: options.tools_for_other_developers.more_than_100
t: Yüzlerce geliştirici
- key: options.tools_for_other_developers.more_than_1000
t: Binlerce geliştirici
- key: options.tools_for_other_developers.more_than_1000000
t: Milyonlarca geliştirici
- key: usage.html_missing_elements
t: Eksik Elementler
- key: usage.html_missing_elements.question
t: HTML'e 3 element ekleyebilseydiniz, bunlar neler olurdu?
# - key: usage.html_missing_elements.description
# t: |
# If you use any component technologies, the components you find yourself reusing across multiple projects could be good candidates.
# These could be things like Accordion, Alert, Calendar, Carousel, Combobox/Autocomplete, Context menu, Data Grid, Rating, Tabs, Image Zoom, Switch, Skeleton loading pattern etc.
- key: options.html_missing_elements.accordion
t: Accordion
- key: options.html_missing_elements.alert
t: Alert
- key: options.html_missing_elements.calendar
t: Calendar
- key: options.html_missing_elements.carousel
t: Carousel
- key: options.html_missing_elements.combobox_autocomplete
t: Combobox / Autocomplete
- key: options.html_missing_elements.command_palette
t: Command Palette
- key: options.html_missing_elements.context_menu
t: Context Menu / Right-Click Menu
- key: options.html_missing_elements.datatable
t: Data table (with sorting, filtering, etc.)
- key: options.html_missing_elements.dropdown_menu
t: Dropdown Menu
- key: options.html_missing_elements.image_zoom
t: Image Zoom
- key: options.html_missing_elements.progress_bar
t: Progress Bar
- key: options.html_missing_elements.skeleton_loading_placeholder
t: Skeleton UI / Loading Placeholder
- key: options.html_missing_elements.switch
t: Switch / Toggle
- key: options.html_missing_elements.tabs
t: Tabs
# - key: options.html_missing_elements.toast_message
# t: Toast Message
- key: options.html_missing_elements.tooltip
t: Tooltip
- key: options.html_missing_elements.offcanvas
t: Off-Canvas Area
- key: options.html_missing_elements.spinner
t: Loading Spinner
- key: options.html_missing_elements.segmented_button
t: Segmented Button
- key: options.html_missing_elements.scroll_area
t: Infinite Scroll
- key: options.html_missing_elements.icon
t: Icon
- key: options.html_missing_elements.star_rating
t: Star Rating
- key: usage.html_pain_points_freeform
t: HTML ile ilgili diğer sıkıntı yaratan noktalar
- key: usage.html_pain_points_freeform.question
t: HTML ve ilgili teknolojileri kullanırken sıkıntı yaratan noktalar nelerdir?
- key: usage.html_css_js_balance
t: HTML/CSS ve JavaScript/TypeScript Dengesi
- key: usage.html_css_js_balance.question
t: HTML/CSS ve JavaScript/TypeScript kodu yazarken zamanınızı nasıl bölüyorsunuz?
- key: options.html_css_js_balance.0
t: 100% HTML/CSS
- key: options.html_css_js_balance.4
t: 50%–50%
- key: options.html_css_js_balance.8
t: 100% JS
# other features
- key: features.foo_attribute
t: "`{id}` attribute"
- key: features.slot_assignment
t: Explicit slot assignment (`slot="foo"`)
- key: features.tabindex
t: "`tabindex` attribute"
- key: features.respimg
t: "`srcset` and `sizes` attributes"
- key: features.model_element
t: "`<model>` for AR/VR/3D content"
- key: features.slot_def
t: Defining slots (`<slot>` and `::slotted()`)
- key: features.controlslist
t: "`controlslist` attribute"
- key: features.popover_api
t: Popover API
- key: features.lazy_loading
t: Lazy loading
- key: features.sandbox_attr
t: "`sandbox` attribute for iframes"
- key: features.details_element
t: "`<details>` and `<summary>`"
- key: features.crossorigin
t: "`crossorigin` attribute"
- key: features.host_css
t: Styling component host (`:host`, `:host()`, `:host-context()`)
- key: features.element_internals
t: "`ElementInternals` API"
- key: features.cors
t: CORS
- key: features.csp
t: Content-Security Policy (CSP)
- key: features.structured_data
t: Structured data (RDFa, Microdata, Microformats)
- key: features.extended_builtins
t: Extended built-ins
- key: features.html_modules
t: HTML Modules
- key: features.accordion
t: Exclusive accordion
- key: features.imperative_slot
t: Imperative slot assignment
# - key: features.focusgroup
# t: "`focusgroup` attribute"
- key: features.form_validation
t: Form validation
- key: features.aria
t: ARIA
- key: features.rh_preconnect
t: "Resource Hints: preconnect (`<link rel=preconnect>`)"
- key: features.rh_prerender
t: "Resource Hints: prerender (`<link rel=prerender>`)"
- key: features.rh_preload
t: "Resource Hints: preload (`<link rel=preload>`)"
- key: features.resource_hints
t: Resource Hints (all)
- key: features.rh_prefetch
t: "Resource Hints: prefetch (`<link rel=prefetch>`)"
- key: features.declarative_shadow
t: Declarative Shadow DOM (`<template shadowrootmode="open">`)
- key: features.referrerpolicy
t: "`referrerpolicy` attribute"
- key: features.integrity
t: Subresource Integrity (`integrity` attribute)
- key: features.pwa_manifest
t: PWA manifest
- key: features.part_attr
t: Exposing component parts (`part` attribute)
- key: features.part_selector
t: Styling component parts (`::part()`)
- key: features.svg_element
t: Inline SVG (`<svg>`)
- key: features.math_element
t: Inline MathML (`<math>`)
- key: features.scoped_element_registries
t: Scoped Custom Element Registries
- key: features.navigation_api
t: Navigation API
- key: features.custom_elements_defining
t: Custom element tanımlama
- key: features.decoding
t: "`decoding` attribute"
- key: features.custom_elements_using
t: Custom element kullanımı
- key: features.fencedframe
t: Fenced frames
- key: features.credentialless
t: Credentialess iframes
- key: features.media_capture
t: HTML Media Capture
- key: features.contenteditable_plaintext
t: "`plaintext-only` value for `contenteditable`"
- key: features.dom_parts
t: DOM Parts
- key: features.fetchpriority
t: Fetch Priority API (`fetchpriority` attribute)
- key: features.autocomplete
t: '`autocomplete="hint"`'
- key: features.inert_attribute
t: "`inert` attribute"
- key: features.client_hints
t: HTTP client hints
###########################################################################
# Survey Help
###########################################################################
- key: features.features_intro_html
t: |
Anketimize hoş geldiniz! Bu ilk birkaç bölüm, HTML'nin (ve ilgili API'lerin) hangi **özelliklerini** bildiğinizi bulmaya yöneliktir.
Bu arada, anketin herhangi bir öğesi hakkında daha fazla bilgi edinmek isterseniz, küçük "+" simgesine tıklayarak okuma listenize ekleyebilirsiniz!