Sumber Baharu untuk Pereka dan Pengembang Web (Januari 2017)

Siri ini telah datang jauh melalui mana kita telah menyaksikan alat pembangunan web datang dan pergi; satu kali mereka bersinar, beberapa bulan kemudian mereka menjadi usang dengan alat terbaru yang lain. Walau bagaimanapun, kami mempunyai beberapa alat baru dalam senarai untuk pemaju kami untuk meneroka bulan ini yang termasuk Perpustakaan JavaScript, plugin Lakaran untuk reka bentuk UI responsif, dan beberapa rangka kerja CSS.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

iTyped

JavaScript perpustakaan yang membolehkan anda membentangkan menaip kesan senarai teks; sejenis kesan yang mungkin anda lihat di web baru-baru ini. Perpustakaan JavaScript ini ialah mudah dilaksanakan dengan beberapa pilihan untuk menyesuaikan kesannya. Anda boleh memasang perpustakaan ini melalui NPM atau memuatkannya melalui CDN di https://unpkg.com/[email protected].

Opera Neon

Opera dulu menjadi yang pertama memperkenalkan pelayar berasaskan tab, dan sejak itu kami ada pelayar dengan apa yang dipanggil Tab dan Dail Cepat. Opera baru-baru ini mengeluarkan inisiatif baru, bernama Opera Neon. Pelayar baru dengan antara muka yang lebih segar seperti yang dipanggil kotak omni, mod skrin berpecah, dan kertas dinding yang indah pilihan. Jadi, bolehkah Opera Neon menukar ruang penyemak imbas sekali lagi? Ini kita perlu lihat.

At.js

At.js adalah perpustakaan JavaScript yang membolehkan anda tambah smiley, menyebut rakan, atau menandai; seperti yang kita lihat di Slack, Twitter, dan Facebook. Plugin ini memerlukan jQuery, yang membolehkannya kerja di Internet Explorer 7 dan mungkin Terokai Internet 6 juga. Hebat!

Siaran

Siaran membuat mewujudkan versi baru perisian dalam Github lebih cekap. Siaran baru biasanya disertai dengan changelog, dan modul ini membolehkan anda mengisi changelog secara automatik diperoleh daripada mesej komit Git.

Lebih cantik

JavaScript penghias memastikan kod JavaScript kami diformatkan dengan cara yang konsisten. Ia menyokong ES2017 dan JSX.

Ayu

Ayu adalah Tema Teks Sublime dengan rayuan yang segar dan moden. Ia dilengkapi dengan 2 nada gelap dan cahaya. Ayu bererti cantik di Indonesia, dan sebagainya untuk bercakap; ia menjadikan UI Teks Sublime lebih cantik.

JSON Splora

A aplikasi ringan untuk mengedit, dan menggambarkan data JSON. Aplikasi ini serasi dengan Windows, Linux, dan MacOS.

Zoom

JavaScript untuk mengagumkan imej dengan anggun. Dioptimumkan untuk mudah alih, berfungsi dengan baik dalam skrin hi-def, dan mudah disesuaikan.

Ramme

Ramme adalah Pelanggan desktop Instagram. Walaupun ia tidak rasmi, tetapi mungkin anda boleh belajar beberapa perkara baru dari kod sumber.

Tukar Nama Pengguna

Plugin WordPress yang pernah diaktifkan, menambah a “ubah” pautan di samping input nama pengguna dan membolehkan anda menukar nama pengguna.

NodeifyWP

NodeifyWP adalah plugin Wordpress yang agak unik. Ia membolehkan anda menggunakan WordPress seperti biasa kemudian output kandungan menggunakan modul Node.js. Saya belum lagi mencuba plugin ini pada sebarang projek. Tetapi persembahan yang saya lihat di WordCamp Denpasar 2016, plugin ini kelihatan sangat menjanjikan untuk memodenkan pembangunan WordPress.

ColorMe

ColorMe agak tidak seperti aplikasi penjana warna lain yang saya lihat sebelum ini. Selain daripada menghasilkan kod warna, aplikasi juga memberi mengawal penyesuaian kecerahan warna, warna, warna, ketepuan, kontras, dan sebagainya.

Pakej WP-CLI

A koleksi sambungan WP-CLI yang menambah baris perintah dan parameter tambahan untuk melaksanakan tugas tambahan seperti satu untuk menggerakkan WordPress ke pelayan terpencil, berhijrah tapak WordPress, membuang cache, dan banyak lagi.

Tukang Pembina Halaman

Plugin WordPress yang membolehkan anda mewujudkan kandungan bukan linear dengan antara muka drag-n-drop. Plugin ini diperluaskan untuk komponen baru untuk menambah jenis kandungan yang unik. Ia menyediakan WP-API untuk menguruskan kandungan ini juga. Tukang Page Builder adalah setakat plugin terbaik pada kategori ini.

XVG

XVG ialah sambungan Chrome yang memaparkan gambarajah grafik SVG dan sauh yang boleh membantu anda menyebarkan objek SVG dengan mudah.

RibbonJS

RibbonJS adalah perpustakaan JavaScript yang membolehkan anda menjana reben hiasan di laman web anda, kerana anda dapat melihat tangkapan skrin berikut. Ia hanya bersaiz 1kb, dan mudah untuk menyesuaikan.

Layout Auto

Auto-Layout ialah a Plugin lakaran yang menyediakan beberapa saiz skrin pratetap untuk menguji reka bentuk UI anda. Jadi anda boleh memastikan reka bentuk kelihatan sama baik sama ada ia dilihat pada iPhone 5, iPhone 6, dan lain-lain. Plugin ini juga membolehkan anda mentakrifkan saiz adat sekiranya ia tidak tersedia dalam pratetap. Lihat bagaimana plugin dalam tindakan dalam video ini.

Funcssions

Funcssion adalah a pengumpulan kelas CSS yang mengikuti prinsip Kegunaan Tulen. Setiap kelas CSS menentukan satu tujuan gaya. Rangka Kerja CSS ini pada masa ini merupakan satu kerja yang sedang berjalan dengan lebih banyak ciri untuk diperkenalkan pada masa hadapan seperti Grid responsif, Butang, dan lain-lain.

Webslides

A ringan dan rangka kerja mudah untuk membina slaid persembahan menggunakan hanya HTML dan CSS. Webslides kini menyediakan beberapa templat slaid yang bagus di mana anda boleh mulakan persembahan slaid anda dengan segera.

Reka bentuk laman web yang berdaya tahan

Reka bentuk web berdaya tahan adalah buku dalam talian. Buku ini tidak teknikal, sebaliknya, ia meliputi sejarah, prinsip, dan penemuan yang membentuk Web seperti yang kita tahu di dunia hari ini. Saya fikir ia adalah bacaan hebat pada hujung minggu.