Gå til innhold

Usage

How you use HTML.

Browser Interoperability

Det er alltid et lite etterslep mellom tilstanden til nettplattformen og faktisk bruk i den virkelige verden, så det burde ikke komme som overraskelse at Popover API fortsatt toper rangeringen. Men gjør ingen feil, denne funksjonen har nå offisielt statusen "Nylig tilgjengelig" på Baseline, noe som betyr at bruk på tvers av nettlesere burde være mye mindre problematisk framover.
Which existing HTML features or browser APIs are you unable to use because of browser differences or lack of support?
Multiple
Top pain point topics corresponding to specific web platform features.

View:

Items tagged “features
0%
20%
40%
60%
80%
100%
01
02
<select>
+4
03
-1
04
05
+7
06
-1
07
-3
08
+2
09
<input type="date">
-1
10
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Limited Functionality

Skjemakontroller og andre interaktive elementer oppfattes igjen som de mest begrensende. Med tilpassbar select av veien, virker det kanskje som datovalkere burde være neste målskive.
Which existing HTML features or browser APIs are you unable to use for other reasons (and why)?
Multiple
Top pain point topics corresponding to specific web platform features.

View:

Items tagged “features
0%
20%
40%
60%
80%
100%
01
<select>
02
<input type="date">
03
+5
04
05
-1
06
+1
07
<select multiple>
08
-2
09
10
<input type="color">
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Missing Elements

I år igjen er datatable det mest etterspurt nye elementet. Selv om det absolutt ville være fint å ha innebygde filtrerings, sorterings-, søke osv. funksjoner, virker det ikke som noe som vil bli virkelighet når som helst snart.

På den annen side gjøres det framgang på andre lenge etterlengtede funksjoner som et originalt switch-element, som forklarer nedgangen i rangeringen.

If you could add 3 elements to HTML, what would they be?
Multiple
0%
20%
40%
60%
80%
100%
01
Data table
1,545
02
Combobox / Autocomplete
1,249
03
Tabs
-1
1,182
04
Dropdown Menu
1,071
05
Rich text editor
975
06
Switch / Toggle
-3
957
07
HTML include
920
08
Sortable drag-and-drop list
910
09
Skeleton UI / Loading Placeholder
-5
728
10
Context Menu / Right-Click Menu
-5
719
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Styling Issues

Det vil være ingen overraskelse at skjemainput topper listen over vanskeliste elementer å style. Heldigvis, tilpassbar velg elementer er under utarbeidelse, selv om nettleserstøtte fortsatt henger etter.
Which elements do you struggle the most to style or visually customize?
Multiple
0%
20%
40%
60%
80%
100%
01
<select>
1,699
02
<input type="date">
1,178
03
<select multiple>
792
04
791
05
Validation errors
491
06
432
07
<input type="time">
401
08
369
09
<input type="range">
317
10
314
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

HTML Reuse

Det er vanskelig å bestride at JavaScript-komponenter har blitt det dominerende paradigmet for å bygge lag på nettet. Og ja, det å håndtere alle disse konkurrerende front-end-rammeverker kan være rotete – men det er et rotete vi kjenner (og kanskje til og med elsker?), et faktum som gjør det tøft for webkomponenter å vinne terreng utover fjerdeplass.
Which strategies do you use to implement components or otherwise reuse HTML code?
Multiple
0%
20%
40%
60%
80%
100%
1
Component-based JavaScript Frameworks
2,696
2
Server-side templating
1,922
3
Client-side templating
1,297
4
1,237
5
Build-time templating
1,184
6
Copy-paste
914
7
Web Components helper libraries
492
8
🚫 Ingen
44
9
Andre svar
69
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Design Systems

Designsystemer har blitt et krav for de fleste store prosjekter, og dette faktum gjenspeiles i populariteten av alle disse ulike tilnæringene.
Do you use any of the following design system strategies to maintain UI consistency?
Multiple
0%
20%
40%
60%
80%
100%
1
Elements/components
3,084
2
Design tokens
2,664
3
Utilities
2,407
4
Guidelines
2,008
5
Patterns
1,316
6
🚫 Ingen
112
7
Andre svar
45
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

HTML/CSS vs JavaScript/TypeScript Balance

Som vist i "Component Strategies"-diagrammet ovenfor, er JavaScript det defacto-fartøyet for mye av HTML-koden vi produserer. Noe som forklarer hvorfor vi bruker så mye tid på å skrive det!
How do you divide your time between writing HTML/CSS and JavaScript (or TypeScript) code?
0%
20%
40%
60%
80%
100%
1
100% HTML/CSS
65
2
1
269
3
2
422
4
3
287
5
50%–50%
635
6
5
494
7
6
1,179
8
7
494
9
100% JS
40
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

HTML Usage

Selv om den gjennomsnittlige undersøkelsesrespondenten hovedsakelig jobber med dynamiske webapper, bruker mange av oss også tid på å lage blogger eller andre teksttunge nettsteder, som sender oss tilbake til HTML-røttene som et dokumentorientert språk.
What do you use HTML for?
Multiple
0%
20%
40%
60%
80%
100%
01
Web apps
3,378
02
Blogs or other text-heavy sites
2,253
03
Marketing sites & landing pages
1,894
04
Design systems
1,519
05
Emails
1,139
06
Desktop apps
891
07
Mobile apps
879
08
Printed documents
659
09
E-Commerce sites
10
🚫 Ingen
16
11
Andre svar
114
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
💡
Å dele denne undersøkelsen på Twitter, Facebook eller via e-post er vitenskapelig bevist å forbedre kodingen din med opptil 15 %.

Other Pain Points

Når man ser på webplattformens smertepunkter mer generelt, skiller nettleserstøtte seg ut – spesielt når det kommer til Apple-økosystemet.

Som et resultat har fellesskapsinitiativer som #AppleBrowserBan hashtag fått gjennomslag, mens på leverandørsiden beveger Interop nålen i riktig retning hvert år.

Any other pain points around using HTML and related technologies?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
01
Browser support
1
02
Environments & Consumers
2
03
Content
2
04
Reliance on JavaScript
05
Cognitive overload
2
06
Ecosystem issues
2
07
Education
08
Accessibility
09
Excessive complexity
10
Poor design
1
11
Styling & customization
1
12
Performance
13
Vendor politics
14
Missing elements
15
16
workplace
17
Tooling
18
Security & privacy
19
PDF
20
Declarative APIs
21
Andre svar
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Anbefalte ressurser

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
Takk til våre partnere for deres bidrag! Lær mer.