-
Notifications
You must be signed in to change notification settings - Fork 2
/
css2024.yml
586 lines (454 loc) · 26.8 KB
/
css2024.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
locale: id-ID
translations:
###########################################################################
# General
###########################################################################
- key: features.discrete_properties_animations
t: foobar
- key: features.discrete_properties_animations.description
t: baz123
- key: general.results.description
t: Edisi 2024 dari survei tahunan tentang tren-tren terkini dalam ekosistem CSS.
- key: general.css2024.survey_intro
t: |
Sungguh menakjubkan untuk melihat CSS yang terus berevolusi dengan cepat. Jika dekade terakhir adalah tentang membangun sebuah dasar yang kuat untuk membuat tata letak (Flexbox, Grid) dan sintaks (variabel) masa depan menjanjikan untuk melangkah lebih jauh dari yang kita impikan.
ingin menghitung akar pangkat atau kosinus di dalam CSS anda? Menggunakan perhitungan tersebut untuk animasi berbasis scroll? Dan mungkin mengaturnya supaya tidak memiliki efek samping yang tidak diinginkan? Sekarang anda dapat melakukan semua itu all that, dan lebih banyak lagi!
Itulah kenapa survei ini jauh lebih penting dari sebelumnya, bukan hanya sebagai cara untuk melacak kemajuan anda sendiri; namun juga sebagai alat untuk memberitahu para vendor browser opini kita tentang arah yang baru ini.
Jadi sekali lagi, bergabunglah dengan saya untuk State of CSS tahun ini!
- key: features.features_intro_css2024
t: |
Selamat datang ke survei! Bagian pertama ini adlah tentang membagikan pengalaman anda tentang berbagai fitur CSS:
- **Tidak pernah mendengarnya**: ini kali pertama anda melihatnya – atau anda pernah mendengarnya namun tidak tahu dengan pasti itu fitur apa.
- **Pernah mendengarnya**: anda pernah membaca atau mempelajarinya, namun belum pernah memakainya.
- **Pernah memakainya**: anda pernah memakainya paling tidak sekali, meskipun hanya untuk bermain-main.
O iya, jika anda ingin menjabarkan pilihan anda lebih lanjut, klik ikon "komentar"!
###########################################################################
# Introduction
###########################################################################
- key: introduction.css2024
t: |
<span class="first-letter">C</span>SS sedang melewati fase perubahan besar. Di antara `:has()`, kueri container, subgrid, dan lebih banyak lagi, fitur-fitur baru sedang menuju browser sepertinya setiap bulan.
Konsekuensi dari semua pertumbuhan ini adalah semua hal dapat terlihat melelahkan. Untungnya tahun ini [Chen Hui Jing](https://chenhuijing.com/) membantu merancan survei ini dan memandu kita melewati hutan CSS.
Ngomong-ngomong tentang surveinya, tahukah anda berbagai vendor browser menggunakan data survei ini sebagai bagian dari inisiatif [Interop](https://web.dev/interop-2023/) untuk membantu memprioriaskan fitur-fitur mana untuk dikerjakan selanjutnya?
Akhirnya, kami memperkenalkan fitur baru ini tahun ini: kemampuan untuk **mengkostumisasi bagan** dengan saringan data anda sendiri. Kami sangat antusias untuk melihat wawasan baru seperti apa yang akan Anda hasilkan!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Kaos
- key: sections.tshirt.description
t: |
## Dukung Survei ini Dengan Kaos State Of CSS
Di antara kualitas video yang buruk, kaset yang besar, dan harus memutar balik, tidak ada yang dapat dirindukan dari era VHS. Namun satu hal yang kami *rindukan* adalah visual 90an yang dulu menghiasi kaset VHS yang kosong.
Namun, berkat dari seniman bertalenta Christopher Kirk-Nielsen anda dapat menikmati semua kekerenan retro ini sambil juga merayakan kecintaan anda akan CSS dalam waktu yang bersamaan!
- key: tshirt.about
t: Tentang kaos ini
- key: tshirt.description
t: |
Kami menggunakan kaos tri-blend berkualitas tinggi yang sangat lembut dengan bentuk ramping yang dicetak dari mitra kami di Cotton Bureau.
- key: tshirt.getit
t: Dapatkan
- key: tshirt.price
t: USD $29 + pengiriman
- key: tshirt.designer.heading
t: Tentang perancang kaos
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Berasal dari Prancis namun sekarang tinggal di Amerika Serikat, Chris bukan hanya seorang pengembang front-end yang menakjubkan, namun juga seorang ilustrator bertalenta dengan spesialisasi dalam bidang visual retro. Kami mendorong anda untuk melihat [desain kaos lainnya darinya](https://chriskirknielsen.com/designs)!
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description.css2024
t: |
Survei tahun ini mencapai **9,190** pengembang di seluruh dunia.
- key: sections.features.description.css2024
t: |
CSS telah banyak berkembang akhir-akhir ini, dan banyak dari fitur-fitur baru yang diperkenalkan
perlahan-lahan mulai diadopsi oleh para pengembang.
- key: sections.css_frameworks.description.css2024
t: |
Sekali lagi, Tailwind CSS stands apart as the one major UI framework that developers are happy to keep using; while Open Props is generating a small but passionate following.
- key: sections.css_in_js.description.css2024
t: |
After some initial growth, it seems like the CSS-in-JS sector has plateaued, and
the fact that native CSS itself is adopting many of its main advantages is probably a big contributing factor.
- key: sections.other_tools.description.css2024
t: |
30 tahun setelah penciptaan browser, kita masih melihat inovasi dengan peserta baru seperti Brave dan Arc; atau alat-alat khusus seperti Polypane yang mulai mengambil pangsa pasar.
- key: sections.usage.description.css2024
t: |
Tak peduli bagaimana anda menggunnakan CSS, datanya menunjukkan bahwa memastikan kode anda bekerja di semua browser masih menjadi perhatian, terutama untuk fitur-fitur baru seperti `:has()`.
- key: sections.resources.description.css2024
t: |
Di antara blog, kanal YouTube, dan podcast, komunitas CSS makin beragam dari sebelumnya.
###########################################################################
# Charts
###########################################################################
- key: options.features_categories.layout
aliasFor: sections.layout.title
- key: options.features_categories.shapes_graphics
aliasFor: sections.shapes_graphics.title
- key: options.features_categories.interactions
aliasFor: sections.interactions.title
- key: options.features_categories.typography
aliasFor: sections.typography.title
- key: options.features_categories.accessibility
aliasFor: sections.accessibility.title
- key: options.features_categories.other_features
aliasFor: sections.other_features.title
- key: options.features_categories.colors
aliasFor: sections.colors.title
- key: options.features_categories.selectors
aliasFor: sections.selectors.title
- key: user_info.country_low_vs_high_income.description.css2024
t: >
Membagi responden berdasarkan penghasilan tinggi dan rendah memberikan
dua daftar negara yang sangat berbeda.
- key: user_info.higher_education_degree_by_gender.description.css2024
t: >
Perwakilan wanita lebih tinggi dari yang diperkirakan diantara para responden
dengan diploma pendidikan tinggi pada bidang yang tidak terkait dengan CSS,
berpotensi menunjukkan banyaknya perubahan karir.
- key: user_info.source_by_gender.description.css2024
t: >
Meskipun sulit membuat kesimpulan mengingat jumlah total yang rendah,
jumlah wanita adalah paling tinggi diantara para responden
yang mendengar survei ini dari tempat kerja mereka atau dari mulut ke mulut,
terutama dibandingkan dengan jejaring sosial seperti Twitter atau YouTube.
- key: user_info.source_by_race_ethnicity.description.css2024
t: >
Kembali mengingat jumlah sampel yang rendah, ketika mempertimbangkan ras dan etnis,
YouTube mencolok sebagai salah satu sumber survei paling beragam.
- key: user_info.average_income_by_company_size.description.css2024
t: >
Kami menemukan para responden dengan gaji lebih banyak bekerja untuk perusahaan besar, namun
perlu dicatat bahwa pekerja solo memiliki gaji lebih dibandingkan yang bekerja pada perusahaan kecil.
- key: user_info.yearly_salary_usa_vs_the_world.description.css2024
t: >
Ketika membandingkan gaji di A.S. dengan seluruh dunia, jelas bahwa para pengembang
A.S. banyak yang masuk ke golongan gaji tinggi.
###########################################################################
# Awards
###########################################################################
- key: award.feature_adoption_delta_award.comment
t: |
The `gap` property for Flexbox is such a useful addition that it's not surprising
it would see a **{value}** progression in 2023
# - key: award.tool_usage_delta_award.comment
# t: No other tool comes even close to Tailwind CSS's dramatic **{value}** progression over the last year.
- key: award.most_commented_feature_award.comment
t: With **{value}** comments, no other feature even came close to generating as much feedback as Subgrid.
- key: award.tool_satisfaction_award.comment
t: |
Out of all the CSS-in-JS solutions, Open Props is the only one that maintained a
sky-high **{value}** retention ratio.
# - key: award.tool_interest_award.comment
# t: With a **{value}** ratio, CSS Modules again generated the most interest among CSS developers this year.
- key: award.most_write_ins_award.comment
t: |
With **{value}** mentions, Panda was the tool most mentioned in freeform questions by far.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.css2024
t: |
<span class="first-line">As usage of newer CSS features has been trending upwards, usage of CSS frameworks has been on a downward slope.</span>
This could be an indication that folks are starting to get used to the idea that you don’t necessarily have to wait to use newer CSS features, because browsers will catch up a lot quicker than before.
With high awareness of native CSS features like nesting and `:has()` (which can act like a parent selector, but is much more than that!), it seems like we are on the brink of widespread adoption.
Out of all these features, I did have a personal favourite for this year, and that is `text-wrap: balance`. It provides a one-line fix for a request that I’ve constantly gotten over my entire web development career: “can we adjust that headline so the last word isn’t an orphan?”
It was also interesting that so many developers felt that animating to auto and masonry layout were missing CSS features. It's true it's always been tricky for browsers to determine element dimensions (especially height) when they're not explicitly declared.
But as [Lea Verou](https://lea.verou.me/) mentioned last year, with initiatives such as [Interop](https://wpt.fyi/interop-2023) bringing browsers together, features thought previously impossible can now potentially become reality!
- key: conclusion.css2024.bio
t: Developer Experience Engineer @ Interledger Foundation
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "My 2023 Pick: "
- key: picks.intro
t: We asked members of the CSS community to share their “pick of the year”
# - key: picks.david_east.name
# t: CSS Subgrid
# - key: picks.david_east.bio
# t: Advocate for building on the web
# - key: picks.david_east.description
# t: |
# CSS Subgrid allows child elements to inherit their parents grid properties.
# Soon, it will be much easier to lay elements out to the same grid
# lines across the entire page.
# - key: picks.bramus_van_damme.name
# t: The `:has()` Selector
# - key: picks.bramus_van_damme.bio
# t: Chrome Developer Relations Engineer at Google
# - key: picks.bramus_van_damme.description
# t: |
# You might know this one as the so-called “parent selector” but that name does it
# no justice as it only covers a small part of what it can do.
# This selector has essentially changed the way I write my CSS.
- key: picks.kevin_j_powell.name
t: Ahmad Shadeed
- key: picks.kevin_j_powell.bio
t: CSS Evangelist
- key: picks.kevin_j_powell.description
t: |
Ahmad's blog is a source of knowledge and inspiration, with in-depth explorations of topics, including great visuals and use cases.
# - key: picks.samuel_kraft.name
# t: The `:has()` Selector
# - key: picks.samuel_kraft.bio
# t: Design Engineer
# - key: picks.samuel_kraft.description
# t: |
# The new :has() selector is super powerful and unlocks new styling possibilities.
# This great article from Jen Simmons breaks it down with explanations and practical examples.
- key: picks.josh_comeau.name
t: CSS Podcast
- key: picks.josh_comeau.bio
t: Instructor, CSS for JavaScript Developers
- key: picks.josh_comeau.description
t: |
This podcast is a delightful tour of a bunch of
important and modern CSS features.
It's hosted by Una Kravets and Adam Argyle, two absolutely wonderful people.
- key: picks.adam_argyle.name
t: Zag.js
- key: picks.adam_argyle.bio
t: Google Chrome Developer Relations
- key: picks.adam_argyle.description
t: |
The talented folks at ChakraUI are building some next-gen components and ideas,
can't wait to see what else they come up with.
# - key: picks.eric_w_bailey.name
# t: “Style with Stateful, Semantic Selectors” by Ben Myers
# - key: picks.eric_w_bailey.bio
# t: Accessibility advocate and CSS nerd
# - key: picks.eric_w_bailey.description
# t: |
# Ben demonstrates how utilizing ARIA
# attribute selectors can simply and powerfully tie appearance to state.
# - key: picks.michelle_barker.name
# t: Interop 2022
# - key: picks.michelle_barker.bio
# t: Writer and creator of front-end blog CSS { In Real Life }
# - key: picks.michelle_barker.description
# t: |
# Interop is a collaboration between all of the major browser vendors,
# agreeing 15 key areas of focus for implementation —
# including game-changing new CSS features like container queries,
# cascade layers and color functions.
- key: picks.jhey_tompkins.name
t: |
The `:has()` Selector
- key: picks.jhey_tompkins.bio
t: CEO of Fancy CSS
- key: picks.jhey_tompkins.description
t: |
`:has()` is the magic that you can use to combine other APIs like container queries, anchor positioning, etc. together. I'm excited to see how the community finds new and innovative ways to use it.
# - key: picks.gift_egwuenu.name
# t: Learn CSS
# - key: picks.gift_egwuenu.bio
# t: Developer Advocate at Cloudflare
# - key: picks.gift_egwuenu.description
# t: |
# My recommended resource for anyone looking to learn CSS from the ground up,
# I also use it as a reference everytime I need to look up any CSS property.
- key: picks.ahmad_shadeed.name
t: Scroll-Driven Animations
- key: picks.ahmad_shadeed.bio
t: Design Engineer and Writer at [ishadeed.com](https://ishadeed.com/)
- key: picks.ahmad_shadeed.description
t: |
If I went back 2 years, I'd never have imagined CSS
having scroll-driven animations. Yet, here we are!
# - key: picks.georgedoescode.name
# t:
# - key: picks.georgedoescode.bio
# t:
# - key: picks.georgedoescode.description
# t: |
# - key: picks.jen_simmons.name
# t: The `:has()` Selector
# - key: picks.jen_simmons.bio
# t: Web technologies evangelist at Apple
# - key: picks.jen_simmons.description
# t: |
# For two decades, “parent selector” was a top requested feature for CSS.
# Then in 2022, in a total surprise, the :has() pseudo-class arrived to solve this and far more.
- key: picks.sara_soueidan.name
t: |
`color-contrast()`
- key: picks.sara_soueidan.bio
t: Inclusive design engineer and educator
- key: picks.sara_soueidan.description
t: |
My vote goes to color-contrast() because I think it deserves more spotlight.
It’s one of the few features that makes it _easier_ for us (developers)
to design for our users. Cross-browser support can’t come soon enough.
- key: picks.adam_wathan.name
t: Lightning CSS
- key: picks.adam_wathan.bio
t: Creator of Tailwind CSS
- key: picks.adam_wathan.description
t: |
An extremely fast, all-in-one CSS processing tool that handles things like vendor prefixes, minification, and modern feature transpilation, all while being an amazing platform for other developers to build CSS tools on top of.
# - key: picks.christianoliff.bio
# t: Front-end developer for Trimble MAPS
# - key: picks.christianoliff.description
# t: |
# One thing I've really started using and appreciating this year though is Purge CSS- an awesome tool for removing unused CSS. It can greatly reduce the size of your CSS, and its fast and easy to use.
- key: picks.kilian_valkhof.name
t: Devtoolstips
- key: picks.kilian_valkhof.bio
t: Creator of Polypane, the browser for developers.
- key: picks.kilian_valkhof.description
t: |
The devtools in all browsers are super powerful. These bite-sized tips
help you get the most out of them regardless of which browser you use.
- key: picks.ahmad_awais.name
t: |
`text-wrap: balance`
- key: picks.ahmad_awais.bio
t: VP DevRel & Google Developers Advisory Board founding member
- key: picks.ahmad_awais.description
t: |
Headlines should dazzle and read like a breeze, even if screens play hard to predict.
I've battled those annoying solo words at line's end (hello, widow words!),
but guess what? Enter text-wrap: balance – one-liner-fix wizardry that's pure magic!
# - key: picks.piccalilli_.bio
# t: Freelance designer & dev who runs piccalil.li
# - key: picks.piccalilli_.description
# t: |
# This blog is an absolute gold mine of CSS knowledge. Michelle is a CSS legend and every post or tutorial they write is heaped with useful content.
# - key: picks.piccalilli_.bio
# t: Freelance designer & dev who runs piccalil.li
# - key: picks.piccalilli_.description
# t: |
# This blog is an absolute gold mine of CSS knowledge. Michelle is a CSS legend and every post or tutorial they write is heaped with useful content.
# - key: picks.sarasoueidan.bio
# t: Independent UI/design engineer
# - key: picks.sarasoueidan.description
# t: |
# My pick is a person, namely Rachel Andrew. She taught CSS Grid to a whole generation of developers.
# - key: picks.5t3ph.bio
# t: Software Engineer @ Microsoft
# - key: picks.5t3ph.description
# t: |
# In this conference talk, Manuel Matuzovic provides thoughtfully
# crafted examples that are engaging, approachable, and actionable.
# - key: picks.hugogiraudel.bio
# t: Non-binary accessibility & diversity advocate
# - key: picks.hugogiraudel.description
# t: |
# Fela is an amazing piece of software.
# It’s pretty powerful, relatively easy to use and very performant
# - key: picks.foolip.bio
# t: Software Engineer @ Google
# - key: picks.foolip.description
# t: |
# Sergio has recently fixed lots of Flexbox in WebKit and even some in Chromium,
# notably bringing flex gap to WebKit,
# which means that soon it will be available on all modern browsers.
# - key: picks.jina.bio
# t: Design systems advocate and practitioner
# - key: picks.jina.description
# t: |
# The media query to reduce motion, which helps avoid
# triggering dizziness and discomfort.
###########################################################################
# Quiz
###########################################################################
- key: quiz.quiz_dave_shea
t: "Question 01"
- key: quiz.quiz_dave_shea.question
t: >
In May 2003, Dave Shea launched a site that showcased CSS's flexibility and adaptability. What was that site's name?
- key: options.quiz_dave_shea.css_playground
t: CSS Playground
- key: options.quiz_dave_shea.style_jungle
t: Style Jungle
- key: options.quiz_dave_shea.css_zen_garden
t: CSS Zen Garden
- key: quiz.quiz_dave_shea.answer
t: >
[CSS Zen Garden](https://www.csszengarden.com/) made a big impression by demonstrating what was possible when you kept markup and styling separate.
- key: quiz.quiz_dave_shea.description
aliasFor: quiz.quiz_dave_shea.question
- key: quiz.quiz_css_spec
t: "Question 02"
- key: quiz.quiz_css_spec.question
t: >
Which of these organizations maintains the CSS specification?
- key: options.quiz_css_spec.w3c
t: W3C
- key: options.quiz_css_spec.w3schools
t: W3Schools
- key: options.quiz_css_spec.mdn
t: MDN
- key: quiz.quiz_css_spec.answer
t: >
The W3C's [CSS Working Group](https://www.w3.org/groups/wg/css) maintains the CSS spec, which is then implemented by browser vendors.
- key: quiz.quiz_css_spec.description
aliasFor: quiz.quiz_css_spec.question
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.frontendmasters.description
t: Advance your skills with in-depth, modern front-end engineering courses.
- key: sponsors.polypane.description
t: The browser for ambitious devs. Build responsive, accessible and fast websites with ease.
- key: sponsors.nijibox.description
t: UX and Product Development consulting in the heart of Tokyo.
- key: sponsors.renderatl.description
t: The largest tech conference with a dedicated Design & CSS track.
- key: sponsors.google_chrome.description
t: Thanks to the Google Chrome team for supporting our work.
###########################################################################
# FAQ/About
###########################################################################
- key: faq.how_long_will_survey_take_css2024
t: How long will answering the survey take?
- key: faq.how_long_will_survey_take_css2024.description
t: >
Depending on how many questions you answer (all questions can be skipped),
filling out the survey should take around 15-20 minutes.
- key: faq.learn_more_css2024
t: Where can I learn more?
- key: faq.learn_more_css2024.description
t: You can learn more about this survey in [our announcement post](https://dev.to/sachagreif/the-2024-state-of-css-survey-is-now-open-4o5h).
- key: faq.survey_design_css2024
t: How was this survey designed?
- key: faq.survey_design_css2024.description
t: >
This survey was designed as the results of an [open design process](https://github.com/Devographics/surveys/issues/245) involving browser vendors and the web development community.
- key: faq.results_released_css2024
t: When will the results be released?
- key: faq.results_released_css2024.description
t: The survey will run from August 17 to September 7, 2024, and the survey results will be released shortly after.
- key: about.content
t: >
The 2023 State of CSS survey ran from June 15 to July 15 2023, and collected 9,108 responses. The survey is run by [Devographics](https://www.devographics.com/), with help from a team of open-source contributors and consultants.
The State of CSS logo and t-shirt were designed and animated by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
### Tujuan Survei
Survei ini, bersama dengan survei [State of JavaScript](https://stateofjs.com/), dibuat untuk mengidentifikasi tren-tren mendatang dalam ekosistem pengembangan web untuk membantu para pengembang membuat pilihan teknologi.
Maka dari itu, survei-survei ini berfokus pada mengantisipasi apa yang akan datang di beberapa tahun yang akan datang alih-alih menganalisa apa yang populer pada saat ini, yang merupakan alasan kenapa fitur-fitur atau teknologi yang saat ini banyak digunakan tidak selalu disertakan.
Selain itu, data survei ini juga digunakan oleh para vendor browser untuk memprioritaskan fitur-fitur dan menginformasikan berbagai inisiatif seperti [Interop 2023](https://web.dev/interop-2023/).
### Perancangan Survei
Tahun ini, perancangan survei dipimpin oleh [Chen Hui Jing](https://chenhuijing.com/) berkat sebuah dana hibah dari tim Google Chrome. Semua pertanyaan survei adalah opsional.
### Audiens Survei
The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily a mix of respondents from past surveys (alerted through a dedicated mailing list) and social media traffic.
### Pendanaan Proyek
Pendanaan proyek ini datang dari beberapa sumber:
- **Penjualan kaos**.
- **Pranala sponsor**: pranala yang mengarah ke sumber daya yang direkomendasikan di bawah setiap halaman disediakan oleh mitra kami [Frontend Masters](https://frontendmasters.com/).
- **Bagan yang disponsori**: dimulai dari tahun lalu, semua orang dapat memilih untuk mensponsori sebuah bagan untuk $10 atau lebih. Avatar Twitter sponsor tersebut akan ditampilkan di samping bagan tersebut.
- **Google**: tahun ini, tim [Google Chrome](https://www.google.com/chrome/) menyisakan sejumlah uang untuk mempekerjakan Lea untuk membantu merancang survei, dan juga mendanai saya secara langsung untuk mendukung apa yang saya kerjakan.
- **Nijibox**: [Nijibox](https://nijibox.jp/) dari Jepang juga telah setuju untuk mensponsori usaha saya untuk membuat survei ini lebih berkelanjutan.
### Ikhtisar Teknis
Anda dapat menemukan ikhtisar teknis lebih mendalam tentang bagaimana survei dijalankan [disini](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a). Our code is [open-source](https://github.com/Devographics/Monorepo/).
### Umpan Balik
- [Laporkan sebuah masalah teknis](https://github.com/Devographics/Monorepo/issues)
- [Kirim saran untuk tahun depan](https://github.com/Devographics/surveys/issues/193)
- [Masalah non-teknis lainnya](https://github.com/Devographics/surveys/issues)
- [Gabung Discord Kami](https://discord.gg/tuWRUWVyJs)