Membuka Potensi HTML5 & CSS3

Pelepasan HTML5 dan CSS3 tidak jauh dari lompatan evolusi, namun hanya sedikit pereka yang menggunakan banyak fitur baru yang disediakan oleh teknologi. Sebahagiannya ini kerana potensi penuh HTML5 dan CSS3 telah diabaikan, jadi orang terus mengembangkan lebih kurang laman web yang sama, hanya dengan perbezaan kecil dalam pengekodan.

Tidak ada yang salah dengan itu, tetapi ada banyak perkara yang disediakan HTML5 dan CSS3 kepada anda yang boleh anda manfaatkan untuk membuat lebih banyak ciptaan yang luar biasa daripada yang pernah anda miliki sebelumnya.

Jangan abaikan kanvas

Mengendalikan objek kanvas adalah salah satu tugas paling sukar untuk dilakukan oleh coder HTML5 baru, terutama ketika coder tersebut sebelumnya telah melakukan coding dalam versi HTML yang lain dan tidak memiliki latar belakang dalam pengaturcaraan grafik komputer.

Belajar menggunakan objek kanvas, walaupun anda jarang berniat untuk membuat lukisan, adalah kemahiran berharga yang harus diluangkan oleh setiap pengkod yang serius untuk belajar. Ia boleh digunakan untuk semua jenis perkara termasuk membuat infografik animasi, tayangan slaid, carta (termasuk carta interaktif), dan banyak lagi.

ilustrasi ihsan dari

Menggunakan kanvas hanyalah membuat objek dalam HTML5 dan kemudian mengisi dengan JavaScript. Teknik yang terlibat adalah topik untuk hari yang lain, tetapi anda sudah dapat menemui beberapa tutorial di sini di laman web ini yang akan membantu anda memulakannya.

Anda tidak memerlukan Flash lagi

Sebilangan besar yang sebelumnya kami gunakan Flash tidak memerlukan Flash. Kini anda boleh melakukan semuanya dengan peralihan CSS3, lukisan HTML5, animasi HTML5, video HTML5 dan audio HTML5.

Satu-satunya perkara yang tidak kami lakukan dalam HTML5 yang dibenarkan Flash untuk anda lakukan adalah mengintip pengguna anda dan melanggar privasi mereka, tetapi itu bukan sesuatu yang anda ingin lakukan, bukan?

Sebilangan besar pengguna menganggap Flash sangat menjengkelkan, walaupun kebanyakan juga secara tidak sengaja memasangnya sebagai keperluan yang tidak dapat dielakkan. Itu adalah sehingga risiko keselamatan dan masalah privasi yang berkaitan dengan Flash menjadikannya sesuatu yang kebanyakan pengguna sama sekali tidak memasang sama sekali, atau hanya mengaktifkan kes demi kes apabila ia sangat diperlukan untuk tugas yang ingin mereka laksanakan .

CSS3 memberi anda kelas semu baru

Beberapa kelas pseudo ada di CSS2, tetapi dengan CSS3 anda dapat menggunakan kelas pseudo kedudukan penting untuk mendapatkan lebih banyak kawalan. Terutama mereka digunakan dengan teks, seperti yang ditunjukkan oleh nama kelas pseudo: sebelum, sesudah, huruf pertama, baris pertama…

Anda juga mempunyai akses ke peralihan, yang dapat digunakan untuk mengubah apa saja, termasuk teks. Peralihan ini menghidupkan atau mengubah apa yang dilihat oleh pengguna di skrin.

Halaman web anda dapat berkomunikasi secara langsung dengan GPU

Anda harus melakukan ini dengan berhati-hati, kerana segala jenis pecutan perkakasan akan menghabiskan hayat bateri dari peranti mudah alih, tetapi masih cukup keren sehingga anda dapat melakukannya.

Pecutan GPU berfungsi apabila anda menggunakan peralihan, transformasi 3D, kanvas dalam mod 3D, dan WebGL 3D. Yang terakhir adalah kegemaran saya, tetapi anda perlu banyak membaca untuk memahami semua yang terlibat dalam WebGL. Akan tetapi, ini akan memberi banyak ruang untuk membuat animasi dan permainan.

Percepatan GPU tidak berfungsi dengan penyemak imbas yang lebih lama, walaupun mereka menyokong HTML5 dan CSS3.

gif ihsan

Gunakan mesin permainan untuk melakukan kerja keras daripada grafik 3D

