Sumberdaya Segar untuk Desainer dan Pengembang Web (Januari 2017)

Serial ini telah melalui perjalanan panjang yang telah kita saksikan alat pengembangan web datang dan pergi; suatu kali mereka bersinar, beberapa bulan kemudian mereka menjadi usang dengan alat terbaru lainnya. Meskipun demikian, kami memiliki beberapa alat baru dalam daftar untuk dijelajahi oleh pengembang kami bulan ini JavaScript library, plugin Sketch untuk desain UI yang responsif, dan beberapa kerangka kerja CSS.

Klik untuk Lebih Banyak Sumber Daya

Temukan seluruh koleksi sumber daya kami yang direkomendasikan dan alat desain dan pengembangan web terbaik yang tersedia.

saya mengetik

JavaScript perpustakaan yang memungkinkan Anda untuk menyajikan mengetik efek dari daftar teks; semacam efek yang mungkin Anda lihat di web belakangan ini. Pustaka JavaScript ini adalah mudah diimplementasikan dengan beberapa opsi untuk menyesuaikan efek. Anda dapat menginstal perpustakaan ini melalui NPM atau memuatnya melalui CDN di https://unpkg.com/[email protected].

Opera Neon

Opera digunakan untuk menjadi yang pertama yang memperkenalkan browser berbasis tab, dan sejak itu kami miliki browser dengan apa yang disebut Tab dan Panggilan Cepat. Opera baru-baru ini merilis inisiatif barunya, bernama Opera Neon. Peramban baru dengan antarmuka yang lebih segar seperti yang disebut mahakotak, mode layar terbagi, dan wallpaper indah pilihan. Jadi, bisakah Opera Neon mengubah ruang browser sekali lagi? Ini yang harus kita lihat.

At.js

At.js adalah pustaka JavaScript yang memungkinkan Anda untuk melakukannya tambahkan smiley, sebutkan teman, atau pemberian tag; sesuatu seperti yang telah kita lihat di Slack, Twitter, dan Facebook. Plugin ini membutuhkan jQuery, yang memungkinkannya bekerja di Internet Explorer 7 dan mungkin Internet Jelajahi 6 juga. Fantastis!

Melepaskan

Rilis membuat membuat rilis versi baru dari perangkat lunak di Github lebih efisien. Rilis baru biasanya disertai dengan changelog, dan modul ini memungkinkan Anda mengisi log changel secara otomatis berasal dari pesan Git commit.

Lebih cantik

JavaScript ahli kecantikan memastikan kode JavaScript kami diformat dengan cara yang konsisten. Ini mendukung ES2017 dan JSX.

Ayu

Ayu adalah Tema Teks Sublim dengan daya tarik yang segar dan modern. Muncul dengan 2 nada gelap dan terang. Ayu berarti cantik di Indonesia, dan begitulah; saya t membuat Sublime Text UI lebih indah.

JSON Splora

SEBUAH aplikasi ringan untuk mengedit, dan memvisualisasikan data JSON. Aplikasi ini kompatibel dengan Windows, Linux, dan MacOS.

Zooming

JavaScript untuk memperbesar gambar dengan anggun. Dioptimalkan untuk seluler, berfungsi dengan baik di layar hi-def, dan mudah disesuaikan.

Ramme

Ramme adalah seorang Klien desktop Instagram. Meskipun tidak resmi, tetapi mungkin Anda bisa belajar beberapa hal-hal baru dari kode sumber.

Ubah Nama Pengguna

Plugin WordPress yang pernah diaktifkan, menambahkan a “perubahan” link di sebelah input nama pengguna dan memungkinkan Anda untuk mengubah nama pengguna.

NodeifyWP

NodeifyWP adalah plugin WordPress yang cukup unik. Ini memungkinkan Anda untuk menggunakan WordPress seperti biasa output konten menggunakan modul Node.js. Saya belum mencoba plugin ini di proyek apa pun. Namun presentasi yang saya lihat di WordCamp Denpasar 2016, plugin ini terlihat sangat menjanjikan untuk memodernisasi pengembangan WordPress.

ColorMe

ColorMe sangat berbeda dengan aplikasi penghasil warna lain yang pernah saya lihat sebelumnya. Selain menghasilkan kode warna, aplikasi juga memberikan kontrol menyesuaikan kecerahan warna, bayangan, rona, saturasi, kontras, dll.

Paket WP-CLI

SEBUAH koleksi ekstensi WP-CLI yang menambahkan baris perintah tambahan dan parameter untuk melakukan tugas tambahan seperti satu untuk menyebarkan WordPress ke server jarak jauh, memigrasikan situs WordPress, memurnikan cache, dan masih banyak lagi.

Pembuat Halaman Penjahit

Plugin WordPress yang memungkinkan Anda buat konten non-linear dengan antarmuka drag-n-drop. Plugin ini dapat dikembangkan untuk komponen baru untuk menambahkan tipe konten yang unik. Ini memberikan WP-API untuk mengelola konten ini juga. Tailor Page Builder sejauh ini merupakan plugin terbaik untuk kategori ini.

XVG

XVG adalah ekstensi Chrome itu menampilkan garis besar dan jangkar grafik SVG yang dapat membantu Anda men-debug objek SVG dengan mudah.

RibbonJS

RibbonJS adalah perpustakaan JavaScript yang memungkinkan Anda untuk melakukannya buat pita dekoratif di situs web Anda, seperti yang Anda lihat screenshot berikut. Ukurannya hanya 1kb, dan mudah untuk disesuaikan.

Tata Letak Otomatis

Tata Letak Otomatis adalah a Plugin sketsa yang menyediakan sejumlah ukuran layar terprogram untuk menguji desain UI Anda. Jadi Anda dapat memastikan desainnya terlihat sama bagusnya apakah dilihat di iPhone 5, iPhone 6, dll. Plugin ini juga memungkinkan Anda melakukannya tentukan ukuran tersuai seandainya tidak tersedia dalam preset. Lihat bagaimana plugin beraksi di video ini.

Fungsi

Funcssion adalah a koleksi kelas CSS yang mengikuti prinsip Fungsi Murni. Setiap kelas CSS mendefinisikan satu tujuan penataan. Kerangka CSS ini saat ini sedang dalam proses dengan lebih banyak fitur untuk diperkenalkan di masa depan seperti Grid, Tombol, responsif, dll.

Webslides

Ringan dan kerangka kerja yang mudah digunakan untuk membuat slide presentasi hanya menggunakan HTML dan CSS. Webslides saat ini menyediakan beberapa template slide yang bagus di mana Anda bisa segera mulai presentasi slide Anda.

Desain Web Tangguh

Desain Web Tangguh adalah buku online. Buku ini bukan teknis, melainkan mencakup sejarah, prinsip, dan penemuan yang membentuk Web seperti yang kita ketahui di dunia saat ini. Saya pikir ini bacaan yang bagus untuk akhir pekan.