Sumber Baharu untuk Pereka dan Pemaju Web (Oktober 2017)
Bulan Resouces bulan ini akan menjadi sedikit berbeza daripada bulan sebelumnya. Kami, pemaju web, sedang hidup dalam industri yang pantas berubah, dan saya telah melihat banyak pengumuman dari beberapa syarikat teknologi terbesar seperti Google, Microsoft, Firefox, dan PHP, yang akan mengubah cara kami membina web.
Dalam ansuran ini, separuh senarai kami akan menjadi mengenai pengumuman ini. Oleh itu, bersiaplah untuk menyapa masa depan!
Pengoptimuman Imej Perlu
Ia adalah artikel lengkap untuk mengoptimumkan imej untuk web ditulis oleh Addy Osmani. Ia tidak seperti penulisan lain yang berputar-putar, atau hanya boleh dilakukan dan tidak boleh dilakukan.
Artikel ini sebenarnya membimbing anda menerusi butiran teknikal dan juga sains di sebalik pengoptimuman. Anda juga akan mendapat maklumat yang teliti mengenai beberapa pendekatan pengoptimuman dan format imej, alat, petua, dan beberapa contoh dunia sebenar.
PHP 7.2
Komprehensif rujukan tentang apa yang akan datang ke PHP 7.2. Selain penambahan yang meningkatkan prestasi aplikasi PHP, PHP 7.2 juga dilengkapi dengan susut nilai di mana beberapa perkara akan dikeluarkan dan tidak boleh lagi digunakan.
Dalam PHP 7.2, terdapat dua fungsi yang akan ditamatkan iaitu, create_function () dan __autoload (). Jika anda seorang pemaju web, semak kod anda dan buat perubahan yang diperlukan. Saya telah melihat banyak plugin WordPress yang masih menggunakan kedua-dua fungsi ini.
API Kongsi Web
Saya jujur tidak melihat API ini datang ke web. Walau bagaimanapun, separuh daripada interaksi kami di web adalah kira-kira “perkongsian”, API ini akan membuat banyak perkara lebih mudah bagi pemaju web untuk membina pengalaman perkongsian asli, terutamanya di platform mudah alih.
API ini pada masa ini hanya terdapat di Google Chrome untuk Desktop dan Android. Lihat video Youtube ini untuk melihatnya dalam tindakan.
Atribut Async Imej
Satu lagi perkara yang akan merevolusikan web ialah async atribut untuk elemen img. Pada masa penulisan, terdapat beberapa pendekatan untuk memuatkan imej secara asynchronously yang melibatkan sedikit helah JavaScript. Tidak lama lagi kita akan dapat menambah async = pada ke img elemen.
Firefox Quantum
Mozilla telah agresif menolak kemas kini ke Firefox dengan beberapa penambahbaikan, bernama kod “Kuantum Projek”. Ia termasuk CSS Kuantum - enjin baru untuk penyerahan CSS yang sangat pantas, UI baharu, dan DevTools baharu.
Pembebasan ini mendapat daya tarikan dalam pemaju web dan sesetengah telah menukar pelayar utama mereka ke Firefox. Terdapat lebih banyak lagi projek ini termasuk Quantum DOM dan WebRender. Adakah kita akan melihat pesaing Node.js berdasarkan enjin Firefox Quantum? Nah, mungkin ya.
MS Edge untuk iOS dan Android
Microsoft baru sahaja mengumumkan melepaskan pelayar terbarunya, Edge, ke iOS dan Android. Ini bermakna terdapat satu lagi penyemak imbas untuk tapak web anda untuk diuji.
Gutenberg
WordPress kini sedang dalam projek bercita-cita tinggi, kod bernama Gutenberg. Gutenberg adalah a facelift untuk editor WordPress dibina hampir keseluruhannya dengan JavaScript.
Pada ketika ini, Gutenberg adalah dibina dengan React tetapi projek sedang mempertimbangkan rangka kerja lain seperti Preact, Vue, atau yang lain. Ini keadaan yang rumit buat masa sekarang. Jadi, untuk tema membangunkan dan plugin pemaju WordPress, teruskan perhatian anda pada projek itu ia akan mengubah cara kami membina WordPress selama-lamanya.
FoitFout
FoitFout adalah alat yang berguna untuk membandingkan dua pendekatan yang berbeza yang dipanggil FOIT dan FOUT muatkan fon langganan di web. Dengan alat ini, anda dapat mencontohi dua pendekatan tersebut dan memutuskan pendekatan mana yang paling sesuai untuk laman web anda.
Vuera
Vuera adalah a Perpustakaan JavaScript yang membolehkan anda menggunakan Vue dan React bersama-sama. Anda boleh memasukkan komponen Vue dari a .vue atau gunakan komponen React dalam Vue. Pasukan anda sekarang boleh lebih produktif dengan apa-apa rangka kerja bahawa mereka lebih suka menggunakannya.
Draggable
“Draggable” adalah perpustakaan yang hebat dari Shopify. Ia dibina di atas pelayar asli Drag-n-Drop API dan membolehkan anda API yang luas untuk berfungsi. Sekiranya ia tidak memberikan sesuatu yang anda perlukan, anda boleh menulis modul tersuai untuk memperluaskan fungsinya. Lihat demo untuk melihat bagaimana ia berfungsi.
FlowchartJS
Seperti namanya, FlowchartJS adalah perpustakaan yang membolehkan bangunan carta alir seperti di PowerPoint. Begitu juga, anda boleh membuat pelbagai bentuk carta termasuk bulatan, elips, persegi, berlian, segitiga, dan sebagainya.
QuickBill
A ringan dan aplikasi web mudah untuk membuat invois. Ia menggunakan teknologi penyemak imbas asli dan API untuk dijalankan supaya tiada akaun diperlukan. Hanya pergi ke laman web, tambah item pada invois, dan buat fail PDF. Itu sahaja!
Mocka
Mocka adalah a placeholder kandungan yang boleh anda gunakan untuk laman web prototaip. Ia hanya 500 bait dan disesuaikan sepenuhnya. Anda boleh memasukkannya ke dalam fail CSS projek anda dengan menggunakan campuran Sass.
The CSS menyediakan beberapa kelas termasuk mocka-media untuk membuat ruang letak imej, tajuk mocka untuk membuat Tajuk, dan mocka-text untuk membuat teks sewenang-wenangnya.
VueStar
VueStar adalah a Komponen Vue untuk menambah kesan berkilauan apabila anda mengklik pada ikon, sama dengan apa yang Twitter lakukan dengan “hati” ikon dalam apl mudah alih mereka. Komponen memperkenalkan elemen baru bernama vue-star di mana anda boleh menambahnya di zaman web. Dan anda sudah selesai!
Grid Playground
CSS Grid memperkenalkan konsep baru di web untuk membina susun atur dan ia agak rumit pada pandangan pertama memandangkan banyak ciri baru yang dimilikinya.
GridPlayground pada dasarnya adalah a Inisiatif Mozilla untuk mengajar CSS Grid dan untuk mendorong penggunaan CSS Grid ke hadapan. Malah Firefox membawa alat baru kepada DevTools untuk memeriksa susun atur Grid.
Pengurus Snippet
“Pengurus Snippet” adalah mudah aplikasi untuk menyimpan dan mengurus coretan kod. Anda boleh membuat item baru, tampal kod itu, dan tetapkan titik. Pada ketika ini, tidak ada yang terlalu mewah dan ia hanya menyediakan kod sumber yang perlu anda kumpulkan menggunakan NPM.
Interface Tab
Bagus berjalan kaki pada bangunan navigasi tab yang progresif dan boleh diakses dengan penggunaan minimum JavaScript. Sumber yang hebat untuk mereka yang ingin mengetahui lebih lanjut tentang reka bentuk yang boleh diakses.
SwissInCSS
SwissInCSS mempamerkan beberapa rekaan poster klasik Switzerland yang menggunakan CSS tetapi tidak. Kod sumber boleh didapati di CodePen.
