Ngobrolin Safari - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://bit.ly/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Ringkasan Episode
Bantu KoreksiEpisode ini membahas tentang sejarah dan perkembangan browser, khususnya WebKit dan Safari. Diskusi dimulai dengan fenomena browser war yang semakin mengerucut ke sedikit engine saja - Chromium, Gecko (Firefox), dan WebKit. Tim narasumber menjelaskan sejarah panjang WebKit yang berasal dari KHTML dan KJS milik KDE, kemudian diforking oleh Apple menjadi Safari dan open source sebagai WebKit. Google kemudian menggunakan WebKit sebelum akhirnya membuat Blink engine sendiri. Episode ini juga membahas bagaimana Apple dulu memonopoli browser di iOS dengan memaksa semua browser menggunakan engine WebKit, namun kini aturan tersebut mulai longgar di Eropa. Topik utama adalah Safari 18 yang menunjukkan peningkatan signifikan dengan banyak fitur CSS baru seperti View Transitions API, Style Query, animasi display, dan Content Visibility. Terungkap juga bahwa Jen Simmons, mantan Mozilla Firefox developer, kini bergabung dengan Apple yang menjelaskan mengapa Safari mulai mengejar ketertinggalan CSS-nya.
Poin-poin Utama
- •Browser landscape semakin mengerucut ke tiga engine utama: Chromium (Chrome, Edge, Opera), Gecko (Firefox), dan WebKit (Safari), meskipun ada browser alternatif berbasis WebKit seperti Orion dan Sigma OS
- •WebKit memiliki sejarah panjang dari KHTML dan KJS milik KDE, diforking oleh Apple tahun 2000-an menjadi Safari, lalu open source sebagai WebKit dengan komponen WebCore dan JavaScriptCore
- •Google Chrome awalnya menggunakan WebKit sebelum membuat fork sendiri bernama Blink pada 2013, sementara JavaScriptCore kembali digunakan oleh runtime JavaScript modern seperti Bun
- •Apple dulu memonopoli browser di iOS dengan memaksa semua browser menggunakan engine WebKit melalui SDK restrictions, namun aturan ini mulai dilonggarkan di Eropa
- •Safari 18 menunjukkan peningkatan signifikan dengan dukungan View Transitions API, Style Query, animasi display, Flexbox alignment fixes, Content Visibility, dan URL.parse API
- •Jen Simmons, mantan developer Firefox yang terkenal dengan kontribusi CSS-nya, kini bergabung dengan Apple sebagai Safari dan WebKit evangelist, menjelaskan transformasi Safari
- •Browser alternatif berbasis WebKit seperti Orion dan Sigma OS mulai bermunculan, menawarkan fitur unik seperti ad blocker bawaan, workspace management, dan dukungan ekstensi Firefox maupun Chrome
0:00hai hai hai selamat malam halo halo semuanya gimana kabarnya mudah-mudahan dalam keadaan
0:28sehat ya ya pasca-paskal naik badai pasca badai badai ya winter-winter winter satu
0:47company doang sih ya yang paling gede ketahuan yang paling ketahuan main paling
0:51yang lain enggak di-announce ya ada loh teman-teman saya beberapa yang di luar negeri bukan Indonesia
1:08mulai deg-degan karena companynya mulai melakukan silence silence layoff efisiensi sekarang namanya
1:18masih hilang lagi satu tim-team ilang ekstrim ya mudah-mudahan segera berlalu semuanya mudah-mudahan
1:29dapat apa dapat rezeki yang lebih baik setelahnya ya mulai mengasah ilmu yang lebih dalam lewat
1:39bro Linway Iya tetap ya disambungin Iya karena ini ya apa namanya Iya satu-satunya hal yang bisa
1:49kita kontrol adalah upskilling dan kita nggak bisa mengendalikan apa namanya ekonomi juga perusahaan
1:57ekonomi global jalannya perusahaan gimana bisa aja yang ngambil keputusan mungkin agak keliru
2:04yang menyebabkan dampaknya banyak tapi kan kita enggak enggak punya otoritas kesana yang bisa
2:09lakukan adalah kita memperbaiki diri aja jadi beberapa yang saya denger ya mereka ini misalnya
2:17investasi satu bisnis unit ya kan company ini membentuk tim ternyata bisnis unitnya
2:24atau obsolete atau udah udah enggak enggak se grow nya enggak sesuai dengan presentasi di awal
2:37prediksi awal ya sedangkan kalau mau dipertahankan tim yang lain sudah full enggak masih tim lain
2:45tidak menerima tambahan resource ya kan atau yang lebih apes lagi makanya yang major kemarin kan
2:53mau saya akuisisi mau saya ada merger pihak luar Oh ya mereka punya tim sendiri Nah itu kan beneran
3:01bahkan apa enggak terkait sama achievement tim itu sendiri motimnya metriknya gimana kalau dianggap
3:07Oh ya udah apa ya kalau bagian ini pakai pakai dari yaitu perusahaan yang merger itu itu murni
3:15apa sih Iya sih kalau merger memang mungkin agak sedikit tidak terhindarkan ya karena itu apa ya
3:26merger itu adalah sebuah proses yang chaos.
3:30Karena kan standarnya beda ya,
3:32masing-masing perusahaan yang tadinya sendiri-sendiri,
3:35punya standar gaji sendiri, punya standar penilaian sendiri,
3:39punya semuanya sendiri, tiba-tiba gabung satu yang juga punya sendiri.
3:44Begitu mau digabungin nggak cocok ini, jadi ambil jalan tengah.
3:47Yang mana yang mau diturunin atau yang ini yang dinaikin.
3:50Jadi pasti ada kesenjangan, ada macam-macam,
3:52Dan ujung-ujungnya ya
3:55Antara bedul desa
Lihat transkrip lengkap
3:57Kabur satu-satu atau ya
3:59Ada leok besar-besaran gitu
4:03Cuman mudah-mudahan
4:05Kompetensasinya
4:07Inilah ya
4:08Bagus dan oke lah ya
4:10Minimal sesuai peraturan
4:13Sesuai peraturan
4:15Jadi
4:16Malam hari ini kita
4:18Akan ngobrolin kebun binatang
4:21Taman Safari Taman Safari ya
4:26setiap ngetik Safari selalu atau komplit di HP Google keyboard nggak tahu kenapa padahal jarang
4:34ngomongin politik juga Safari politik dong itu juga bisa hari boleh kalian kena kayak gitu nggak sih enggak jarang lulus safari juga sih saya saya enggak ada otocomplete yang pernah enggak oke iya dimatiin saya nggak mau dikendalikan sama
4:52otocomplete ya jadi kembinian aja iya gimana-gimana jadi apa jadi ya salah satu benang merah yang bisa
5:04menarik adalah antara kebun binatang sama browser ini ya ini kan browser semakin lama semakin ini
5:10ya semakin mengerucutkan kalau dulu banyak gitu kan ada Opera punya engine sendiri terus ada
5:20internet explorer punya engine sendiri ada Firefox ada Safari ada ke KDE Linux dan lain-lain genome
5:33browser masing-masing punya sendiri enggak ya ada yang pakai sama-sama juga dan sekarang mengerjut
5:39Opera Edge Chrome chromium itu udah bisa dibilang satu keluarga ya walaupun mungkin ada indikasi
5:49Edge bakal pisah gitu ya maksudnya mungkin mereka for sendiri tersebut mereka bikin sendiri bikin
5:57bikin lanjutannya gitu kita serunya buka ini dulu pernah buka sini cuma ini legendaris banget ya kita
6:08lanjut lagi apa kita buka lagi ya review lagi ya karena Wow banget ya manja KDE ya jaman yang
6:17itu yang di kanan nah dikit aja toh Iya klik aja terus klik lagi biar sumin dari 90 dari
6:25tahun berapa kita mulai Midas www Arena Omni web sleep not wish not Safari itu dari mana sih opera
6:36keke moyangnya Safari keke moyangnya Safari itu adalah kek HTML ke HTML dari KDE punya project
6:47KDE Project Scroll ke bawah sedikit yang diarsir hijau nah ke bawah lagi di ini conqueror Iya dari
6:55conqueror bener berarti itu ke HTML berarti sendiri ya dia enggak ada masih conqueror enggak cabang
7:01mana-mana build sendiri enggak dia bikin engine sendiri namanya ke HTML dan ke apa tadi sempet
7:09baca eh ini ke HTML dan KJS JavaScript engine namanya KJS jadi mereka bikin sendiri dari
7:22Conqueror tahun berapa nih tahun 2000-an ya terus habis itu baru di for sama Safari dan akhirnya
7:30menjadi sebuah engine yang opus
7:34kzhkc
7:38kayak
7:40ngemerge yang atas sama yang bawah
7:43kayaknya
7:46discontinued web browser
7:48for unix like
7:50operating system that uses
7:52gtk
7:53pake gecko
7:55dibucer
7:57dan juga GTK plus webkit
8:01webkit sama gecko
8:03berarti kan dia pakai webkit
8:05dan
8:05makanya itu diarsir
8:08makanya
8:09jadi ada ini ya
8:11ada
8:12ada persentuhan disini
8:16iya
8:17dan ada yang pindah agama juga
8:22kayak vlog contohnya
8:23vlog yang biru tuh
8:25blog sebelumnya pakai gecko blog itu di atasnya kzhc itu yang dibuat atas evivani contohnya
8:35kelimanya kepaningan gecko terus terlalu selok merah kemudian masuk ke Jho tiba-tiba masuk
8:42bisa berhenti ya ya extra yang baru-baru ini yang agak baru ya yang pindah warna kalau kita lihat
8:52sini mozilla dari mana mozilla dari netscape kan netscape terus dia berhentikan disini kan sebelum
8:59netscape berhenti dia masuk apa bikin engine sendiri nescapnya masih lanjut sampai di tahun
9:06sekitar 2007-2008 nah mozilla nya sendiri ini dia bikin awalnya namanya Phoenix kemudian jadi
9:17kemudian jadi Firefox hewan semua ya ini tapi temanya masih sama ya api ya api api api ya jadi kita fokusnya
9:32ke sini ya dari conqueror dengan base-nya ktml dan kjs itu akhirnya proses ininya di sini ya
9:42dia langsung Safari ya bukan webkit dulu ya bukan masuk ke webkit dulu ya langsung Safari forking
9:49ya jadi conqueror itu ktml dan eh kjs-nya di forking oleh Safari oleh Apple kemudian dijadikan
10:01Safari dan webkitnya juga jadi project sendiri walaupun sepertinya kalau yang saya baca under
10:08Apple juga gitu walaupun dia open source ya safarinya tidak open source tapi webkitnya open
10:14source eh ujung-ujungnya jadi bling juga kan ujung-ujungnya habis itu nggak lama si webkitnya
10:25itu difork oleh Google untuk bikin Google Chrome akhirnya jadi bling namanya ya apa dari bling itu
10:36engine nya kemudian jadi Chromium base di sini ada kelihatan enggak ya itu di bawah tuh bahwa
10:44ini ya bling-bling sedikit-sedikit turun turun turun turun jauh warna coklat warna coklat Chrome
10:54ini ya ini ya Chrome ya Iya ada banyak juga ya ada Midori ada Iris ada Aurora ada still ada
11:05Opera Opera juga blingbase Opera Mini Oh di bawah Opera mobile presto Iya kalau opera
11:15mini di sini dari Opera ini ya Opera mobile kalau ini Geko Geko webkit nah jadi supaya
11:25apa ya supaya tidak semakin mengerucut lagi gitu ya mudah-mudahan sih karena ada plus minusnya ya
11:35pasti ya kalau browser semuanya sama itu enak sebenarnya ya di satu sisi enak tapi di sisi
11:42yang lain lihat kayak nggak ada saingan ya dan apa ya kayak nature of the web bukan kayak gitu
11:51kan justru emang ya bisa dibilang keunikannya lah keunggulan keunggulan Iya kalau keunggulan
12:02keunggulan kekurangan ya itu perspektif cuma keunikan disinilah apa yang salah satu ini OS
12:14ini di Mac OS juga bisa disetting kok ada aksesif Wow eh kepencet dulu nah di bagian sinilah ada
12:26kontribusi dari
12:27narasumber kita
12:30Mas Arya Hidayat ya
12:31jadi beliau ikutan kontribusi
12:34ke sini dan akhirnya masuk ke WebKit
12:36jadinya jadi salah satu
12:38kontributor awal WebKit juga
12:39makanya kan Mas Arya
12:42itu sempat bikin
12:43apa yang
12:46buat testing itu
12:47sebelum
12:49Phantom JS
12:52ya base nya kan dari sini
12:54dari ke HTML
12:55awalnya awalnya banget itu ada sampai terus tapi Safari enggak ada pindah-pindah agama
13:06ya karena webnya sendiri emang milik Apple Oh iya kayak-kayak Opera kan ngikut ya Jadi
13:19Hai segera webkit sendiri itu nggak sanggup ngelanjutin karena ini kali ya Iya betul kita
13:26sempet kenapa maintain engine itu berat kali ya Iya jadi kita sempet ngobrol sedikit sama Eka
13:36di belakang tadi sebelum mulai Firefox nih agak mulai tertinggal nih dari dari siapa dari Safari
13:45Webkit, karena banyak alasan, salah satunya adalah mereka gak punya produk
13:49mereka gak punya produk, kalau Google ada yang dijual, ada produknya
13:53hardware-nya pun ada, Android kan, phone, tablet dan lain-lain
13:59Safari tentunya ada iOS Macbook Edge juga ada bahkan hardware ada Mozilla bukannya punya produk ya Firefox doang Mozilla nggak ada Dulu sempat mau bikin phone ingat nggak Mozilla phone
14:12Sempat.
14:13Tapi gagal.
14:15Kayaknya semua proyek dia belum ada yang berhasil gitu ya?
14:18Nggak, masalahnya kan ini di dunia kapitalis ya.
14:21Maksudnya realistik kalau nggak ada backing korporat,
14:25korporat yang beneran apa di industri teknologi,
14:28entah kayak Microsoft entah sebagai apa Apple Google kan kalau kayak Firefox Opera itu kan
14:36spiritnya yang output source foundation non-profit ya secara konsep bagus cuma kayaknya kalau
14:42survival yang sampai lama bertahun-tahun kayaknya ya ya nggak tahu kita lihat produk-produknya
14:50Mozilla yang mendunia itu ya mdn Iya tapi kan produk non-profit kan paling iklan-iklan doang
15:00iklan adsense itu juga enggak ada sih yang kayak ada ya mdnpl iya VPN ada masih hidup ya
15:08Thunderbird ya Oh masih ya masih terbuka dari zaman dulu ku keren tuh Pocket punya mozilla
15:17doh Pocket punya mozilla tapi ada ya maksudnya mereka ada produk-produk tapi enggak istilahnya
15:25enggak ada yang ya produk perintilan kayak gitu buat survive jangka betul perintilan
15:30non-profit organization sih ya
15:32betul, ya itu
15:34maksudnya itu bukan berkara bagus jelek
15:37cuma emang konsekuensinya
15:38kalau emang spiritnya begitu
15:40skopnya gak bisa seluas yang
15:43industri korporat
15:45kan, for profit
15:46betul
15:46apa ya
15:49perkembangannya gak bisa dibandingkan dengan
15:53browser-browser yang lain gitu
15:54makanya dia kalau ketinggalan
15:56ya wajar aja karena memang
15:58resornya enggak sebesar yang lain gitu kan nah ini tahu ya itu lagi-lagi resikonya Oh iya
16:07input Fox resikonya ya layoff kan ke tim apa tim rasai waktu itu di adalah juga sebenarnya
16:15mereka lumayan lumayan apa ya lumayan visioner dan inovatif inovatif juga kan ras mereka bikin
16:23Walaupun itu tidak menghasilkan uang secara langsung gitu kan
16:27Sama lah kayak Google juga bikin Go kan atau bikin framework yang lain gitu
16:33Si Firefox, Mozilla juga sempat bikin beberapa framework dan lain-lain kan
16:39Tapi nggak ada apa ya nggak ada lahan buat jualannya mereka gitu
16:46Karena memang non profit juga gitu
16:48Jadi ya salah satu apa
16:50community space di Jakarta ya udah tutup udah tutup udah tutup dulu sempet itu kan ada community
16:58space ada penuhnya sempet ngadain ngadain event acara situ Iya ada yang ini juga kan kayak gede
17:05juga kan mereka punya model kayak gede gitu buat speaker ada dulu tapi nggak ngejalanin udah nggak
17:11ya anyway ternyata sih webkit ini juga lumayan banyak dipakai ada PlayStation
17:26make PS3 ya PS3 sekarang udah PS5 design adek-adek pakai enggak Samsung ya
17:34apa sih itu?
17:36Linux based mobile operation system
17:39by Linux Foundation
17:41developed by Prem Aliri
17:43ya Smart TV
17:44Kindle e-book reader
17:46juga
17:48Nintendo console
17:503DS internet browser juga pakai
17:53Blackberry browser juga
17:54ternyata pakainya WebKit
17:56jadi
17:58intinya adalah
17:59WebKit ini menggunakan
18:02JavaScript Core sebagai
18:04engine javascriptnya
18:06yang akhirnya digunakan oleh
18:09Boon yang terbaru
18:11salah satu inovasi terbarunya
18:13kalau yang lain pada pakai V8
18:15yang punyanya
18:16Chrome, Chromium
18:18ya Boon menggunakan
18:21javascript core
18:22sama-sama C++
18:24API ya
18:26dua-duanya
18:27jadi kalau teman-teman mau bikin browser
18:31harus bisa C++ ya
18:32siapa tahu ada yang bisa pakai ras sekarang ya kalau sih pas-pas kan karena
18:37karena dulu kayaknya opsinya cuma itu kali ya enggak tahu ada bahasa lain
18:41kasih yang isi Firefox kan mau bikin servo tapi kan enggak jadi-jadi mereka
18:49Hai bikin pakai ras itu servo tapi ya tidak belum belum kesampean belum kesampean melakukan ini kan
18:59ya sempat melakukan rombak engine besar-besaran yang terakhir itu ya sempat dia bilang jadi lebih
19:05cepat itu kalau bikin ras ya salah satu yang bikin Rush bukan salah satu emang penggagas
19:17ya yang bikin-bikin nah ini kan tadi kita udah sempat bahas webkit itu asalnya dari KDE dari
19:26varman KDE salah satu desktopnya faramannya Linux kemudian ada kontributor dari Apple Google Nokia
19:34dan lain-lain sampai akhirnya eh si webcore ini sorry si webkit ini difor oleh Google awalnya
19:45webcore itu dari webkit ya Oh dari webkit yang default itu webcore nya satu bagian komponennya
19:56dia ambil komponennya dibikin sendiri jadi Blink ya namanya berarti layout engine nya doang
20:02ya iya iya V8 baru javascript engine-nya ya bener javascript core punyanya
20:17si webkit HP Safari masuknya Safari Iya dan kemudian di 2005 Safari developer yang namanya
20:34Pak Dev Hiat ini Hiat dia melakukan open source terhadap webkit yang tadinya namanya webcore dan
20:43nama script core jadi webkit terus mulai 2005 berarti ya 2005 dan kabarnya si webkit ini adalah
20:55under Apple bener gak Iya tadi ada di atas di patent namanya nama web Iya namanya dipatentan
21:06kodenya open source cuma nama webkit di apa di ituin patent atau trademark atau apa ya Nah
21:15tetapi ini nih 7 Maret 2013 trademark apa ya implikasinya kagak orang nggak boleh bikin
21:24komunitas webkit itu kan kodenya Nah kalau itu enggak semua webcore beberapa komponen doang
21:42yang di yang di open source webkit is open source and forever under BSD 2 with the exception of web
21:49dan javascript komponen yang undergenu ya GPL tetapi nama webkitnya sendiri itu dia
22:01nama webkit itu nama dagangnya jadi brandingnya jadi bukan perkara kompleksi orang nggak boleh
22:10kalau pakai webkit di forking enggak boleh lagi mengenai menamakan ek webkit gitu nggak boleh
22:21ngak forking webcore sama javascript korenya bisa bikin engine baru namanya boleh aja tetapi
22:29harus mencantumkan webcore sama javascript core di license sesuai GNU lah punya aturan
22:36Muhammad istiqlal kalau nggak salah epiphanic genome web juga based on webkit ya betul jadi
22:43memang dia dibesarkan oleh Linux sebenarnya baru kemudian diadopsi sama Mac sama Apple
22:50dan juga Microsoft ikutan eh Microsoft Sorry Google awalnya ya Google
22:56tadi kita sampai di mana open source feature development webkit2 2010 to
23:09versi 2 terus kemudian digunakan oleh Chrome sebelum tadi yang kita bahasnya bikin baru bikin sendiri Berarti dulu sempat berarti Android itu sebelumnya sempat pakai WebKit ya
23:42Google Chrome on Android.
23:45Itu before version 44.
23:49Iya.
23:50Iya berarti.
23:53Benar.
23:56ya jadi salah satu yang membuat orang-orang apa ya agak-agak gimana gitu ya sama-sama si Safari
24:07mereka kayak melakukan apa yang dilakukan oleh Microsoft pada saat ke mereka lagi jaya-jaya
24:15dulu yang dulu ya bukan yang sekarang ya jadi menopornya memaksa ia memaksa device untuk
24:22di-include si internet explorer kalau dulu ya di Windows gitu kan Safari juga melakukan itu
24:30mereka include bahkan lebih parah ya maksudnya kalau orang awam ya kalau kalau make OS apa
24:43pake OS udah pasti ada Safari kan yang kedua yang lebih parah adalah iOS
24:48tidak bisa ada browser selain browser engine engine webkit jadi ini bener-bener
25:01beneran pernah ngalamin itu sih alamin ya ke sandung itu jadi apa bikin dulu
25:11kayaknya grid template columns atau grid gap atau pokoknya kan dulu harus ada yang harus grid gap
25:17ada yang udah bisa pakai gap nah intinya cuma ngetes di Safari Chrome tapi dari laptop intinya
25:30nggak ngetes langsung di iOS iOS device iPhone nah ternyata intinya layoutnya di iPhone di Chrome
25:42berantakan semua kenapa karena yaitu sebetulnya semua browser yang ada di iPhone itu intinya
25:49webkit Safari cuma dikasih casing Chrome dikasih casing Firefox maksudnya casing adalah service
25:58tampilannya mirip bukan tampilan bukan cuma tampilan tapi ya service external kayak kan
26:05Chrome Firefox ada profile ya sekarang kita bisa nge-log profile itu ada fitur kayak bookmarks
26:11ada password manager pokoknya yang service-service yang enggak berhubungan langsung sama engine
26:17layout dan javascriptnya cuma kalau misalnya si perparasi semua engine rendering lah javascript
26:24processing itu sebetulnya Safari doang jadi kayak semua Safari kayak Apple memaksa buat semua
26:30browser kalau mau pasang di Appstore ya harus pakai Safari cuma cuma dikasih dikasih branding
26:38dikasih logo browser masing-masing dan layanan eksternal Iya karena mereka megang set dulu
26:46beberapa tahun lalu kalau sekarang kan enggak sudah boleh udah boleh-boleh yang di Eropa Eropa
26:54mereka login bikin aturannya tuh ketatnya minta minta udah kalah nih ceritanya jadi iPhone yang
27:06di Eropa sudah bolos yang di Eropa base-nya sudah bisa install Java engine browser engine
27:14krom ya pakai engine-nya
27:18implementasi belum tahu ya cuman ya
27:22aturannya keluar udah ratuannya di
27:27Eropa Iya jadi salah satu kenapa mereka
27:32bisa melakukan itu ya karena mereka yang
27:34megang kendali di SDK SDK iPhone iOS
27:40jadi SDK-nya atau API-nya buat browser itu dikunci
27:46jadi hanya bisa menggunakan library webkit yang disediakan oleh developer kitnya
27:51jadi kalau kita mau bikin software yang bisa browsing internet
28:00ya itu kita harus pakai library-nya mereka
28:02opsinya cuma itu? itu bukan opsi?
28:04hanya itu
28:04itu dipaksa namanya?
28:05Iya pilihannya jadi nggak dapat permisi untuk bikin browser untuk misalkan untuk connect Buka www gitu atau apa apple gitu dengan menggunakan engine lain nggak bisa termasuk juga
28:22kalau kita pakai apa
28:25namanya kalau di
28:27Di aplikasi itu yang kita bisa buka browser ini di dalam aplikasi
28:30webview webview itu webnya kan pasti mau nggak mau kan Safari atau webkit base juga kan jadinya kan
28:37karena yang dibuka hanya itu mereka bisa melakukan itu mereka berani melakukan itu tapi nggak dibalas
28:44sama Google Google kan bikin pixel musik kalau Google mau resek kan sebenarnya bisa dibalas
28:50satu itu kedua kan mereka mengejar ketertinggalan karena mereka harus kalau Appstore udah banyak
29:02apps nya si Android ya harus lebih banyak lagi gitu harus lebih mereka membuka sebesar-besarnya
29:09yang nah sebenarnya kenapa malam ini kita ngomongin tentang webkit selain atau webkit
29:22atau Safari selain karena ya karena apa tadi supaya menghindari orang pada hanya menggunakan
29:31satu jenis atau satu keluarga browser ini jadi semakin banyak kan dan yang menariknya adalah
29:36si safari ini akhir-akhir ini menunjukkan apa ya penunjukkan peningkatan yang luar biasa besar
29:46terutama kalau di di apa di apa ya ini intro-intro ya interopan gambaran ya gambaran besar lagi ke
29:58apa yang developer mau yang dirasa penting buat developer dan gimana browser tuh Ivan hilang
30:05gimana browser kerjasama buat implement fitur itu nah soalnya si safari ini kan backstorinya
30:11beberapa tahun sebelumnya ya mungkin 34 tahun terakhir ke diri stigma yaitu selain karena
30:17monopoli juga kan mereka kayak stigma nya dijulukin sama para developer sebagai the new
30:24dulu kan dulu kan pesakitannya sih internet Explorer kan yang suka dimakai-makai developer
30:33karena bihirnya beda sendiri beda sendiri developmentnya cycle nya kurang kurang
30:41maju dulu kan yang dianggap maju ya sih apa webkit Chrome Firefox maju udah bagus udah
30:48enaknya internet Explorer enggak support macem-macem fitur sendiri nah setelah Ie punah
30:54kayak sih bulan-bulanannya King nya ini jadi orang ke hari-hari itu sempat beberapa tahun
31:02kayak gitu tapi ternyata yang itu zamannya yang setau goto PWA sama CSS great ya pwa pwa CSS great
31:14sama apa satu lagi ya gue lupa
31:20dah lupa itu ada satu fitur yang si Safari itu enggak support dan PWA kan baru-baru ini kan
31:32di support maksudnya di baru ini ya di mobile ya kalau di desktopnya mungkin sudah lama tapi
31:39mobile-nya belum bisa belum bisa add to home screen kan baru-baru ini bisa tapi harus dipencet
31:48menunya Iya ada menunya share to home screen jadi buat tahun tiga tahun lalu deh zaman itu
32:00kayak safari tuh banyak ketinggalan dengan update-update nya dan dia punya kayak punya
32:05dunia sendiri gitu di saat apa namanya dunia perbrowser and mendukung PWA CSS Advancement
32:16dia tiba-tiba munculin yang namanya color orde bikin fitur warna sendiri karena butuh karena
32:25yang mana kok jalannya beda sendiri gitu sama konsorsium kebutuhan developer juga yang
32:40geret itu nyebelin sih pokoknya sempet ingat akhirnya support grid tapi enggak support gap
32:45itu freak banget cuma menarik sih apa Ie dulu waktu dia memonopoli terus apa progresnya jadi melambat Nah Safari juga kan sempat memonopoli lah minimal di user iPhone kan
33:03Kan baru kali ini kan ada browser dan hardware itu beneran kayak sepaket yang bikin satu pihak.
33:11Dan dia market share-nya besar banget.
33:14Itu developmentnya juga progressnya juga jadi lambat kan.
33:18Itu kayaknya fenomena unik, menarik.
33:22Dan kalau perkara Apple ini, Safari,
33:24ngaruhnya ke release cycle juga kan?
33:27Dia kan cuma bisa update.
33:28Kalau Mac OS atau iOS update kan?
33:32Nggak bisa ketinggalan.
33:34Nggak bisa ya? Bisa kali.
33:36Nggak bisa.
33:37Kalau misalnya mau update.
33:39Minor pun ya harus update dari user.
33:42Minor harus update iOS.
33:43Iya.
33:46iOS-nya juga minor update kan?
33:47ada ada versioning nya juga sempat ada security update misalnya jadi harus up increase version
33:56dari iOS nya juga untuk supaya update si Safari betul Nah itu agak ribet juga sih sama dengan
34:07Mac OS di Safari di MacOS tidak bisa berdiri sendiri dia lengket sama operating system
34:12ini kan ya mau mau mau update browser harus restart Iya harus nunggu dulu ya iya dan
34:24maksudnya nggak bisa sejel yang browser yang lain kan jadinya betul kalau yang lain tinggal update
34:31aja Chrome tinggal reload aja dia nge-update malah nggak sadar tiba-tiba cuma suruh restart
34:38enggak usah matiin eh apa laptop karena kan dia apa tidak ada kaitannya sama hardware mungkin
34:48kalau si safarinya harus ada apa ya ada kayak kompilasi lah atau apa gitu yang membuat dia
34:54lebih optimal jalan di Mac OS kan kalau Chrome kan multiplatform jadi ya semuanya bisa jalan
35:02Safari bisa jalan di Windows ya Windows bisa itu pernah ke warna yang ada safarinya Wow dulu banget
35:09iya iya iya hitnah padahal di inter yang safari eksperimentalnya bagus loh coba jadi
35:17klik bagus-bagus bagus juga udah mulai ini kan itu semua stigma tadi kelihatannya sekitar
35:26tahun terakhir ini udah mulai dipikir sih kayaknya jarak tetap ketertinggalan ya ya mereka juga sadar
35:33ya mungkin mereka ngelihat apa gimana pun ada value-nya kan enggak mungkin mereka ngejar
35:40ketertinggalan cuma karena iseng atau cuma demi idealisme atau apa nggak mungkin kan mereka kan
35:46jualan jadi ya mungkin sadar juga kalau ditinggal semua developer ya tetap bakal ada bisnis impact
35:54kurang bagus nah buktinya yaitu lumayan kalau apa kalau kita ingat mungkin teman-teman enggak
36:05ngalamin ya saya juga nggak ngalamin sih cuman saya ngikutin gitu ya sebenarnya cikal bakalnya
36:12PWA itu homescreen itu dimulai dari si Apple sebenarnya si Safari Safari itu adalah browser
36:19sama di mobile yang bisa retohome screen jadi seperti aplikasi jadi web kita itu seperti
36:28aplikasi dan dia sempet kayaknya membuka beberapa API yang bisa di di eksekusi API ini ya API SDK
36:38yang si Apple nya ya misalkan buka kamera yang kayak sekarang tuh buka kamera ada apa ada bisa
36:45dan lain-lain itu dulu dia sempet mau ke sana arahnya
36:48iya mau ke sana
36:50cuman
36:51akhirnya berbelok gara-gara
36:54si Apple meluncurkan App Store
36:56oh mereka mikir lebih
36:59kalau dipagerin
37:01kalau mereka buka
37:04semua orang bisa
37:06bikin aplikasi lewat web
37:07gak bisa dimonetize kan
37:09agak susah dimonetize
37:11tapi kalau misalkan mereka bikin App Store
37:13mereka bisa
37:14Ini orang harus bayar lisensi
37:17Setiap tahun
37:18Terus mungkin
37:20Developernya juga bisa menghasilkan uang
37:22Karena dia bisa bayar
37:24Berbayar aplikasinya
37:26Akhirnya mereka lebih memilih jalur itu
37:29Baru sekarang-sekarang ini mereka coba buka lagi
37:33Itu sih
37:37Eee
37:38Dan yang menariknya selain karena mulai mengajar kata tinggalan
37:44kan beberapa waktu yang lalu ada WWDC ya
37:48konferensinya Apple yang announce beberapa hal yang paling di highlight memang AI ya
37:55Apple Intelligence
37:56Lagi-lagi semua konferensi sekarang AI
38:00Jadi mereka akhirnya koalisi dengan Open AI
38:07Google atau mau sama OpenAI yang notabene Microsoft karena mereka
38:18sendiri mereka padahal mereka udah duluan bikin siri kan ya sedangkan OpenAI kan baru-baru ini
38:26mereka bikin yang seperti itu tapi lebih lebih canggih gitu kan nah kirinya sendiri sekarang
38:32sudah diintegrasikan dengan openai siri kayaknya asisten yang paling susah dimengerti susah
38:44dimengerti nah diluar itu mereka juga non-spool pahal untuk safari 18 sekarang sudah berpengaruh
38:53ini siapa aja datenya mereka announce kita lihat sama saya nah ini kalau
39:07gg banget oke banget mantap kalau buat web developer ya progresnya masih
39:17di bidang UI banyak banget banyak ya Nah tuh lihat kayak bisa view transition akhirnya bisa semua
39:27kecuali Firefox nah ini kayak berbalik deh ke tadi yang berkata ngejar ke tertinggal si safarinya
39:36ngejar ketertinggalan Firefoxnya keteteran padahal mungkin sekitar lima tahun lalu tuh kan kalau
39:42kembalikan urusan sama layout CSS minimal yang UI yang periwai Firefox tuh paling depan mereka
39:49dulu paling pertama adopsi CSS grid ke sampai setahun dua tahun setahun dan lebih Chrome belum
39:56bisa support grid Firefox sudah support grid duluan subgroup juga Firefox duluan sekarang
40:03rumah malah ketinggalan sayang sekali biasanya ada ya hanya itu roda pedati kadang naik kadang
40:13turun biasanya ada orang Firefox yang di-hire sempat sehari Nah itu dibajak mungkin dibajak
40:22terus yang kedua ada style query nah ini agak aneh OS sintaksnya rada unik cuma ya
40:32berguna sih useful
40:33nah bagusnya di artikel ini zoom in deh
40:36zoom in?
40:39zoom in
40:40ya enggak zoom in halamannya aja
40:42nah
40:43ini kan artikel di personal website
40:46orang yang emang web dev dan
40:48front end ya maksudnya lebih ke
40:50lebih cenderung ke front end
40:52dia ngasih rekomendasi di bawahnya
40:54udah safe to use atau belum
40:56kayak misalnya tadi view transition
40:57udah safe to use
41:01karena yaudah
41:02ya toh kalau misalnya Firefox belum support not showing fancy transition ya udah nggak
41:08papa feature detection aja kan pakai aja nah terus kalau style query setiap bilang kayak
41:15kalau opini nya dia menurut dia sebetulnya apa setelah ya Oh belum belum terlalu so
41:24dia bilang I don't think so karena feature detection kan itu pakai rules baru tuh apa
41:31container masih kurang bagus feature detection nya jadi enggak terlalu direkomendasikan dulu
41:41menarik ini tetap ya ini karena ini karena fokusnya kan ke ke Safari kan jadi yang Firefox
41:52kelihatan tertinggal karena yang di yang dihaletkan Safari ya cuma emangnya Safari
41:58emang Firefox juga belum adopsikan emosnya sepanjang rilis ikonnya mereka mereka putusin
42:04belum dulu betul tapi kalau misalkan kita lihat kalau misalkan ini ada update Safari
42:10mungkin akan ada yang Safari sudah update tapi Oh ya ada yang Firefox sudah update ini karena highlightnya update kan ini karena highlightnya kan highlight Safari yang kebetulan Firefox tidak
42:25sedangkan yang lain udah anehnya gitu ya
42:29ini Android WebView kali
42:33kalau yang sebelahnya Samsung Browser ya
42:36Samsung Browser, ini kayaknya browsernya Android yang bukan Chrome
42:41WebView
42:42current color current color current color di relative syntax yang kayak misalnya kita bahas
42:53waktu itu misalnya warna apalah biru tapi dikurangin sedikit lightness nya dikurangin
42:5950% blablabla Nah kalau dulu current color kan nggak bisa harus absolut kan Nah kalau sekarang
43:07udah bisa oke nih udah hampir bisa nah udah semua sudah hampir bisa ini udah dari versi 16 loh
43:15berarti udah bisa sekarang ya Iya kalau urusan perwarnaan mereka rajin cepet ya tapi kenapa
43:24isi nah itu penjelasannya feature detect mau saya kayak apa itu device support atau enggak
43:32kalau JavaScript enak ya cuma if-navigator.method yang mau dipakai itu apa
43:38CSS bukan programming language kan ya nggak bisa pakai
43:42nah programming language atau bukan tuh support nah itu kan if anggap aja kondisional itu
43:48ntar lagi tunggu aja versi CSS5 ntar bisa programming language
43:55bisa bikin bisa manggil resepi ICS 5 jajanya bisa Fetch mengapain dan dimating display ini
44:08apa kalau diskret disipikan kalau dulu display ini dari display block ke display non nggak bisa
44:15nggak bisa di transition ganas kalau dulu kan harusnya kalau kalian kan kayak opacity-nya di
44:23ituin dulu opacity atau apa transform for transform translate digeser baru dihilangin
44:31nah sekarang enggak usah versi 18 nanti bakal bisa ya ini kok ada dua ini apa
44:39browser support behavior alo disekret sama starting style ini udah bisa
44:44ada save to use Yes similar to the SP transition if you're okay with some user not seeing kalau
44:51oke save flexbox alignment nah ini gua baru tahu loh asli baru tahu banget
45:00flexbox layout can be to data loss maksudnya ya jadi kalau kontainer
45:08tampilan enggak kepotong kalau kontainernya enggak cukup besar kirain
45:13bakal scratch bukannya bakal stretch ya ternyata itu kepotong overflownya ke
45:19kalian nggak tahu nanti kalau iseng pengen lihat apa cek and link postnya demo nya tuh ini udah
45:28semua bahkan sudah nah terus another post on this blog with some interactive demo baru tahu
45:40baru tahu gue blog ini ya bagusnya bagus lengkap layoutnya enak melihat ngebloknya iya ya
45:50mana contohnya Oh ini CSS is awesome dikecilin coba Oh iya bener jadi nggak terstretch
45:59kalau contohnya ada contoh yang yang dia apa tadi yang dibetulin Iya nanti ke harusnya di
46:10bawah ya berarti save ini kalau saya gimana kita kecilin Oh gitu hilang tapi ada ini
46:21ininya bisa Scroll samping ada Scroll kalau ini tadi enggak ada Scroll ya ada juga ada
46:28apa Oh karena udah betulin di browsernya enggak tahu enggak tahu sih Oh atau behaviornya ya dia
46:35motong di tengah orangnya di ujung bisa lagi motongnya di tengah nih motongnya di tengah nih
46:43tuh jadi kayak ini enggak apaan nih enggak kebaca kan kalau ini bisa teksnya panjang kalau kecil
46:51kalau ini biasa kayak window kita riset pun kepotongnya dari pinggir kalau kita live turan iya iya iya oke menarik iya gitu lanjut url parse ini javascript ya
47:07iya
47:09url parse
47:11dia baru bisa gitu url parse
47:13ya bukan sekarang ada url parse
47:15looks different
47:17emang dulu tuh
47:19udah ada kan udah lama
47:21url.parse itu baru
47:23kalau new url tuh
47:25kalau new url tuh kalau dia bukan valid url dia bakal throw error jadi harus sekarang enggak enggak
47:40pakai throw lagi coba lihat mdn-nya deh mungkin saya juga baru tahu ini juga ada
47:47kompat data itu jeson itu kayaknya ada icon md ini nggak bisa diklik
47:57Oh static method
48:040 is return jadi dia enggak
48:13enggak terlalu error ya enggak terlalu error ya ya ya Oke jadi dulu aja ya
48:22udah yang nanti di LR tapi nggak bisa disamping bisa Samsung browser ya
48:27ada polifilm nya aja sedih ada paling begini enak sih polifilm banget
48:36ini bukan semua fitur sih ini highlight personalnya dia hal-hal yang menarik dari
48:44nah tapi sebenarnya kan tadi kita bahas tuh Firefox tuh banyak yang terkesan ketinggalan
49:00di artikel ini karena artikelnya emang fokus di fitur baru Safari tapi enggak juga kalau kita
49:06lihat intro kan emang yang skornya paling rendah Firefox jadi ya walaupun enggak se-extreme di
49:12ini ya apa notion anggapan bahwa Firefox mulai keteran ya itu udah tersupport dengan
49:20Matrix data ya dan yang menariknya semakin apa ya ke sekarang-sekarang ini banyak mulai
49:30banyak developer orang-orang yang memanfaatkan webkit sebagai base teknologinya contohnya
49:39menggunakan JavaScript Core yang kabarnya lebih cepat biar tidak monopoli V8 juga ini salah satu
49:49yang menariknya adalah dia sudah typescript langsung nggak perlu pakai compiler atau nggak
49:55perlu pakai transpiler jadi bisa langsung nggak perlu install tsc dan lain-lain terus juga ada
50:03beberapa browser yang cukup modern juga nah ada Orion yang saya pernah coba dan sekarang udah nggak
50:11dipakai lagi Orion browser Kenapa Kenapa ya jadi kurang Oke bukan apa ya eh adblockernya mereka kan
50:24ada ekstrem blokker langsung bawaan kan adblockernya itu lumayan agresif jadi kayak YouTube gitu
50:30ditolak sama YouTube nggak bisa play jadinya nampilin video cuma nggak kurang meyakinkan
50:39sih masa googling Orion browser website resminya apa metadata nya nggak diisi jadi tulisannya no
50:47information is available for this page itu berikutnya bikin browser tapi website-nya
50:53data-datanya gak diisi ya eh Orion browser ini di-backing oleh kagikagi ini adalah eh search
51:01engine headlocker Oh ya search engine mungkin itu darah dari mana enggak tahu Oh Zero telemetry
51:14artinya enggak sih ya enggak apa namanya enggak enggak di tracking terus web extension nya bisa
51:23pakai yang punya mozilla dan punya Chrome bukti keren sih bisa dua-duanya itu menariknya sebenarnya
51:32nah dia itu Orion itu 100 free not advertising tapi ada Orion plus itu yang berbayar yang jadi premium ya istilahnya ya ini yang versi bayarnya Nah ada lagi yang saya temukan webkit Oh iya kita lagi ngomongin webkit ada satu lagi yang
51:56lebih modern namanya namanya sebentar lupa Sigma Sigma OS Sigma OS ini mirip sekali seperti art
52:10Oh tapi base-nya webkit tapi base on webkit Oh iya iya ini mirip sekali itu lihat ini ada sebelah
52:19terus ada workspace ya ada workspace terus teps as task jadi tab itu sebagai task manager lah kalau
52:30misalnya Oh ini ada kerjaan ya dia buka-buka tab gitu kan ada split screen juga sama ya
52:37laser saya enggak tahu kalau di art itu ada apa enggak kayaknya enggak ada ya ini kayaknya dia
52:42fitur sendiri ya terus ada enggak juga sekarang sudah harus ada semua semua produk ada yang salah
52:57satu yang menarik adalah dia ada versi ya ada sih yang lain juga ada ya versi simplifying atau yang
53:03kalau dipencet di mood jadi itu berubah-ubahnya ilang semua terus every browsing adblocknya juga
53:17bawaan apa langsung include di dalam jadi nggak perlu install extension
53:21terus fokus mode fokus kode tadi ya read-read apa yang istilah gitu enggak ada tampilannya
53:32sama satu lagi yang lebih kayak si tadi Orion dia bisa nginstal kedua extension baik dari
53:40Firefox ataupun nice ya ii bagus sih kalau itu jadi jadi tren isi extension bisa dipakai karena
53:49base-nya webkit dari Safari yang dapat dapat native kencangnya dari itu kan dari OS nya
53:56kalau dari juga jalan def-toolnya def-toolnya def-tool Safari kurang sih ya
54:06ya kalau buat Dev tetap tetap Chromium buat browsing kayaknya lebih cocok ya udah gitu
54:24kan ya performance laya save bateri special sentience standar field the first ibrowser
54:31ingin ya itu udah biasalah tapi kalau ini gimana Oh bayar premium juga premium juga ada yang kalau
54:41mau pakai query lebih banyak bayar terus interactive summary bayar terus apalagi Advance Oh kalau punya
54:49intinya eh yang dia jual itu cuman ini ya apa eh nya ya berarti ya banyak computer
54:57mana lagi ada ada lagi nggak ada ya udah kayaknya untuk saat ini masih apa ya menyerupai mirip-mirip
55:09seperti art jadi belum ada sesuatu yang spesial yang berbeda dengan art browser nya itu kalau
55:18user ya tapi art juga udah ada kan ada-ada brave udah ada brave juga udah ada Max Max ya
55:27udah pakai art sekarang enggak pakai Opera lagi sudah apa yang pakai Opera Oh Ivan kan
55:38fanboynya Opera?
55:39iya, used to
55:41sekarang udah pindah ke ARK
55:43used to, oh sekarang udah ke ARK ya
55:45iya, satu-satunya hal yang
55:48kalo single OS yang bisa bagus
55:50dek toolnya mungkin gua bisa pindah
55:52cuma lagi nyari sesuatu yang dek toolnya bagus
55:55iya, satu-satunya yang dia jual adalah
55:59yang berbeda dengan ARK ya menurut saya ya
56:02yaitu WebKit
56:04kalo ARK pake Chromium dia pake WebKit, that's it
56:07yang lainnya mirip-mirip masih belum ada perbedaan yang terlalu signifikan yang kayak
56:13killer feature nya lah belum ada killer feature nya masih bisa kita dapatkan bahkan ini
56:19Dev tool nya kurang bagus mendingan ARK lebih bagus. Nah itu WebKit keunggulannya
56:27ya nebeng optimisasi yang kayak baterai saving
56:32betul yang ya yang ini nih nah ini ini dia performancenya yang yang dibanggakan
56:39sama dia sama bisa pakai Apple keychain kan bisa pas keynya juga langsung kan nggak
56:45lewat tool HP atau device lainnya jadi ada perasaan Sigma male Sigma female harus pakai itu ya Iya
57:01jadi ya lumayan ini ya lumayan istilahnya jadi agak bervariasi gitu ada udah mulai banyak tools
57:07yang menggunakan website gitu kalau dulu kan kayak terfokus pada satu hal gitu ya monopoli aja sekarang
57:15udah mulai muncul kayak Bun terus juga ada Sigma ada Orion ada mudah-mudahan nanti bakal ada lagi
57:22yang lain yang berbasis webkit gitu ya cuman yaitu webkit itu kekurangannya devtools nya kurang sama
57:30integrasi ke yang lain kan memang enggak digerak sama sekali nggak ada yang kan dari blognya
57:36Safari atau apa yang enggak pernah ada yang bahas devtools sih kayaknya emang bukan prioritas
57:42Iya mereka lebih ke end user bukan buat developer kali ya
57:47masuknya Safari kan webkit Safari kan kayaknya
57:55kayaknya ya kayaknya
58:01saya lagi pernah kok pakai devtournya sih Safari ya enggak se tidak jelek tapi enggak senyum enak sih
58:14ya karena enggak dioptimize mau sejalan kalau pengen ngecek network request ya ada network
58:21bisa-bisa ngecek apa style elemen panel elemen ada ada cuma enggak enak dipakainya udah lupa
58:34cara buka ya gimana ya ya klik kanan aja
58:42dari setting kalau nggak salah ya ada harus di-enable dulu developer toolsnya
58:56habis itu ya bisa pakai shortcut yang standar
59:01nah coba sambil buka yang apa
59:14webkit blog itu
59:15webkit blog yang tadi
59:18yang newsroom
59:20lebih lengkap
59:22lebih lengkap ya
59:24kalau tadi kan itu pilihannya dia jatuhkan yang yang highlight ya ini yang update dari
59:37Safari beta kemarin salah satunya adalah web.xr karena mereka punya Apple ada jualan
59:44jualan hardware jualan hardware jadi bisa Safari bisa udah bisa jalanin web er VR dan lain-lain
59:55kemudian CSS nya tadi view transition udah kita bahas style query juga udah ini udah saya tuh
1:00:05itu nggak bisa
1:00:10ini apa nih current color terus animating display juga tadi udah
1:00:21kan kuasa pariwinter ini ini Chrome browser yang makromium Karen Karen Oh iya khusus Safari
1:00:32chrome.com bisa-bisa Hai Ayo dong hehehe hehehe karakter ini ini juga menarik nih tuh bisa
1:00:42gini sekarang CSS kontras Oh Sivia mantap soal warna emang oke ya Oh dulu kalau tapi
1:00:57safari 18 ini ya Iya belum belum belum belum belum belum support save in Flexbox yang tadi nah ini kan ada yang ke atas dikit deh ada yang menarik sih yang Shaping Interaction Regions Karena ini implikasinya buat accessibility juga scroll ke atas
1:01:18Ya mungkin bisa dianggap responsiveness, bisa untuk accessibility, atas lagi dikit.
1:01:26Nah itu atas sampai ketemu judul, ya Shaping Interaction Regions, coba zoom in dikit.
1:01:34Nah intinya tap target kalau kita pakai kita kan kebiasa bentuk layar itu tadinya cuma laptop atau
1:01:43desktop habis itu tuh mau saya kita hover ada mausnya ada pointernya apa bisa di mouse over
1:01:50dan lain-lain terus habis itu HP touchscreen nggak bisa di mouse over cuma ya bisa di tap
1:01:56Nah sekarang Apple Vision Pro to tap targetnya anytime user looks at interactive element it's
1:02:04highlighted to let them know that it can be tap atau yang enggak tahu itu bentuknya gimana bukan
1:02:11cuma bilang sebagai desainer atau developer bisa mendesain Bagaimana tampilannya Apakah
1:02:18ada sudo elemennya atau kayak gimana Nah itu tuh ada videonya tuh optimize for the spasial
1:02:27ini maksudnya spesial itu apa ya itu web.ui kalau pakai apa kacamata mahal
1:02:37vision vision Pro vision Pro coba kalau klik kalau tampilannya gimana kalau pakai
1:02:51enggak ngeliatin ya tapi Oh jadi ada ada regionnya ya jadi kayak baton gitu ya terus
1:03:05Apakah jadi bisa distilling pakai CSS atau gimana Nah nggak tahu kalau
1:03:09Oh cstp kayaknya Apple ada rambut corner ada gradient iya iya iya
1:03:18this don't even have to be visible in your top coba kodenya depannya enggak ya Oh gitu
1:03:29jadi kalau lagi buka ada highlight-highlight gitu jadi kita tahu posisi matanya di mana gitu ya
1:03:38tahu bisa diri lebih pentingnya ya tekan gerakin tangan ya kalau nggak salah ya ada kliknya juga
1:03:47kalau enggak gimana juga bisa klik bisa distyling atau dicara warnainya ya nanti lihat pikir itu
1:04:02di bawah ada keterangan enggak ya nggak ada cuma suruh nonton video kita menit keberapa menit
1:04:13keberapa menit keberapa ini ada inspect and debug mereka lagi bangun ekosistem SPA ini kali ya
1:04:26ekosistemnya si visionpro ya er er Oke kita lanjut lagi ya ini tadi udah ini tadi juga udah
1:04:39konten visibility konten visibility kontrol when weather or not an element render its content in
1:04:50fashion state is full to making performance Oh tidak lama ya di Chrome ya tapi webkit baru ke
1:04:56safari18 ya kalau belum perlu dirender Oh ya gendernya akan dirender dulu untuk performance
1:05:04ini akhirnya akhirnya ya dan ini dia kembali ke fitrahnya nih itu dok
1:05:16ya tapi ini make OS ya ini make OS ya Jadi kalau misalkan kita buka Safari kita suka webnya kita
1:05:27dibuka gitu ya kita bisa itu the dog jadi dia seperti aplikasi ikonnya Iya ada manifest file
1:05:37ya PWA lay standar PWA sampai Walker dan teknologi yang lain sampai akhirnya kita bisa customize
1:05:44icon nya bisa cleanup url kalau sebelumnya kan itu nggak homescreen add to desktop Kalau sekarang sudah bisa add to drop
1:05:59Kalau dulu sebelum jamannya PWA itu ada aplikasi tersendiri.
1:06:08jadi kita mau bikin web app supaya ada aplikasinya atau bisa pakai apa ya bisa pakai
1:06:15Spotlight shortcut atau Spotlight gitu bisa muncul itu ada aplikasi sendiri orang yang terparti terparti yang bikin
1:06:23sekarang udah ada udah apa udah include sendiri ya
1:06:32to improvement to web apps on Mac
1:06:35terus bisa bisa buka di aplikasinya edi Chrome pakai scope kayak ini ya kayak Android ya Android
1:06:49eh TWA Chrome Chrome Android juga bisa kok ya ya
1:06:58jadi nama istilahnya adalah scope ya kalau di Android kok nggak salah titik
1:07:072 kan ada apa bla bla bla titik 2 slash kan ya scope di manifest jason web
1:07:13manifest memang itu kan udah standar eh Oh browser apapun bisa pakai extension extension support
1:07:25Safari extension spasial media ini yang berhubungan sama Oke tadi ya Pro ya terus request fullscreen
1:07:36nah ini juga nih yang apa yang sedikit membedakan visi antara Chrome dan juga Safari support untuk
1:07:47media karena kalau di ya di Apple itu pakai heran tarik ulur kalau di Chrome itu mereka lebih pro
1:07:57Afif Iya jadi ini tarik ulur nih berdua nih yang mana yang ketemunya jpeg Excel jpeg jpeg Excel
1:08:06ini apa HTML dan true apa ini coba kita baca inland predictive text on
1:08:22siap-siap buat ai-ai-ai-ai-ai-ai-ai-ai-ai sekarang nggak bisa karena saya nggak di Safari juga enggak
1:08:33di Mac OS ini belum belum ada beneran deh emang mau saya emang udah jalan apa
1:08:40gimana sih coba-coba
1:08:46di chat-chat itu di CMO
1:08:53testing switch control Oh nggak bisa juga suit-suit sini kayaknya khusus iOS ya ini
1:09:04kayaknya bukan di Mac bukan di iOS nggak bisa cek boxnya switch gitu kayak tombolnya
1:09:11berarti pakai custom element mungkin ya
1:09:16custom elementnya dia sendiri
1:09:19now when a user taps a switch control on iphone a single tap is failed
1:09:26just like how toggling a switch fill in setting app
1:09:30oh biar konsisten sama ios
1:09:33ya native iosnya kan udah lama support kan yang switch ini kan
1:09:38sedangkan di browser mereka belum ada
1:09:40akhirnya mereka bikin jidid sekarang udah support juga daytime ya daytime area iso
1:09:51level need but sometimes there's no text label
1:09:54kalau perlu pakai Braille Braille label sama Braille Oh ini buat Oh ini buat diri ya
1:10:13Yes ya tapi kalau accessibility kalau kadang kan ada orang yang usai apa lowvision atau
1:10:21netral tapi pakai pakai yang voice over sama apa sih kayak inputnya juga biasa
1:10:28teks biasa tapi ada yang pakai alat khusus alat khusus tuh kayak nggak tahu lah bentuknya gimana jadi Braille apa Oh ya buat konektor buat berkurve Braille gitu Nah itu khusus writing suggestion belum
1:10:45bisa Safari 18 emang udah sampai 18 belum ya tunggu 18 18 beta watch video without distractions
1:10:54in viewer sport Safari betamek OS Oh selama ini juga bisa dihijrakan buka kayak cerita
1:11:04kalau kita Scroll down atau kita pindah pindah window kalau ini enggak cuma di situ cuma jadi
1:11:12bagus ini yang lainnya digelapin gitu ya ditutup ya kalau ditutup gede jadi model kalau vision
1:11:21kita nggak bisa komen lo ya web artisih support for web artisih hfc ya ini media tadi hehehe
1:11:30pesky itu ya sebuah 22 support for pas kis ground breaking industry standard way to login to website
1:11:43Mereka udah ini ya web tambah mediasen conditional itu loh jadi tambahin Iya bisa di otomatis ngecek
1:11:56kalau misalnya sudah ada credential nya dibuat bisa langsung nggak perlu nanya lagi pakai nggak
1:12:06nanya dia nanya gitu jadi bisa ngecek kalau di di di paskinya sudah pernah buat belum kredensial
1:12:16jadi tinggal pakai Jadi kalau enggak kalau belum buat jangan ditanya gitu loh kalau kalau sekarang
1:12:22implementasinya selalu always munculin pakai enggak pakai ada enggak ada munculin mau pakai
1:12:30paskinya tapi ternyata enggak ada gitu Oh soalnya sekarang juga sehari-hari kayaknya Safari git oh
1:12:40github atau login apapun yang super paski udah lancar-lancar aja ini berarti kalau kasusnya
1:12:47kalau emang belum bikin nih Iya Unicorn characters Oh sekarang bisa bikin gini ya
1:12:56webapi tadi URL pars ya ini buat JavaScript ya terus apalagi nih kanvas
1:13:08will read frequently webgl
1:13:13nggak ngerti ini bikin low-level aplikasi WKW itu kayak versi lebih oke nya dari webview di
1:13:35kalau mau pakai webview pakainya wkwp
1:13:38Apple Pay, Deplication
1:13:43lebih apa ya?
1:13:47lebih baru, lebih optimis
1:13:49ya, ya
1:13:50kalau dulu kan NS Webview ya
1:13:53kalau nggak salah ya
1:13:54NS itu kan Next Step
1:13:56inget nggak Steve Jobs kan begitu dipecat sama Apple
1:14:00dia bikin perusahaan namanya Next
1:14:02untuk bikin komputer kan
1:14:04Nah, terus mereka bikin OS, eh bikin OS, bikin programming language namanya Objective C.
1:14:11Makanya kalau teman-teman belajar Objective C, itu struktur data atau tipe datanya itu pakai NS.
1:14:19Next Step singkatannya. NS something, NS something.
1:14:24Termasuk juga WebView.
1:14:26Dulu ada yang namanya NS WebView. Itu Objective C punya.
1:14:30jadi sekarang yang lebih modernnya wkweb.eu
1:14:36CSS
1:14:41di
1:14:43tuh masih ada khtml
1:14:47masih ada khtml
1:14:51masih bawaannya
1:14:52tapi ini
1:14:52diperketit
1:14:54iya diperketit
1:14:57tapi ternyata masih ada sampai sekarang
1:14:59gitu baru di paketnya sekarang kan cuma samuang samuer pasti ada yang komplain website rusak
1:15:07gede-gede
1:15:09dihapus remove
1:15:16Hai rewes the only browser to even profit support
1:15:19jpeg-2000 kan yang jadi yang balik lagi kan jpeg XL kan
1:15:28project gagal project gagal storage support appcage Safari 4 robot kecing ya webkit deprikated
1:15:52package 2001 remote support terparti user webview now we are removing those exception
1:16:01this change to webkit will only affect the rare web content loaded in older third party apps that
1:16:09have JavaScript code which relies on existing at cash created jadi dipercaya ya catchnya sudah
1:16:15nggak bisa web API keyboard event key location alt graph key apa ini bug fix ya bug fix ya baca
1:16:26sendiri ya teman-temannya tuh wkweb review dipakai di ionic buat the ini ya hybrid buat develop
1:16:39aplikasi hybrid ya?
1:16:41saya pernah baca satu podcast
1:16:44saya pernah nonton satu podcast
1:16:46mengenai
1:16:48webfit ini sih dari orang ipolnya
1:16:53itu yang blog yang tadi itu mulai rutin mereka
1:16:56mereka publish
1:16:57dari semenjak 2 atau 3 tahun terakhir
1:17:00saat mereka mulai mengejar ketinggalan ini
1:17:02mulai ngejar
1:17:03saya lupa tapi nama cewek itu
1:17:05dia leadnya di safari
1:17:08di sintaks FM ya pendengar juga sih kalau disini Oh dia yang dulu dari Firefox enggak sih lupa
1:17:15namanya nah berarti terjawab kan bener kan salah satu programnya dia itu adalah mulai
1:17:23mempublikasikan update-nya mereka dan blog itulah salah satunya berarti kayak kayak bikin apa ya kayak
1:17:33accountability ya tanda kutip sih maksudnya
1:17:36accountability itu publik gitu kayak nih kita bikin ini jadi kayak membuat kultur yang bikin kemajoran kultur yang mungkin di Firefox dirasa cukup berhasil dengan dengan mdn salah satunya kan ya Jadi mereka mau adopsi itu untuk di di Mozilla Mozilla di
1:17:53selalu apa namun itu sintaks usai judul episode-nya seru deh masanya judulnya gini tapi
1:18:01kita pasti langsung ngerti maksudnya buka tuh di private chat Yes Yes Yes Yes bentar nih bener
1:18:10kan Safari is the new Chrome judulnya jadikan apa eh itunya stigmanya Safari adalah ia baru
1:18:22ini sawari adalah Chrome baru safari is the new chrome itu Jane Simon Iya
1:18:30Emang dia mantan ini ya Iya tuh dia dari Firefox
1:18:38Apple evangelist web Safari and webkit member of CSS working group Oh enggak dilihatin coba
1:18:49jadi Mas kodennya ini gimana bacanya sir penuhnya ini miring begini
1:18:57lahirnya masih belum diupdate dong coba masih mozilla ya Oh bener ya
1:19:10Oh dia ada YouTube juga isinya apa layout-lead kes-kes bisa kita undangin dia nih loh Oh iya
1:19:26designer ya dia jadi banyakkan CSM specialist play out specialisnya iya iya iya jen simons
1:19:37berarti bener ya
1:19:46memang kalau kita ngomongin
1:19:49Firefox itu salah satu
1:19:51salah satu yang outstanding
1:19:54beberapa tahun yang lalu itu memang CSS nya ya
1:19:57dan dokumentasinya
1:20:01selama bapak siapa itu
1:20:04yang kita pernah ketemu di Jogja
1:20:05naiman Robert naiman Robert Robert Newman
1:20:10Bapak itu yang update mdn itu biasanya ya the toolsnya juga jadi dulu sebelum bahkan sebelum Chrome kan sekarang udah ada kalau grid atau flex ada itunya ya kita bisa togel
1:20:25apa grid lainnya di layar itu yang adopsi fitur itu dulu Firefox ya makanya tadi kan curiga ini
1:20:36fitur CSS nya banyak update nih jangan-jangan ada ada terjadi transfer pemain ternyata bener kan
1:20:43lidnya malah udah ke Safari jadi ya jelas lah ya ya pemain bentangnya udah dibeli Apple dibeli
1:20:52jadi ya jadi kelihatannya agak berubah Oke ada lagi yang perlu kita bahas kalau pertanyaannya
1:21:02Valery ini kita jawab nanti ya di sesi di sesi khusus belajar Phoenix elixir ya jangan disini
1:21:10ya kayak nggak nyambung mau dong bikin episode karena mau oh kita undang siapa ya kita harus
1:21:22ada undang ini nyala Iya yang ada nggak komunitasnya atau apalah atau yang bikin
1:21:28nanti dicek
1:21:28mas Fahmi
1:21:30siapa?
1:21:33mas Fahmi Riza
1:21:35kalau saya kan itu
1:21:39sebagai
1:21:40pengguna UBI aja
1:21:43belum ada production
1:21:45evangelist gak dibayar
1:21:48evangelist yang belum menguntungkan
1:21:53belum monetisasi
1:21:54sepertinya sudah ya cukup ya
1:21:58untuk malam ini kali ya Cukup lah ya kita ngomong-ngomongin eh Safari mungkin next time
1:22:05kita bisa ngomongin terus lain kita udah ngomong belum udah ngomongin tapi tadi udah ya Iya tadi
1:22:12sih cuman kan belum belum detail atau kita mau itu apa nostalgia bahas live from Mozilla Space
1:22:22kita belum pernah
1:22:24oh iya
1:22:27pernah gak sih?
1:22:27pernah
1:22:28belum
1:22:29coba aja
1:22:32ada cuman sekilas-sekilas gitu
1:22:37eh ada ya
1:22:40ada episode 38 udah lama banget berarti harus refresh yaudah ngobrolin update ngomongin lagi episode 38
1:22:52bahas Ionic
1:22:53kita ngomongin apa? Ionic
1:22:55itu
1:22:57kata mas Bahyu
1:22:59oh iya
1:23:00ini Bahyu memang dia
1:23:03fanboynya Ionic
1:23:05apa yang mau kita bahas dari Ionic?
1:23:08Bahyu jadi
1:23:08jadi apa jadi narasumber boleh ya Oh ya dong sama mas Imre mas Imre nanti kita coba ya bahas Cloud
1:23:21kita kapan bahasa apa yang Imre kira-kira bahasa adek Cloud infrastructure bahas ini bahas langsung
1:23:31langsing ionic stencil itu kayaknya belum dibahas ya stencil itu berarti web komponen framework bukan
1:23:40library kan library ya Wow banyak yang mau cloud bukan framework sih kita mau bahas cloud
1:23:50lagi gimana cara deploy web gitu ya pakai gimana cara hindari hindari belum ngedap itu juga penting
1:24:02Oh iya apa namanya The economics of Cloud Coba firebase ada yang seru firebase firebase firebase
1:24:14jengkit, app hosting
1:24:16dan itu kan masih nyambung sama web ya
1:24:18soalnya app hosting
1:24:19oke oke oke
1:24:24baiklah kalau begitu
1:24:25untuk malam hari ini
1:24:28kita udahan dulu ngomongin safarinya
1:24:31mudah-mudahan
1:24:32minggu depan kita bahas hal-hal yang lain
1:24:34jangan lupa
1:24:36masih ditunggu di kesana.in
1:24:38slash ngobrolin web
1:24:39itu github discussion jadi teman-teman bisa
1:24:42post apa aja di sana termasuk juga saran kritik atau saran resumber boleh nanti kita pantengin ya
1:24:50untuk malam ini sekian dulu Terima kasih banyak bahas DevTool Oh udah episode 38 Iya cari aja di
1:25:00playlist ya Sekian dulu Terima kasih banyak Selamat malam Selamat istirahat sampai jumpa minggu bye bye
1:25:12Terima kasih.
Suka episode ini?
Langganan untuk update episode terbaru setiap Selasa malam!
Episode Terkait
30 Jun 2025
Web Interop & Baseline - Ngobrolin WEB
🗣️🕸️ Selasa malam waktunya #NgobrolinWEB! Malam ini kita akan membahas tentang web interop dan baseline. Masih bersama...
20 Feb 2024
Ngobrolin Interop 2024 - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...
18 Mar 2025
Ngobrolin Keamanan bareng @mazipan - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...