 Pertama, saya fikir saya tidak menunggu untuk mengikuti bahagian-bahagian-bahagian yang sangat filosofik. Sebelumnya, saya rasa saya sangat Singapura dan dalam bahagian-bahagian saya cuba belajar sesuatu dan melakukan sesuatu dan saya rasa sangat di tempat sekarang. Saya berharap untuk belajar orang yang menggunakan CSS dan mungkin jika anda mempunyai sesuatu seperti ini di pekerjaan anda, semoga kita dapat membantu anda. Atau saja, seperti Kuijing kata, terima kasih, saya dari Carousel. Sebenarnya, seperti banyak orang yang saya rasa, saya mulakan memperkenalkan kerana saya ingin melakukan pembangunan permainan. Dan kemudian, jika sesiapa-siapa telah mencuba, ia menyebabkan. Jadi, saya melakukan tiga perubahan, kemudian saya mulakan memperkenalkan semua orang dan semua orang. Seperti yang saya katakan, oh ya. Pertama-tama, anda tidak mempunyai pengalaman yang cukup, seperti pengalaman digital. Dan, kami ingin memperkenalkan anda seperti ketiga dari apa yang lain. Pertama-tama, saya tidak memperkenalkan pengalaman. Sebenarnya, anda tahu, ia adalah sebuah kisah pada masa yang lain. Tetapi, ia adalah sebuah perkara. Saya berada di Carousel melakukan pembangunan permainan web. Ia mempunyai sebuah perubahan selama 1.5 tahun. Tetapi, memperkenalkan apa yang berlaku. Jadi, kemudian, Carousel telah diperkenalkan cukup yang berlainan bahawa kita telah memperkenalkan lebih banyak fokus di web. Dan salah satu fokus adalah untuk memastikan bahawa ui kita mempunyai sebuah perkara yang baik. Jadi, kami membuat... Saya tahu perkara yang panjang ini adalah komponen web dan kami melakukan itu. Kami membuat perkara ini terkenal di Carousel desain sistem. Ini adalah nama yang paling menakutkan oleh saya. Ini adalah apa yang berlaku. Dan apa yang berlaku adalah, semua ui saya akan melihat sama. Jadi, anda hanya perlu menulisnya sekali. Jadi, setiap kali anda mempunyai botan, setiap kali anda mempunyai teks input, setiap kali anda mempunyai teks botan, itu akan melihat sama. Dan ia akan menjelaskan masa anda. Sebab, pertama, anda akan membuatnya lebih baik. Setelah itu, kami dapat membuatkan masa yang sama. Kita tidak memastikan bahawa semua perkara itu akan berlaku sama. Jadi, bagaimana jika botan ini mempunyai teks teks? Bagaimana jika botan ini tidak mempunyai teks teks? Tapi, dengan ini, kami memastikan bahawa semua mereka mempunyai teks teks. Dan akhirnya, kami dapat mempunyai masa-tiga-tiga. Jika teks input adalah salah, kami tidak perlu menghidupkan bahawa kita mempunyai teks input yang tidak salah. Jika ia adalah sebahagian dari komponen teks input. Ada sebenarnya bahagian yang sangat menarik dengan masalah. Di JSConf, tentang perkara ini. Tapi perkara ini tidak tentang perkara ini. Ia lebih jauh. Saya hanya ingin menunjukkan kepada anda bagaimana keren, bagaimana menunjukkan kera-kera bersama. Ini adalah... Ini adalah sebuah desainer saya, desainer web saya yang beri saya. Jadi, ia beri anda sebuah idea. Pertama, ia beri anda... Wow, kera-kera itu sangat menarik. Kita dapat semua perkara ini. Tetapi juga, keadaan ini adalah apa yang saya nampak normal. Apa yang nampak? Apa yang berlaku dengan kera-kera? Semua kera-kera adalah kera-kera. Ia adalah kera-kera. Ia adalah kera-kera. Ia adalah kera-kera. Ia adalah kera-kera. Dan kemudian ada perkara ini. Apa yang saya ingin fokuskan sebenarnya hari ini adalah... So, desainer saya berkata, Dilan, saya mahu anda membuat radio dan pakaian ini. Dan perkara ini adalah... Radio dan pakaian ini, jika anda tahu, pakaian yang tersebut adalah... agar-agar. Ia kecil. Dan anda tak dapat... dan tidak nampak seperti ini. Dan bagaimana kita membuat itu? Dan seperti ini, banyak perkara lain. Bagaimana saya membuat itu? Jadi, awal-awal, perkara pertama yang saya lakukannya, bagaimana saya ubah kera-kera radio untuk menggunakan kera-kera bersama. Kera-kera bersama. Dan kemudian, pakaian yang di-hubung di kera-kera bersama adalah radio dan pakaian yang berada di kera-kera. Dan anda tidak dapat mengubah kera-kera sama-sama dan saya seperti, Bagaimana yang saya buat itu? Itu sangat berterus. Jadi, saya membuat pakaian ini yang di-hubung. Jadi, apa yang saya ada di sini... adalah pakaian ini yang di-hubung. Apa yang terjadi jika saya... cuba memuji perkara ini? Apa yang terjadi adalah, ia tidak... ia tidak tersebut apa yang kera-kera bersama. Ia adalah ini. Ia tidak menjadi kerja. Teruklah. Dan... Jadi kemudian anda mula melihat sebuah sebuah sebuah sebuah sebuah sebuah dan salah satu mereka sebenarnya mula berkata tentang elemen studio tetapi sebelum itu, saya ingin berikan anda keputusan untuk orang yang saya bermakna kami semua, semuanya ada sesuatu yang berlaku dengan HTML dan web dan saya harap bahawa orang tahu perbezaan antara pertama dan kedua jadi saya akan menunjukkan perbezaan anda jadi di sini saya mempunyai demo maaf, saya akan mencubanya ini saya tidak ingin mempunyai ini jadi ini kelihatan normal okey, jadi apa ini? jadi di sini, mari kita katakan anda melakukan perbezaan dan anda melakukan perbezaan radio oh, ya dan kemudian setelah itu, anda meletakkan vanila jadi satu perbezaan antara perbezaan pertama dan perbezaan kedua yang pertama adalah apa yang saya tidak mempunyai yang adalah tidak di dalam label dan yang kedua adalah perbezaan label jadi jika anda klik di sini ini adalah sebuah teks jika anda klik di sini ini adalah sebuah perbezaan jika anda klik di sini jika beberapa orang mahu klik radio dan anda klik teks kemudian kemudian anda boleh mengubah pilihan jadi ini adalah perbezaan dan saya harap bahawa jika salah satu perkara yang saya mahu pastikan orang lakukan adalah anda benar-benar memastikan perbezaan dan anda boleh melakukan perbezaan label ini okey beri saya kata, saya lupa sesuatu di belakang ini tidak sebahagian dari atas saya benar-benar lupa okey jadi bagaimana saya membuat perbezaan ini untuk pelajar web saya? jadi ada dua cara untuk berjaya satu ini adalah menggunakan perbezaan atau botan untuk komponen radio jadi saya akan mempunyai perbezaan saya akan memberikan contoh untuk bagaimana kita melakukan perbezaan nanti satu perkara itu adalah untuk membuat perbezaan atau botan dan kemudian hanya menggunakan perbezaan hanya mengubah semuanya, menggabungkan semuanya dan membuatnya nampak seperti perbezaan perkara yang baik adalah ia akan mencari sebuah perkara yang harus mencari dan perkara yang terbaik adalah saya rasa ada beberapa perkara yang terbaik pertama ada banyak perkara yang terbaik yang beri anda baik satu perkara itu adalah nama prop satu perkara itu adalah apabila anda meletakkan perbezaan anda hanya mengambil semua keputusan dan menjiganya bersama kamu harus membuat perbezaan untuk perbezaan yang saya tunjukkan sekarang dan tidak ada bahan-bahan jadi saya tidak tahu seberapa kita mempercayai bahan-bahan tetapi ketika perbezaan perbezaan datang dan tidak dapat melihat jika anda memphorikan keadaan anda kemudian anda akan melihat keadaan tidak tahu bahawa ia adalah keadaan yang boleh dibukar tapi kalau anda hanya mempercayai sebuah keadaan dan kemudian kemudian kemudian kemudian keadaan.. Tetapi, masalahnya adalah bahawa, kita masih tidak tahu bagaimana menggantikan keadaan dan itu apa yang ada di atas ini yang adalah untuk digunakan sebelum dan seterusnya adalah sudo CSS element dan juga kemudian keadaan beberapa orang minta saya apa sudo element ini jadi, ia seperti dot.. kita kata, keadaan adalah full, kan? jadi dot full adalah element keadaan actual CSS sudo seperti fake jadi anda menyakiti sesuatu seperti sebelum atau seterusnya ia adalah kecepatan atau kelebihan jadi, kerana saya gunakan sebelum dan seterusnya ia adalah perkara pertama yang tidak berlainan sebelum pembentukan jadi mari kita buat demo jadi sekarang, seperti yang anda lihat tadi, saya dah beri pembentukan kita mempunyai pembentukan ini jadi ini adalah pembentukan yang digunakan ia adalah sepatutnya yang saya telah menunjukkan sekarang pembentukan ini dan pembentukan ini anda boleh lakukan ini jadi apa yang saya akan lakukan, saya akan menggunakan pembentukan css selepas ini untuk membuatnya nampak lebih baik jadi apa yang saya ada di sini adalah pembentukan css sekarang ia dimulai saya akan menunjukkan ini kerana anda tidak perlukan jadi saya akan menggunakan pembentukan css sebagai pembentukan sebelum dan selepas ke pembentukan css ok, terima kasih saya akan menunjukkan ini, boleh saya menunjukkan ini? saya akan menunjukkan ini sangat kecil bagus saya akan menambahkan... ini cukup besar? saya akan buat sesuatu yang terjadi saya akan membuat pembentukan sebelum dan selepas dalam pembentukan css kerana jika anda ingat ini bukan pembentukan css pembentukan css dan kemudian pembentukan css yang bermakna sebelum pembentukan css akan jadi radio dan selepas itu akan juga menjadi pembentukan radio jadi saya akan membuat pembentukan css sebelum pembentukan css absolut top 0px pembentukan 0px jika kita menggunakan css ia akan sangat bagus dan kita boleh hanya membuat variable tapi tentu saja saya tidak menggunakan saya akan cuba memutuskan css seperti biasa dengan pembentukan css seperti biasa jadi saya akan menggunakan css var ini adalah yang terlihat anda dapat sebenarnya memiliki variable pada css tentu sebab posisinya absolut pembentukan pembentukan css dan untuk beberapa pembentukan masih tidak muncul sebab untuk css sebelum dan selepas itu anda akan perlukan konten dan pembentukan pembentukan css ok, akhirnya jadi ia mengambil banyak pembentukan css tapi sebenarnya kita ada pembentukan pembentukan css jadi ia tidak berinteraktif tapi kita akhirnya ada pembentukan dan tentu saja, pembentukan saya berikan pembentukan pembentukan pembentukan css hanya 1 variable hanya 1 variable jadi ia sangat menarik tapi saya bermaksud kita akan membuat kita akan membuat pembentukan css jadi saya sudah membuat pembentukan css dan jika ia membuat pembentukan pembentukan css apa pembentukan css pembentukan css jadi apabila anda memilih anda akan melihat bahawa kita ada sesuatu yang ada pembentukan css sebelum ia membuat pembentukan css jadi ini hanya pembentukan css yang saya memplugin dengan reaksi apabila ia dipelajari ok, ada juga pembentukan pembentukan pembentukan css jadi saya akan membuat pembentukan pembentukan css apabila kita membuat pembentukan pembentukan css tapi setelah saya membuat yang terakhir pembentukan pembentukan pembentukan css betul tapi pembentukan pembentukan css jadi ia sebegitu pembentukan pembentukan css pembentukan css ok, mari kita lihat apa yang berlaku ok, jadi kita ada posisi tukar yang salah tapi semula, kita perlu membuat Calculasi, kita perlu melakukan calc dan kita melakukan minus 4px dan kita melakukan minus 4px cool dan oh, okey jadi kita masih dapat melihat perangkatan jadi kita hanya meletakkan perangkatan untuk opacity 0 cool ah okey, sekarang kita dapat kita memiliki sesuatu yang sangat... oh, sebaik-baik saja, apa yang designer saya mahu dan ini yang saya nampak jadi ada beberapa perkara yang saya mahu beritahu di sini saya telah mencari perangkatan untuk mengubah tentu-tentu kita boleh mencari perangkatan sebelah dan seterusnya sebabnya ia sebahagian dari perangkatan jika ia sebahagian dari perangkatan, apabila anda mencari, anda akan mencari perkara lain yang anda nampak saya menggunakan opacity 0 tidak menjelaskan, tidak menjelaskan sebab saya mahu ia menjadi sebahagian dari perangkatan untuk perangkatan perangkatan dan sesuatu yang saya mahu mencari jadi ada banyak perkara yang... banyak perkara yang kita boleh buat untuk membuatnya lebih menghargai bagi contoh, sekarang anda akan mengetahui perangkatan yang sedap kita boleh mencari perangkatan tapi seperti... jadi kita ada perkara lain untuk bekerja juga seperti bagi contoh, kita boleh menambah perangkatan perangkatan 0.5 dan di sini kita akan membuat perangkatan dan sekarang, anda dapat melihat bahawa ia menjelaskan dan terlihat lebih profesional seperti jika Carousel kita dengan penyelaskan dan Carousel tahu apa yang mereka lakukan jadi saya hanya mahu menunjukkan anda bahawa banyak orang tidak tahu apa yang sebelah dan seterusnya dan sebenarnya saya masih tidak tahu apa yang sebelah dan seterusnya tapi saya tahu ia boleh menjadi satu perkara dan ia boleh menjadi sebuah perkara ia adalah salah satu idea salah satu pilihan yang menggunakan overflow head dan ia tidak beri saya seluruh solusi tapi saya telah bermain sekitar itu dan kami dapat menggunakan CSS untuk melakukan perkara yang baik saya hanya mahu menunjukkan anda saya telah menunjukkan radio kerana radio adalah perkara yang lebih mudah tapi saya mahu menunjukkan anda bahawa semua perangkat Carousel kelihatan seperti itu tapi saya tidak saya tidak boleh menunjukkan anda sebuah perangkat sekarang sebab apa-apa perangkat, mungkin sebuah perkara VPN anda dapat melakukan perkara yang sama dengan perangkat perangkat anda dapat melakukan perkara yang sama dengan perangkat perangkat dan anda dapat menggunakan perangkat di luar dan di dalam dan itu bagaimana saya fikir saya menyebabkan orang membuat perangkat perangkat dan perangkat radio jika anda perlukan dan itu akhirnya saya bercakap terima kasih banyak