 Hai, semua. Nama saya Ken. Hari ini, saya akan bercakap tentang CSS dengan kepercayaan. Sebelumnya, saya akan memperkenalkan siapa saya dulu. Saya adalah kohorganisator kedua-dua generasi KopeeJazz dan MiloDinosaur. KopeeJazz dan MiloDinosaur, kami melakukannya sepanjang bulan. Ia hanya sebuah versi minyak gig branch yang mempunyai pembangunan, pembangunan, network, chitchat, Slack dan Tokkok. Itu kohorganisator kedua-dua generasi KopeeJazz. MiloDinosaur sebenarnya adalah sebuah grup javascript belajaran yang saya pernah melakukannya pada tahun 2016. Sekarang bukan begitu banyak kerana saya sibuk dengan bekerja. Jadi apa yang saya lakukan pada bekerja? Saya adalah pembangunan web di Straits Times. Saya adalah pembangunan web di Straits Times. Sesetengah perkara yang saya lakukannya, seperti mencubanya, mencubanya dan sebagainya. Maksud saya, saya melakukannya untuk Christmas pada tahun 2016 dengan warna juri dan warna blu. Kita juga melakukannya pada pilihan US. Kita juga perlu melakukannya dengan bekerja web. Maksud saya, ini adalah perkara yang saya lakukannya setiap hari pada Straits Times. Straits Times adalah perjalanan web yang telah diperkenalkan oleh Pembangunan Melayu dan Indonesia. Jadi banyak orang mencubanya dengan perkara yang kita lakukannya setiap hari. Dan sebab itu, kami selalu melihat perkara yang kita lakukannya. Kita perlu pastikan bahawa perkara yang ditutupi dengan baik atau tidak akan dikatakan. Selain disebabkan, kita perlu pastikan bahawa ia berpembuang. Jadi ia perlu berfungsi dengan pelajaran di internet. Jadi ini adalah perkara yang kita lakukannya setiap hari. Kita perlu melakukannya setiap hari. Tapi kadang-kadang, CSS adalah perkara yang sangat kecil yang anda akan melakukannya tanpa anda tahu. Macam mana anda akan melakukannya? Mungkin anda akan mengubah fontan yang digunakan, seperti ini. Dan kemudian anda tidak tahu bahawa, Sebenarnya, ia berfungsi untuk perkara yang anda lakukannya, tetapi ia berubah di sesuatu yang lain pada pilihan lain. Jadi kami akan melakukannya. Jadi perkara yang saya lakukannya setiap hari Straits Times Pernahkan yang banyak penontonan dan penontonan dari website. Dan sebagai penjaja baru, saya sangat risau. CSS saya menerima betul-betul sesuatu yang saya belum tahu. Jadi saya fikir saya sangat risau. Dan perkara yang saya tahu adalah, pada hari-hari saya, sejumlah sepanjang hari saya mencari Twitter. Twitter adalah fitur saya untuk Straits. Dan semua jenis kebanyakan dan perjalanan pada CSS, JS, sebagainya. Jadi saya menyebabkan jika ada 2-12 plus, ia berlaku di belakang saya ketika saya mencari. Sehingga 2016, April 1st, April Fools' Day, tetapi ini bukan April Fools. Ada sebuah post ini untuk otomating CSS regression testing. Dan saya berkata, Okay, ini nampaknya sesuatu seperti ini. Jadi saya mencari, mencari. Dan saya melihat perkara seperti itu. Woh, ia seperti, jika saya berubah sesuatu, jika saya menerima sesuatu kebanyakan otomation, ia boleh menyebabkan kepada saya, oh, apa yang telah berubah? Saya boleh menyebabkan kebanyakan otomation yang saya boleh mempunyai. Jadi saya berkata, okay, ini keren. Saya harus mencari. Jadi, okay. Jadi mari kita mencari. Jadi, ini yang saya akan menunjukkan kepada anda. Jadi jangan risau, ia bukan hanya akan mencari. Jadi mari saya mencari terminu. Jadi di sini, saya sudah memasangkan minit MPM. Jadi, jadi, mari saya menunjukkan perjalanan web dulu. Ini adalah perjalanan web. Okey, yang ini sebenarnya dibuat oleh Chi-an, yang adalah penjaja-penjaja KopeeJS, seorang senior saya. Dan dia mempunyai perjalanan yang sangat baik untuk membincangkan tentang kopi asyik. Tidak, dengan beberapa perjalanan suhu, air, milk. Mereka juga mempunyai kopi, atau kopi. Mereka mempunyai bagaimana milk yang anda memilih. Bagaimana perjalanan kopi? Dan bagaimana suhu ini? Anda tahu, ia memberikan anda nama yang lama, yang saya tidak pernah mengetahui, saya tidak pernah mengetahui, kerana untuk saya, okey, menjelaskan semuanya untuk saya dan Orderah. Hanya kopi. Ya, jadi, jadi, dengan ini, saya belajar banyak dari visualisasi ini. Jadi saya sangat mengalami. Jadi, hari ini kita menggunakan ini, sebagai sebuah demo, kerana hal yang penting adalah, mari kita jelaskan, saya cukup berat untuk memasangkan PR untuk dia. Sebuah perjalanan, okey, salah satu perkara yang saya percaya adalah, oh, kopi kopi tersebut terserah. Boleh saya membuatnya kecil? You know, seperti memasangkan perjalanan kopi, sesuatu seperti itu. You know, jadi, tapi saya tidak mahu memandangkan kopi kopi dan memasangkan sesuatu yang lain. Jadi, saya mungkin dapat menggunakan ini untuk membantu saya. Dan, yang saya akan menunjukkan nanti. Saya membuat satu yang lebih mudah, yang seperti mengubah perjalanan kopi tersebut terserah. Jadi, okey, bagaimana saya membuat ini? Jadi, ini adalah website saya, saya memasangkan ini, saya memasangkan ini pada disk saya. Dan, jadi, MPM perjalanan, setiap perkara di sini, setiap perkara di sini. Jadi, pertama perkara, adalah untuk memasangkan paket ini. Ketua ini, yang memasangkan test CSS Automation. Jadi, sebenarnya, memasangkan perjalanan. Github ini di sini, Backstop.js. Dan, jika saya memikirkan instruksi yang mudah, okey, MPM perjalanan. Saya membuat sedikit perjalanan, kerana saya faham bahawa, jika saya memasangkan setiap perkara di global, saya akan memasangkan ke situasi di mana saya meminta perjalanan yang berbeda untuk perjalanan berbeda. Jadi, saya membuat sebuah perjalanan. Jadi, ini yang saya membuat. MPM memasangkan Backstop.js. Saya memasangkan perjalanan. Saya memasangkan setiap perkara. Okey, jadi, kita memasangkan. Mari kita lihat bagaimana cepat koneksi internet di sini. Saya memasangkan MPM. Ya. Okey, masih okey. Tapi, okey, jadi, perkara yang memasangkan, saya akan beri anda sebuah perjalanan. Ini kembali pada tahun 2016. Paket Tia bukan kembali kemudian. Apa yang enak tentang ini, adalah dua anak-anak ini sebenarnya sepatutnya sepenuhnya. Sekarang, dia sebenarnya memasangkan Paket Tia, yang adalah perkara yang sangat baru Fanggop.js yang saya perlu belajar dan memasangkan. Tapi, saya rasa ia sangat bagus. Kerana, kemudian, ia tidak berfungsi dengan baik. Saya memasangkan Slimer.js, yang lain yang lain. Okey. Jadi, saya memasangkan. Saya memasangkan masak yang memasangkan, Yen. Yen boleh memasangkan. Jadi, saya sudah memasangkan masak sebelumnya. Okey. Ia sebenarnya di sini. Okey. Jadi, saya akan menunjukkan paket.js. Okey. Jadi, di sini, saya juga memasangkan beberapa ekstra skrips. Okey. Jadi, saya memasangkan backup.js di sini. Saya juga memasangkan, perkara itu, saya memasangkan lokasi. Jadi, saya perlu memasangkan langkah ini untuk memasangkan JS. Jadi, saya memasangkan backup P supaya saya dapat memasangkan jika saya memasangkan. Jadi, mari kita memasangkan perkara sebenar yang adalah CSS. Jadi, okey. Sebelum kamu sebenarnya memasangkan, sebelum kamu sebenarnya memasangkan sesuatu yang kamu perlu memasangkan adalah, kamu perlu memasangkan kit kedua. Dan apabila kamu memasangkan kit kedua, kamu akan memberikan backup Json, yang sebenarnya, untuk contohnya, yang kamu mahu memasangkan. Jadi, untuk saya, yang biasa adalah tablet-tablet dan sos. Dan, kamu perlu memasangkan mana yang kamu mahu memasangkan. Jadi, saya memasangkan lokasi yang saya memasangkan sebagai lokasi. Dan, sebenarnya, itu saja. Kamu hanya perlu memasangkan sesuatu yang ini memasangkan apa yang kamu mahu memasangkan, seperti sebuah sisi. Dan, UIL. Dan, itu saja. Sebelumnya, sebenarnya, pada rancangan pertama, perkara tentang saya adalah apabila saya memasangkan kit kedua, saya mahu melihat kecewa-kecewa supaya dapat memasangkan kecewa-kecewa. Jadi, ini sebenarnya, semua yang kamu perlukan. Saya akan memasangkan sesuatu CSS, yang sebenarnya, jadi, item ini. Jadi, perkara ini, saya mahu memasangkan, lebih sedikit. Sekarang, saya tidak tahu apa yang saya mahu memasangkan untuk ini, tetapi saya hanya mahu memasangkan, mari kita lihat apa yang saya mahu memasangkan untuk ini. Saya rasa ini hanya disebabkan normal. Saya tidak menunjukkan perkara ini, saya hanya mahu memasangkan, normal, kawasan. Jadi, saya hanya mahu memasangkan, kawasan kawasan kawasan, untuk di depan itu. Ia seperti, kawasan kawasan kawasan, hanya memasangkan sedikit, memasangkan lebih berkesan. Mari saya mengambil kawasan saya, yang saya sedang memasangkan sebelumnya. Saya hanya akan memasangkan di bawah, hanya sebelum kecewa-kecewa. Saya akan memasangkan di sini. Okey. Saya akan memasangkan, saya akan memasangkan. Okey. Ia akan sangat sedap, tetapi cuba melihat jika ada perbezaan. Ya, ada sedikit perbezaan. Ada sedikit perbezaan. Ya, ya. Okey. Jadi, mari kita lihat. Tunggu. Saya mengambil satu perjalanan. Saya memasangkan sedikit, lebih berkesan, untuk menunjukkan perkara ini dulu. Bersama saya, perkara ini, sebelum kamu membuat perubahan, kamu perlu memasangkan perkara ini dulu. Bersama saya, perkara NPM, perkara Backstop, perkara Reference. Okey. Sebenarnya, jika kamu semua, mari kita memasangkan, supaya semua orang dapat melihat. Kamu tahu. Sebenarnya tidak. Okey, perkara NPM, perkara Reference. Okey. Jadi, kita akan mulai membuat perkara Reference. Kamu perlu memasangkan perkara ini dulu. Sebab sebelum kamu dapat membuat perubahan, kamu perlu memasangkan perkara ini dulu. Dan itu saja. Saya telah membuat perkara Reference. Sebenarnya, dalam saya, seperti ini, ia akan dibuat di sini, seperti perkara Bitmap, yang seperti super. Ia sebenarnya mengambil sebuah pakaian untuk kamu. Untuk web ini, seperti desktop ini. Jadi, perkara Reference ini. Sekarang, saya akan membuat perkara ini. Okey. Saya akan memasangkan. Dan saya akan memasangkan perubahan. Ia mula memasangkan. Biar saya lihat, bagaimana ia akan berlaku. Okey. Kemudian, ia memberikan apa yang berlaku? Perubahan yang terakhir dan perubahan yang terakhir. Jadi, kita selalu mencari perubahan yang terakhir. Jadi, jika anda dapat melihat di sini, ia sangat kecil. Ia sebenarnya membuat perubahan untuk anda. Seperti perkara Reference ini. Seperti yang anda lihat di sisi tadi. Okey. Bagus. Ini apa yang saya ingin berubah. Meskipun, ini tidak dapat efek. Jadi, mungkin saya perlu periksa mengapa ia tidak mengambil perubahan yang lebih besar. Perubahan yang lebih besar. Saya akan memasangkan. Adakah anda melihat? Saya melihat bahawa perubahan yang lebih besar juga mengambil efek. Itu bukan sebab yang saya ingin berubahan. Anda tahu? Dan orang lain masih okey. Dan itu bukan semua. Sebab ia akan menjadi pembantu css persen. Anda perlu pastikan ia berlaku dengan baik untuk perubahan yang lain. Okey. Sangat baik. Sebenarnya, perubahan yang lebih besar hanya tidak mengambil efek. Jadi, perubahan css awak perlu dibuat sehingga ia tidak mengambil efek. Saya akan menunjukkan perkara yang baik tentang ini adalah jika anda mengambil efek ini, ia sebenarnya berlaku dengan seperti anda melihat red line di sini. Anda dapat menunjukkan. Okey, ini sedikit susah kerana perubahan itu sangat kecil. Tetapi, anda mungkin masih dapat melihat perubahan. Baiklah, bagi contoh di sini, anda dapat menunjukkan. Okey. Saya rasa ini hanya dapat mengambil efek ini. Saya sangat suka perkara ini kerana perkara ini hanya dapat mengambil efek ini. Apabila saya melakukannya pada tahun 2016, saya tidak dapat perkara yang baik. Tetapi, saya gembira. Saya menunjukkan perkara yang baik. Saya rasa mereka hanya menunjukkan gambar. Ya, betul. Ya. Jadi, saya rasa kita semua sangat gembira untuk melihat perkara ini dan mencuba. Okey. Jadi, maksud saya, apa yang saya sepatutnya menutupi? Saya sudah menutupi referensi. Okey. Jadi, sekarang menurut saya, saya tidak mahu menyebabkan keadaan saya. Kerana keadaan saya tidak sebenarnya menurut saya begitu baik. Jadi, saya akan hanya beritahu saya, saya sangat gembira dengan perkara ini. Jadi, perkara ini, ia menunjukkan keadaan yang telah digunakan. Jika anda gembira dengan perkara ini, semua yang anda perlu lakukan adalah dalam cara bahagian bahagian bahagian. Dan anda hanya sebab yang akan menunjukkan keadaan yang telah diperlukan, adalah anda mengambil gambar baru ini dan membeli gambar referensi. Jadi, sehingga semasa kami membuat lebih banyak keadaan, anda akan sebenarnya membeli sebuah yang baru yang saya benar-benar membuat. Jadi, keadaan itu referensi, dan keadaan itu adalah sebuah keadaan yang telah digunakan. Okey, jadi itu, okey, jadi perkara yang tersebut adalah ini sebenarnya keadaan yang telah digunakan. Jika anda ingat, anda ingat, sekarang, kami bercakap tentang perkara ini, yang jika anda membeli gambar yang telah digunakan, jika anda membeli gambar yang telah digunakan, tetapi, bagaimana saya membeli anda, okey, jika anda tidak membeli gambar, okey, kami ada sebuah keadaan di sini, tetapi perkara ini, ada beberapa keadaan, keadaan yang tidak muncul di sini, tetapi anda dapat membeli di sini, yang saya merasakan, keadaan yang telah digunakan, lebih kuat, lebih kecil, yang adalah keadaan yang telah digunakan. Saya tidak tahu bagaimana ini akan berfungsi, tetapi tidak mengenai, ia tidak di sini, ia tidak di sini. Sebenarnya, sesungguhnya, sesungguh yang ada pada CSS, seperti sebuah pintu di Hova, atau seperti, seperti pada dengan diberikan si Performance Message dan siasat, ia tidak nampak di arah kamu. Jadi, anda harus membenci soalan terhadap penggunaan penggunaan, dan kemudian mengkepasط soalan CSS, yang membeli sendiri selepas penggunaan penggunaan penggunaan. Jadi, bagaimana kita akan membuat soalan? Jadi, sekarang saya menerima ada soalan yang se fourth, Js yang anda boleh menggunakan, izzet E, izzet 2 yang anda boleh menggunakan untuk menggunakan penggunaan penggunaan ini Dan saya akan menunjukkan bagaimana, yang adalah di sini, kan? Jadi anda akan mengetahui bahawa ada banyak kegunaan untuk anda untuk menggunakan di sini Tetapi saya menunjukkan kepada anda sekarang, ia adalah satu yang sangat mudah, ini dan ini Tetapi di sini, ada perkara ini yang anda boleh menggunakan untuk menggunakan penggunaan penggunaan ini Di sini, saya akan menggunakan penggunaan penggunaan Sebelum menggunakan penggunaan penggunaan Penggunaan penggunaan ini adalah sebahagian dari skrips yang anda akan menggunakan pada pakaian yang anda menggunakan Jadi di sini, saya hanya melakukan yang sangat mudah Ini, Js di sini, menggunakan penggunaan Jadi anda dapat melihat bahawa, apabila anda menunggu untuk kegunaan Jadi ada kegunaan ini di sini, di mana saya mempunyai kegunaan penggunaan penggunaan Pada penggunaan penggunaan penggunaan dan semua ini Dan kemudian saya akan klik pada kegunaan penggunaan Okey, bagaimana saya tahu ini? Biar saya tunjukkan, semua orang dapat melihat Jadi semua perkara ini, sebenarnya adalah javascript yang sangat natif Saya hanya menggunakan penggunaan penggunaan penggunaan Dan saya hanya menggunakan perkara ini yang anda mahu klik pada Yang di sini, anda tahu Ia mendukung kegunaan penggunaan penggunaan penggunaan penggunaan penggunaan Jadi sebelumnya, tidak semua perkara perlu menjadi ID, jadi yang baik Jadi dengan perkara ini, jika anda melihat ini tadi Apabila saya melakukan referensi, apabila saya menggunakan perkara Ia sebenarnya hanya akan menjelaskan untuk saya perkara ini Bagaimana saya menjelaskan perkara ini? Ia juga dalam konfigurasi Di sini, saya mencari pilihan yang ini Kerana saya hanya mencari pilihan yang ini Yang sebelumnya, saya tidak menjelaskan apa-apa Jadi ia hanya menjelaskan pilihan yang ini untuk saya Jadi ia adalah cara yang berlaku Jadi saya tahu ia boleh menjadi sedikit terang Tapi saya akan berkongsi dengan anda yang seperti itu Dan anda dapat melihat URL dan menjelaskan Dan menjelaskan dan menjelaskan Dan anda dapat menjelaskan dan menjelaskan Dan juga pilihan penggunaan penggunaan penggunaan yang anda boleh melakukan Pastikan anda berkongsi dengan perkara CSS Baiklah, mari kita lihat apa yang lain Ya, sebenarnya itu saja Jadi saya akan menjelaskan perkara ini seperti yang terakhir Bagaimanapun yang saya menjelaskan dengan anda hari ini Ia hanya sebuah pilihan pilihan Kerana saya tahu ada lebih banyak perkara yang anda boleh lakukan Dan saya mencari kepada anda, jika CSS adalah perkara kerja perjalanan Dan anda sudah rasa ini boleh membantu anda Jangan lakukannya dan bantu diri anda membuat hidup lebih mudah Jadi anda tidak mempunyai mata anda Kerana ada sebuah pergerakan yang tepat Untuk menunjukkan perbezaan anda Terima kasih banyak