 Orang-orang yang mempunyai sebuah heketon super-cili Orang-orang yang mungkin saya dengar adalah Heketon yang lain yang dipanggil Stupid Heketon Sebelumnya ia datang dari sana Jadi Jadi ia seperti Jika anda mencari Stupid Heketon di Google Ada banyak orang di seluruh dunia Dan tiada orang di sini Ada orang di Thailand Jadi di region ini, tidak banyak Heketon cili Jadi biar saya berjalan ke sini Jadi Saya ada di Twitter Tolong ikut saya Tolong, okey, apa pun Jadi anda boleh pergi ke website www.super-cili-heketon.sg Jadi jika anda boleh cuba di telefon Ada sesiapa yang mengambil telefon sekarang? Justi cuba Ya, serius saja cuba Jadi Jika anda tidak dapat melihatnya dengan baik Jadi ia seperti, saya mengambilnya untuk anda Jadi www.super-cili-heketon.sg Jadi anda mungkin melihat Tunggu, perlihatan terlihat Sangat keras, telefon terlihat Sebenarnya, perlihatan terlihat Seperti itu Saya mengharapkan cara itu Kerana Anda akan menjelaskan hidup anda Seperti itu, apabila anda melihat telefon Atau anda menjelaskan telefon anda Ya, apabila Ya Jadi untuk membuat diri anda nampak mudah Ya Jadi Jika anda cuba sekarang Jadi untuk kamu semua Jangan mengambil telefon dan cuba Saya akan membuat ini untuk anda Jadi, anda dapat melihat Apabila anda meletakkan Ia meletakkan Diagonally Saya seperti, sepatutnya saya melakukannya Kerana, anda tahu, websites Ia selalu Vertikal Ada beberapa orang Seperti sedikit Seperti mereka melakukannya Di horizontal Meletakkan websites Ia juga ada websites seperti ini Bukan selalu, tetapi Ada beberapa orang Jadi saya seperti Ini sangat menakutkan Vertikal, horizontal, kenapa tidak diagonal Jadi, baiklah, mari kita melakukannya Jadi, ia sedap Ia berfungsi Ya Saya tidak fikir Orang-orang anda pernah melihat ini Seperti Meletakkan diagonal Seperti Ya Jadi, ia sedap Menarik bagaimana Saya membuat ia berfungsi Ya Jadi Saya juga membuat Web site dan logo Untuk mempunyai hackathon super-serial Selain t-shirt Mascat Mascot Mascat Ya Dan Logos yang lebih kecil Dan semua Ya, segala-galanya Jadi, ia seperti Ya Saya membuat, saya melakukannya Saya Membuat CSS Semuanya Ya Jadi, saya fikir Satu-satunya pertanyaan yang orang minta saya Apabila mereka melihat ke sisi Ia seperti Bagaimana saya melakukannya, betul? Ia seperti Ia seperti Sangat sedap Dan susah pada masa yang sama Ya Okey, segala-galanya Jadi Satu-satunya anda tahu, kan? Ia seperti ini Ia seperti sangat mudah Ia seperti Jika anda melihat Web site, anda mungkin fikir Okey, ia berubah, rotasi Negatif ke-15 Magic nombor 15 Saya tidak tahu kenapa Tapi Jadi, ia seperti Ia bukan 30 Ia tidak cukup menakjuban Dan tidak terlalu menakjuban Jadi, sebaik saja Ia akan menakjuban seperti itu Jadi, jika ia menakjuban terlalu banyak Ia mungkin akan menakjuban, kan? Ya Jadi Tapi sebenarnya, ia lebih Ia lebih mudah Ya Jadi Saya meletakkan sebuah page Jadi, ia berlaku Oh, oh Tuhan Seperti Dengan keadaan CSS Transform Ia di tengah-tengah Jadi, jika saya meletakkan sebuah page, kan? Kemudian Bada rupanya, ia seperti sebuah pakaian Ia seperti sebuah pakaian Anda sebenarnya tidak dapat melihat apa-apa Jadi Ia seperti Tidak ada yang dapat melihat konten Dan saya meletakkan sebuah pakaian Dan saya seperti Saya meletakkan keadaan CSS Dan kemudian saya hanya dapat melihat keadaan tengah-tengah Jadi saya seperti Bagaimana saya melakukan ini? Ia seperti Okey Jadi Jika beberapa anda baik di CSS Anda akan tahu bahawa Oh, saya harus bergerak di sana, kan? Mari kita meletakkan di sana Kemudian apabila saya meletakkan Dan kemudian anda akan melihat bahawa Tidak di bawah sini Ia semua terlambut, kan? Jadi, tunggu Bagaimana saya melakukan ini? Jika saya meletakkan Dan tidak melihat apa-apa Orang saya meletakkan keadaan Kerana anda akan meletakkan keadaan keadaan Semua pakaian akan menjadi sangat besar Kemudian Anda dapat meletakkan Jadi ia seperti Banyak perkara yang menarik apabila anda meletakkan keadaan Jadi ia seperti Bagaimana saya meletakkan ini? Jadi, saya telah meletakkan beberapa keadaan Saya akan meletakkan keadaan Bukan semua mereka Yang terakhir adalah sedikit berbeza sekarang Ini adalah yang pertama Jadi, saya Pertama pertama adalah Meletakkan keadaan keadaan keadaan Jadi, seperti anda tahu Pertama, anda perlu faham Keadaan keadaan keadaan, kan? Jadi, saya akan meletakkan keadaan keadaan ini Jika anda meletakkan Bagaimana saya meletakkan Jadi, saya sangat suka keadaan ini Ia adalah satu keadaan yang sangat mudah Untuk melihat bagaimana ia berlaku Jadi, kita akan menolak ini Dan saya akan meletakkan Dengan keadaan Bagus, kan? Ia di tengah-tengah Dan kemudian, jika anda meletakkan keadaan keadaan Untuk seperti 20 pixel X 70% Y Seperti, anda tahu X, Y Jadi, ia seperti, oh, anda meletakkan Di sekitar itu Jadi, jika ia telah meletakkan keadaan keadaan Di atas, anda meletakkan keadaan keadaan itu Jadi, ia seperti, okey, anda dapat, kan? Jadi, keadaan terhadap keadaan Di mana ia berlaku Jadi, mari kita balik Jadi, apa yang saya lakukan Ini adalah keadaan pertama Jadi, jika anda meletakkan keadaan Saya meletakkan keadaan keadaan Bagus, kan? Paling orang bertengah Diadaan lainnya Saya perlu meletakkan keadaan keadaan Di bawah Saya bertengah keadaan keadaan Apa yang berlaku? Jadi, ia seperti, sangat mudah Apabila ia adalah javascript, cualquier cara Bagaimana javascript? Saya tidak akan menunjukkan kodi Sebaik daripada ini Javascript berlaku Apa cita javascript? Sejujurnya Jadi, ia seperti, oh, okey Jika saya meletakkan, saya tahu kawasan, seperti, saya hanya bergerak ke atas keadaan. Itu saja. Dan tiba-tiba, you know, bahagian-bahagian tepung. Sebenarnya bergerak ke atas keadaan. Jadi, seperti, itu berlaku, itu berlaku, itu sangat mudah. Ya, jadi pro-nya sangat mudah. Tetapi sedikit kecil, sedikit kelihatan. Ya, ia merasa kelihatan. Seperti jika anda melakukan CSS, betul. Ia sangat kelihatan untuk mengalami keadaan keadaan. Ya, ia seperti, saya tidak tahu, ia hanya merasa terdapat. Dan kemudian, ia masih seperti bahagian yang terdapat keadaan keadaan. Ia seperti semasa anda meletakkan peringatan, sebuah kaki jauh bergerak, dan kemudian, keadaan keadaan keadaan semasa dalam cara yang sangat terdapat, saya tidak tahu pun. Kemudian, apakah yang akan berlaku dengan menangis? Dan akan berkata, oh my God, ya, banyak-banyak perkara untuk diperjumpa. Jadi, saya seperti, ok, mari kita melakukannya dengan cara yang lebih benar. Jadi, saya melakukannya bergerak. Jadi di CSS Transform, anda dapat menghubungi X yang seperti horizontal Jadi saya hanya ingin bergerak ke jalan-jalan, betul? Jadi okey, bagus, menghubungi X memaksa senjata Memang menghubungi X memaksa senjata, betul? Dan beberapa maf, okey? Okey, ada link di bawah sana jika anda tidak tahu menghubungi Jadi saya melakukan sedikit maf Saya mengambil sebuah notebook Saya mengambil beberapa pencetakangan Dan kembali ke sekolah primary Saya tahu apa sekolah Kemudian saya melihat mengapa saya mempunyai Apa yang ini disebut sebenarnya? Pythagoreum? Pythagoresteurum? Jadi saya menghubungi maf yang cukup berguna Okey, jadi ini adalah masalah Bergerak ke bawah dan bergerak, mudah Bergerak ke bawah dan bergerak Terus, bergerak ke bawah, bergerak ke bawah Kerana ia di tengah Ya, bergerak ke bawah Bergerak ke bawah, bergerak ke bawah, bergerak ke bawah Baiknya di sekeliling Tetapi ia seperti sepanjang Jadi saya menghubungi Apabila saya menghubungi Saya merasakan bahawa Melayu X terhadap Bagaimana keadaan keadaan Jadi saya menghubungi keadaan keadaan Bagaimana keadaan keadaan keadaan Jadi jika saya menghubungi X Sebenarnya ia bergerak ke bawah Jadi saya mahu ia bergerak ke bawah Tapi ia bergerak ke bawah Saya seperti, okey Ini seperti sedikit lebih maf sekarang Okey, jadi lagi Lihat ini Dan kemudian Ya, jadi Ya, jadi S adalah kiri M seperti Bergerak ke bawah Jadi saya perlu tahu berapa saya perlu menghubungi Berapa saya perlu menghubungi keadaan ke bawah Bersama berapa saya perlu menghubungi Dan kemudian Tita 15 degrit kerana saya menghubungi saya Jadi saya tahu kisahnya Dan kemudian, bagaimana dengan ini? Okey Jadi saya seperti, okey, seperti ini Saya rasa segera seperti ini Jadi ia seperti, oh X Jadi untuk menghubungi keadaan ke bawah saya Sebenarnya ia bergerak Saya perlu menghubungi keadaan ke bawah Kemudian seperti itu Okey, jadi saya perlu tahu X dan Y Jadi dengan semua formula ini Magik berlaku, okey Ia bergerak sama Ia bergerak sama seperti keadaan keadaan keadaan Sekarang saya menunjukkan Ia bergerak sama Jadi saya seperti, oh cool, semua kisah ini Ia bergerak Jadi saya quite proud Sebenarnya saya ingin menunjukkan semua orang Hei, saya boleh melakukan kisah Tapi Tapi ia masih kecil Sebenarnya ia kisah Ia masih kecil Ia masih memiliki keadaan keadaan keadaan keadaan keadaan Apabila saya menunjukkan Saya boleh melakukan kisah Tetapi saya masih belum berada Dan kemudian saya mempunyai Pertama-tama saya mempunyai Jadi saya menghubungi Ketikaan keadaan keadaan keadaan Untuk keadaan keadaan Jadi saya melihatnya Bersia-sia kerima yang bergerak Saya mem pallim yang lain Jadi saya tidak perlu melakukan daunan Seber Así saya 골�ap Selepas ini, saya rasa sedap. Jadi saya kata, okey. Apa kata? Jadi, ia mudah. Saya dapat menghidupinya jika saya mahu. Dan sejak saya ada hari yang lain, saya dapat menghidupi bahagian saya dengan overflow. Jadi saya ada lebih banyak kontrol tentang hal ini sekarang. Jadi saya dapat menghidupi segalanya. Saya dapat menghidupi semua bahagian jika saya mahu. Tetapi... Untuk sebabnya, tetap sedikit. Sebenarnya sedikit. Dan saya tidak tahu sebabnya. Jadi ia melakukan dengan baik pada aplikasi mobil. Tetapi dengan baik pada aplikasi desktop. Jadi ini adalah perkara yang menarik bagi saya. Kerana mobil telah menghidupi bahagian saya. Tidak begitu kuat sebagai aplikasi. Tetapi ia melakukan lebih baik pada aplikasi mobil daripada aplikasi desktop. Jadi itu sangat menarik. Jadi pada aplikasi mobil jika anda mencuba, ia sangat mudah. Saya kata, oh my god. Ia sangat bagus. Di aplikasi mobil, ia seperti lag. Jadi ia seperti bermain permainan dengan jauh. Terlalu rendah per sekand. Terlalu rendah. Ia seperti... Ia seperti... Berhenti, berhenti, berhenti di sana. Saya kata, sesuatu yang sangat salah di sini. Saya tidak faham kenapa. Jadi ini adalah pada aplikasi mobil. Jadi apabila saya meletakkan, ia bergerak ke lorong-lorong. Dan bergerak ke lorong-lorong. Jadi ia sangat menarik. Jadi pada aplikasi mobil, sebenarnya pada aplikasi mobil lebih baik. Di aplikasi mobil, ia seperti ini. Jadi saya kata, oh, ini sangat teruk. Saya kata, apa yang berlaku di sini? Ini sangat menarik. Jadi... Kemudian orang beritahu saya, boleh beritahu saya ini? Jadi... Pada aplikasi mobil saya, untuk setiap meletakkan, semuanya seperti menggantikan. Makanan saya mati. Kemudian saya menggunakan aplikasi mobil, dan meletakkan lorong-lorong. Saya kata, hmmm... Okey. Kerana aplikasi mobil ini tidak bergerak, meletakkan di lorong-lorong. Ia membuat lorong-lorong yang sangat kuat. Jadi lorong-lorong yang sangat kuat sekarang. Jadi saya kata, hmmm... Okey, ini... Okey. Sebenarnya lebih teruk, kan? Ia berubah. Okey, masa bekerja. Jadi saya bekerja. Seperti yang berlaku, perkara ini disebut scroll jank. Ia berlaku sejak 4 atau 5 tahun lalu. Ya. Jadi jika anda cuba mencari termanya di Google, scroll jank, tiada siapa sebenarnya mencari termanya. Jadi saya kata, tiada siapa sebenarnya mencari termanya di scroll jank. Kemudian anda selalu melihat di komentar, orang seperti, apa yang berlaku di scroll jank? Tiada siapa yang beritahu saya apa yang berlaku di scroll jank. Jadi ini seperti sesuatu yang saya mendapat dari pakaian ini. Jadi ia seperti jika anda mencari pakaian, dan kemudian ada sebuah peraturan bahawa pakaian tidak memasukkan angkut pada tangan anda. Ia disebut scroll jank. Jadi ia seperti jika anda mencari, ia tidak memasukkan tangan anda, atau tidak memasukkan muka anda. Jadi ia seperti... lag, jank. Okey. Jadi saya mencari, saya mencari tentang perkara ini. Jadi ada perkara ini, perkara ini baru yang dipanggil Passive Event Listeners. Ini seperti javascript sekarang. Jadi anda boleh mencari semua perkara ini. Jadi, ia bermula dari Chrome, saya rasa... ya, dan ia sekarang di default. Ya, dalam satu versi Chrome. Jadi apa yang mereka lakukan adalah mereka membuat seperti event scroll passive. Seperti passive. Jadi setidaknya, setidaknya apabila anda mencari, pakaian anda akan mencari, ayo, ayo mencari pakaian anda dulu, kemudian anda mencari. Jadi itu apabila ia menjadi sederhana. Jadi ia mencari dua perkara pada masa yang sama. Jadi sekarang ia seperti, mereka mencari pakaian anda sudah. Jadi ia seperti, pakaian anda akan mencari atau mencari, saya akan mencari. Jadi Passive itu seperti itu. Jadi anda boleh mencari lebih, sebenarnya dokumen ini sangat lama, sangat lama. Jadi ia seperti, saya tidak akan menunjukkan ini. Kemudian ada pakaian yang mencari. Banyak pakaian yang mencari ini sekarang. Kemudian, Firefox sendiri mempunyai perkara sendiri disebabkan Async Pan Zoom, yang sekarang digunakan dalam Quantum Firefox. Jadi, jika anda mencari Quantum Firefox sekarang, ia sangat mudah. Jadi apa yang mereka lakukannya adalah, jadi itu adalah pengalaman, seperti mencari, ia berkumpul dari pakaian javascript. Jadi, sekarang, pakaian tidak sangat peduli tentang pakaian anda lebih serius, seperti, ia hanya mencari, seperti, ia seperti pakaian javascript. Saya tidak peduli tentang pakaian pakaian anda lebih serius. Jadi ia berkumpul, dan kemudian, jadi bagaimanapun, anda dapat seperti, seperti anda tahu, pakaian anda akan menjadi seperti sederhana, tetapi, pakaian anda masih tidak peduli. Ya, bagaimanapun. Jadi, kemudian ada perkara baru ini, disebabkan Animations Worklet. Jadi, jadi terlihat seperti, pakaian ini, pakaian ini, mereka, mereka membuat, seperti, seperti, seperti animasi web, ada link untuk pakaian anda, timpang. Mereka disebabkan timpang, sebabnya. Jadi, tiba-tiba, pakaian anda, boleh menjadi pakaian anda, untuk pakaian anda. Jadi, anda tahu, pada web ini, mereka ada banyak, seperti, apabila anda meletakkan, banyak pakaian yang berkembang, jadi, pakaian anda, pakaian anda untuk pakaian anda sekarang. Seperti, seperti, seperti, seperti, apabila anda meletakkan video, pakaian di bawah, Потомуkan, seperti, seperti, Sekarang, anda dapat mendefuhi animasi staff, appears aplikasiif, dan,kan aplikasiif ber potrzebu untuk anda. Dan, anda boleh mem nominees CSS. Saya seperti, seperti, Wah, Ini dia, baik! Dan, Ya, dan, ia seperti, aplikasiif akan dig chatter yang ber Chrys bu, dan ia seperti, segera. Jadi, itu prison. Saya seperti. Ok, Ok, okey. Saya berharap itu adalah masalah. Saya berharap browser adalah mengenangkan kode saya dan kemudian membuat hal kecil, bukan? Tetapi sebenarnya tidak. Jadi, ada sebuah property CSS yang dipanggil WillChange. Jika sesiapa di sini tahu WillChange, WillChange, ok, tiada siapa tahu WillChange, ok. Jadi ini adalah sebuah baru... Sebenarnya, ini adalah sebuah awal. Ya. Ia telah telah diberikan pada masa. Jadi, WillChange, ia seperti anda beritahu browser bahawa, oh, saya akan mengenangkan property ini. Boleh anda mengoptimise bagi saya? Ya. Kemudian browser akan berkata, ya. Jadi, ya. Jadi anda boleh beritahu browser untuk mengenangkan apa-apa. Seperti anda... browser berkata, saya tidak tahu, membuat beberapa optimisasi, membuat beberapa frame di depan animasi atau sesuatu seperti itu. Jadi itu sangat bagus. Tetapi, saya menggantikan ia pada website Hackathon SuperCity saya. Kemudian ia memberi saya sebuah awal. Ini adalah Firefox. Jadi ia berkata bahawa, saya mempunyai konsumtion yang terlalu tinggi. Limit perjalanan adalah perjalanan kawasan dokumen menggantikan 3... 40... 400,000 pixel. Jadi saya seperti, apa ini? Ok. Jadi ia berkata, mereka mempunyai limit. Jadi anda tidak boleh seperti, menggantikan perjalanan kawasan dokumen untuk apa-apa. Jadi anda tidak boleh beritahu, seperti browser, boleh saya beritahu perjalanan kawasan dokumen untuk setiap property untuk setiap element? Boleh tidak. Kerana itu terlalu banyak untuk browser untuk mengenangkan. Jadi... Kemudian saya membaca ini pada pakaian lain. Jadi salah satu perkara adalah, untuk menggantikan kawasan dokumen atau sebuah kawasan dokumen. Jadi ia seperti... ia seperti pro tip. Jadi ia seperti, apabila anda membuat kawasan dokumen dan kawasan dokumen, pastikan ia tidak terlalu banyak. Anda tidak membuat banyak perkara pada masa yang sama. Dan tidak membuat banyak perkara, banyak kawasan dokumen pada masa yang sama. Jadi ia seperti... itu seperti pro tip. Jika anda mempunyai seperti 60fps website, tidak membuat banyak perkara. Ya. Sekurang-kurangnya, jika perkara ini tidak bergerak, pastikan ia tidak mempunyai kawasan dokumen. Ya. Jadi anda perlu seperti, membuat banyak kawasan dokumen, membuka konsol, melihat kawasan dokumen, ya, banyak perkara. Dan kemudian saya seperti, melihat kawasan dokumen. Kawasan dokumen ada area yang sangat kawasan, kerana kawasan dokumen mempunyai kawasan dokumen itu, apabila anda meletakkannya, kawasan dokumen hanya... ada untuk mendapatkan segalanya. Dan kemudian saya mempunyai kawasan dokumen itu sendiri. Jadi ia seperti... mempunyai kawasan dokumen. Jadi semua kawasan dokumen yang baik itu, saya akan mengalami semua kawasan dokumen. Mereka beritahu untuk mengalami dan mengalami semuanya. Mereka beritahu untuk mengalami, hanya sesuatu-satu perkara, mengalami segalanya. Jadi saya berkata, okey, ini lebih susah. Jadi pada akhirnya, sebenarnya, saya tak tahu apa yang saya lakukan. Ia berlaku sekarang. Saya masih cuba mencubanya bagaimana untuk mempunyai pakaian ini. Ada beberapa perkara yang saya ada dalam fikiran saya, tetapi saya perlu cuba dulu. Jadi, ia masih seperti... Jadi, jika beberapa orang tahu cara untuk mengalami, kerana jika anda melihat pakaian ini, bagaimana anda mengalami itu? Tetapi, saya belajar sesuatu yang baru, saya belajar banyak perkara, saya belajar banyak perkara yang baru, dan bagaimana perkara yang orang berlaku untuk membuat ini? Ya, terima kasih.