Pengaturcara permainan telah menggunakan mesin permainan sejak selamanya untuk membuat tugas pengaturcaraan permainan lebih sederhana, tetapi hanya dalam satu atau dua tahun terakhir, mesin permainan HTML5 yang benar-benar mampu muncul dapat bertahan dengan tugas menciptakan permainan 3D berkualitas tinggi di persekitaran berasaskan penyemak imbas.

Salah satu yang paling mudah untuk dimulakan ialah PlayCanvas, dan walaupun percuma untuk bereksperimen dan sangat murah untuk lesen peribadi, ia tidak ringan. Inilah menyambar, permainan yang dibuat di PlayCanvas:

 

Dan ini RoboStorm:

Bolehkah anda membuat permainan seperti ini? Sudah tentu, dan jauh lebih mudah sekarang daripada sebelumnya.

Untuk pengalaman membina permainan retro, cuba Konstruk2 or Konstruk3. Ia mempunyai semua yang anda perlukan untuk mula membuat permainan secara drag and drop (walaupun ada yang menganggapnya terlalu terhad). Anda membuat permainan anda dalam talian dan orang memainkannya dalam talian. Ini adalah mesin bagi mereka yang tidak tahu pengaturcaraan apa pun dan tidak mahu bersusah payah belajar.

Berikut adalah Kisah Kiwi, platformer 2D sekolah lama yang dibuat dalam Construct3:

Anda tidak terhad hanya untuk bermain dengan enjin ini. Untuk membuat keseluruhan filem dan persembahan, lebih baik digunakan Blender or Maya, dan untuk permainan yang didedikasikan untuk platform tertentu biasanya lebih baik menggunakan persekitaran pengaturcaraan asli yang dikhaskan untuk platform tersebut. Untuk permainan interaktif lintas platform, penceritaan, perisian pendidikan, atau persembahan, enjin HTML5 adalah pilihan yang sangat baik.

HTML5 dan CSS3 memberi anda lebih banyak kekuatan

Dengan HTML5 dan CSS3, anda kini mempunyai kendali penuh terhadap setiap elemen yang muncul di halaman anda, termasuk kemampuan untuk memanipulasi setiap objek dengan cara apa pun yang anda inginkan.

Walaupun unit asas pembinaan masih berbentuk segi empat tepat, laman web anda tidak perlu lagi mengikuti garis lurus segi empat tepat. Anda boleh meletakkan sesuatu pada sudut yang anda mahukan, memutarnya, memutarnya, memutarnya dan membengkokkannya, dan penyemak imbas web anda tidak akan mengeluh sedikit pun.

Anda kini juga dapat mengawal kelegapan dan penskalaan dengan lebih mudah daripada sebelumnya, dan teknik ini akan berfungsi di semua penyemak imbas utama.

Pada masa penulisan pada awal tahun 2018, masih ada beberapa masalah dengan penskalaan antara penyemak imbas yang berbeza, dengan beberapa penyemak imbas dapat penskalaan dengan tepat sementara yang lain memberikan hasil yang sangat berbeza untuk halaman yang sama.

Itu bermakna sekurang-kurangnya buat masa ini kita masih buntu dengan harus memprogram versi laman yang berlainan jika kita ingin menggunakan penskalaan untuk tujuan responsif.

Nasib baik anda jarang memerlukannya, tetapi kadangkala memasang sesuatu di skrin tidak kira sekecil mana layar itu akan menjadi objektif utama anda. Dalam kes tersebut, kekurangan penskalaan standard pada pelayar yang berbeza akan tetap menjadi masalah.

Namun, masalah ini bukan masalah HTML5 atau CSS3, tetapi masalah pembangun penyemak imbas gagal menyokong ciri yang disediakan oleh HTML5 dan CSS3 dengan betul.

Seiring berjalannya waktu, kita akan melihat peningkatan pada penyemak imbas, dan semuanya akan berjalan seperti yang diharapkan. Pada masa itu mungkin sudah waktunya untuk mulai belajar HTML6 dan CSS4, tetapi sekurang-kurangnya ini adalah langkah ke arah yang benar.

gambar header milik

20 Reka Bentuk Logo yang Hebat dari Cryptocurrency Industry

