 Adakah kita okey? Selamat pagi, selamat pagi. Nama saya Ian, saya dari perkembangan pemeriksaan pemeriksaan di GraphTech dan hari ini saya akan memberi pembinaan untuk pembinaan pemeriksaan yang berlainan dan aplikasi dalam pembinaan web. Jadi, pada pakaian web yang biasa, anda mempunyai pembinaan yang terkenal, dan untuk menunjukkan perbezaan antara mereka, anda menggunakan pembinaan yang berlainan untuk menunjukkan pembinaan yang berlainan. Dan untuk setiap pembinaan yang anda gunakan, anda perlu menggantikan mereka yang menggantikan pembinaan yang berlainan untuk menggantikan pembinaan ini. Jadi, pada pembinaan Google yang anda dapat melihat, lebih banyak pembinaan pembinaan yang anda menggantikan dalam pembinaan pemeriksaan pemeriksaan pemeriksaan yang lebih berlainan. Okey, mari kita melihat atas pembinaan yang biasa di jalan-jalan. Berapa banyak pembinaan pembinaan yang anda fikir penting dalam pembinaan ini? 10? Baiklah, jawabannya adalah... 16. Ya. Jadi, apa pembinaan yang digantikan? Jadi, anda mempunyai pembinaan statis yang anda dapat melihat di sini dan pembinaan pembinaan yang digantikan. Jadi, pembinaan pembinaan pemeriksaan itu adalah kebebasan dengan tanda-tanda pembinaan statis anda dengan pembinaan pemeriksaan yang berlainan dalam pembinaan pemeriksaan. Atau sebenarnya, jika anda memiliki pembinaan pemeriksaan yang berlainan, anda memiliki ukuran 160 kilobyte pembinaan aktif. Namun, jika anda mencabar pembinaan pemeriksaan yang hanya disambut, ia mengubah kuringatkan tanda-tanda periuk dan mudah untuk memasuknya dengan sehingga ini sehingga 50 persen. Jadi, bagaimana ini bisa berlainan? Pembinaan pemeriksaan meng отсat pembinaan pemeriksaan kemungkinan kemungkinan yang berlainan. Jadi, untuk contoh, kalau pembaharan, pembaharan yang berlainan akan mempunyai kentang, kemungkinan dan kentang seperti fond-style master dan pembaharan yang berlainan akan dipelahkan di jalan. Ia juga seperti instruksi pada bagaimana setiap karya akan bergerak sebalik kecuali. Jadi, saya pasti anda semua yakin memakai pembaharan dengan kemungkinan yang berlainan. Sebahagian, untuk pembaharan yang berlainan, anda boleh memilih pembaharan yang berlainan. Ini akan memulangkan adalah responsifnya di setiap web page yang anda lakukannya. Selain daripada suatu parameter font seperti fontWay, fontStyle untuk membuatnya italysized atau oblique, anda dapat sebenarnya mempunyai font custom seperti membuat font dari Serif ke Sans Serif atau mempunyai efek kaya seperti ini. So Decova adalah salah satu pilihan yang paling popular yang digunakan di sana. Saya pasti yang paling banyak anda pernah dengar tentang font awesome, terutamanya font style tergantung dengan ikon atau simbol atau apa-apa yang anda nampaknya, anda dapat menggunakan pada web page seperti font. Dengan font awesome, anda dapat sebenarnya menjelaskan lebih banyak animasi dengan ikon dan anda dapat menjelaskan mereka dengan mudah seperti bagaimana anda menjelaskan font. Anda dapat mengubah kera, anda dapat mengubah kera, anda dapat menggantikan mereka dengan teks. Bagaimana anda menggunakan font yang dapat digunakan? Jadi anda akan menggantikan mereka seperti font normal. Anda mempunyai font tersebut, sementara variasi font itu adalah sesuatu yang baru, ia adalah sesuatu yang anda menggantikan keadaan custom anda. Jadi ini akan mempunyai kera, kera dan font tersebut. Kera support browser sekarang hanya mempunyai kera-kera major. Jadi browser mobile masih masih menggantikan. Dan jika anda memang mahu menggunakan font yang digunakan sekarang dan anda masih mahu menggantikan untuk publik masyarakat, anda dapat menggunakan key word untuk menggantikan kera variasi font yang menggantikan dalam browser itu. Jika tidak, anda akan kembali ke font static seperti itu. Jadi saya akan beri anda sedikit demo bagaimana anda dapat menggunakan kera-kera font. Jadi ini adalah go.gov.sg yang adalah produk dari pasukan saya. Ini adalah urusan URL untuk pemeriksaan pemeriksaan untuk menghubungi pemeriksaan. Jadi sesuatu yang kita benar-benar membuat adalah kita mahu menggantikan teks pada hava. Jadi anda dapat sesuatu yang menarik seperti ini di bahagian kamu. Mereka mempunyai bahagian kamu yang menarik. Kerana fontan kamu sebenarnya mempunyai kera-kera. Dan kemudian anda mempunyai titik static dalam pemeriksaan kamu seperti ini. Dan jika anda menghubungi kera-kera fontan, pemeriksaan kera-kera seperti itu, anda tahu bahawa sesuatu dari teks akan menghubungi pemeriksaan selanjutnya. Dan anda mempunyai kelihatan yang benar-benar menggantikan pada pemeriksaan anda. Jadi mari kita tengok bagaimana kera-kera fontan yang boleh dibuat. Jadi dengan kera-kera fontan, anda dapat mempunyai kelihatan yang lebih mudah apabila anda membuang tanda seperti ini. Anda dapat tahu bahawa fontan tidak memperkenalkan cara yang anda akan menunggu. Dan jika anda ingin memperkenalkan kelembangan dari pemeriksaan, anda dapat tetap memperkenalkan tanda-tanda. Anda dapat memperkenalkan kera-kera seperti ini. Jadi anda dapat memperkenalkan kelihatan yang lebih mudah. Jadi anda dapat memperkenalkan kelihatan yang lebih mudah. Biar mencari untuk menggunakan kelihatan yang lebih mudah dan membuat kelihatan yang lebih mudah trus membuat kelihatan yang lebih mudah sehingga anda mencari kelihatan yang lebih mudah untuk memperkenalkan kera-kera yang lebih mudah lo. Ewasi yang lebih mudah kamu mencari toe-toe-toe ini. Dan anda dapat memperkenalkan You can actually make the logo more interesting by doing this. So if you move to a much brighter room, you can see the logo glow. So that's one. And next, if you look at the boring icons we have, they're just static icons that does nothing on hover. But with variable icons, you can achieve something like this. Very easily. And you can even combine it with the volume of your speaker. So if I say something like this, you can see that the turtle is moving like so. So that's about it. So that's the end of my presentation. Once again, I'm just going to do a quick shameless advertisement for my team. I'm from Open Government Products. And this are some of the things we do. Parking.sg, Form.sg, Government Forms, DataGaft, or SGID. This will be a new digital identity that will replace your physical NRIC in the future. Isomar, just static website generators, and yep, we are hiring. So if there are any queries, head on to open.gaft.sg. Thank you.