Dunia cryptocurrency masih muda, tetapi kumpulan pemaju dan pelabur terlibat untuk mendorong mata wang digital yang lebih baik. Dengan pergerakan yang begitu besar muncul teori reka bentuk baru. Oleh kerana terdapat banyak laman web yang berfokus pada cryptocurrency, kami ingin meneroka beberapa inspirasi reka bentuk logo dari laman web ini. Selamat mencuba!

1. Bitcoin-Price.com

2. Muzik Zimrii

3. Pandangan Perdagangan

4. Crypto Trappin

5. Cryptagon

6. Sekatan

7. Cryptominded

8. Pragma

9. Revolut

10. KriptoKitikatan

11. ICO Drip

12. Perangka Syiling

13. CobinHood

14. Perolehi

15. MetaMask

16. CoinsHub

17. Menerima

18. Pengilangan Duit Syiling

19. Falcon Syiling

20. SwipeStox

Seperti yang anda lihat, logo dari pasaran kripto kreatif, berwarna-warni dan moden. Nampaknya kebanyakan mereka memilih reka bentuk rata, tetapi itu tidak selalu berlaku. Sekiranya anda mempunyai pertanyaan mengenai reka bentuk logo ini atau anda mempunyai cadangan untuk pengguna lain, sampaikan pendapat anda dalam komen.

gambar header milik

Trik Reka Bentuk Grafik untuk Meningkatkan Promosi

Pemasaran semakin sukar kerana orang semakin mengetahui tentang muslihat yang kita gunakan dalam pemasaran untuk mencuba dan mempengaruhinya. Namun, ada beberapa trik reka bentuk yang dapat dicuba dan dapat kita gunakan yang terus berfungsi dengan efektif, bahkan ketika orang mengetahui muslihat ini sedang digunakan.

Teruskan membaca Trik Reka Bentuk Grafik untuk Meningkatkan Promosi

Cerah: Panduan Hadiah Pakar dari UncommonGoods

Pada satu ketika, anda mesti keluar dan membeli hadiah untuk percutian, ulang tahun, perkahwinan, atau bahkan ketika bayi dilahirkan.

Walaupun nampaknya anda mengenali seseorang, agak mengejutkan betapa sukarnya memilih hadiah yang sempurna untuk mereka - hadiah yang mengatakan bahawa anda memikirkannya, tetapi juga berfungsi dan tidak langsung dalam almari.

Teruskan membaca Cerah: Panduan Hadiah Pakar dari UncommonGoods

Mana Yang Lebih Baik: Ilustrasi atau Gambar?

Gambar bernilai seribu perkataan, jadi kata pepatah, tetapi mungkin beberapa gambar lebih berharga daripada yang lain. Adakah lebih baik menggunakan gambar atau ilustrasi? Itulah persoalan yang akan dikaji oleh artikel ini.

Seperti yang sering terjadi, tidak ada jawaban pasti, namun yang jelas adalah ada keadaan tertentu di mana satu format cenderung memberikan hasil yang lebih baik daripada yang lain.

Teruskan membaca Mana Yang Lebih Baik: Ilustrasi atau Gambar?

Pasaran yang Meluas dalam Reka Bentuk Penutup

Sangat menarik untuk diperhatikan bahawa banyak pereka memfokuskan secara eksklusif pada sektor pemasaran tradisional seperti reka bentuk web dan pengiklanan, sementara nampaknya mengabaikan potensi pasaran besar industri yang jauh lebih tua daripada yang lain.

Apa yang saya bicarakan di sini adalah industri penerbitan, perniagaan bernilai berbilion-trilion dolar dengan pangsa pasar yang lebih dari cukup jika anda dapat mendapatkan sedikit tindakan.

Teruskan membaca Pasaran yang Meluas dalam Reka Bentuk Penutup

Mitos Reka Bentuk Laman web Menyekat kreativiti

Ingin mengetahui sesuatu yang membebankan pengunjung, wang dan masa, tetapi dapat dicegah dengan mudah?

Ini adalah mitos pasukan pemasaran anda (dan mungkin juga orang-orang yang lebih tinggi dari rantai komando) telah memperbetulkan reka bentuk laman web dan pengalaman pengguna, mempercayai mereka hanya kerana seseorang dengan sedikit kemasyhuran mengatakannya, dan semua orang hanya mengatakan "Ya, kedengaran betul! "

Teruskan membaca Mitos Reka Bentuk Laman web Menyekat kreativiti

Jadilah pakar e-dagang

Masukkan e-mel anda untuk memulakan pesta