Sumberdaya Segar untuk Desainer dan Pengembang Web (Februari 2015)

Setelah melakukan ini selama lebih dari setahun, bagian tersulit tentang menulis tumpukan sumber daya bulanan ini untuk para desainer dan pengembang adalah pendahuluan. Sementara kami membahasnya, inilah rekap Februari 2015 Anda dari sumber daya terbaik dan segar untuk pengembang web seperti Anda.

Dalam angsuran ini, kami melihat khusus mesin pencari untuk menemukan cuplikan kode, sangat akal referensi untuk mengatasi masalah dalam modul Flexbox, dan alat pengembangan untuk manajemen yang lebih baik warna, jenis huruf dan gradien.

Animator Gradien

CSS3 Gradient memungkinkan kami untuk membuat gradien tanpa bayangan di situs web kami tanpa perlu memuat gambar apa pun. Kami bahkan dapat menggabungkannya dengan Animasi CSS3 untuk memberikan efek yang lebih menarik. Tetapi jika kodenya terlalu berlebihan untuk Anda, gunakan rute Gradient Animator yang lebih sederhana untuk menghasilkannya dengan antarmuka yang bagus.

Panduan Saku SVG

Panduan Saku SVG dikompilasi oleh Joni Trythall. Ini adalah referensi praktis yang akan memandu Anda melalui dasar-dasar SVG (seperti membuat bentuk dan teks) sampai ke fitur yang lebih maju (seperti membuat gradien, jalur kliping, dan pola). Buku ini hadir dalam format penurunan harga dan tersedia dalam bahasa Inggris dan Portugis.

Flexbugs

Flexbox adalah modul baru yang sangat menjanjikan di CSS3 yang akan benar-benar mengubah cara kami membuat tata letak web. Namun itu juga dilengkapi dengan masalah kompatibilitas lintas-browser sendiri. Repositori ini, Flexbugs, adalah kumpulan bug ini dan solusinya untuk mengatasinya. Ini adalah sumber yang sangat berguna bagi siapa saja yang hidup di tepi Web yang berdarah.

Icono

Sungguh menakjubkan apa yang bisa kita capai hanya dengan CSS seperti membuat ikon sepenuhnya rapi hanya menggunakan satu elemen. Icono adalah perpustakaan yang melakukan ini. Di perpustakaan ini, Anda akan menemukan koleksi ikon yang sudah dikenal yang dibuat hanya dengan satu elemen, dan CSS. Ikon ini akan memuat lebih cepat dan lebih dapat dikustomisasi daripada ikon berbasis gambar.

Dillinger

Dillinger adalah editor Markdown yang menyenangkan. Di sini Anda dapat menulis dalam format Penurunan harga, dan langsung melihat output di tab sebelah kanan. Demi kenyamanan Anda, Dillinger memungkinkan Anda untuk mengekspor karya Anda ke dalam HTML, PDF, atau hanya dalam format file Penurunan harga begitu Anda selesai. Atau, Anda juga dapat menghubungkannya ke layanan pihak ketiga seperti Dropbox dan Github di mana Anda dapat menyimpan file Anda.

HTML5Up

HTML5Up adalah kumpulan templat berbasis HTML5 gratis. Anda dapat menemukan beberapa tata letak yang melayani berbagai jenis situs web: bisnis, portofolio, atau hanya sebuah blog sederhana. Semua template responsif juga memastikan bahwa konten dan tata letak situs web menyenangkan dalam berbagai ukuran layar.

Warna CSS

Pernah bertanya-tanya apa nama warna tertentu itu? Warna CSS menunjukkan nama warna serta format Hex dan RGBA untuk koleksi warna dasar. Ini adalah sumber yang bagus untuk menemukan kombinasi warna yang sempurna untuk situs web Anda.

Emmet Re-view

Re-view adalah ekstensi Chrome yang mem-parsing situs web Anda @media menanyakan dan menampilkan situs web Anda di setiap breakpoint yang ditentukan di masing-masing @media pertanyaan. Jika Anda mencari alat yang dapat menghemat sedikit waktu ketika menguji situs web responsif, maka ini adalah alat yang Anda butuhkan.

Ketik Jenius

Jika Anda melihat di pustaka Font Google, Anda akan menemukan banyak font di berbagai wajah, keluarga, berat, dan jenis. Oleh karena itu memilih pasangan yang tepat atau kombinasi font bisa menjadi tugas yang sangat besar. Ketik Jenius membuat memilih pasangan font menjadi mudah dan cepat dan mungkin untuk populasi umum.

Kode Pencarian

Seperti namanya, ini adalah mesin pencari untuk mencari kode atau cuplikan kode dari banyak bahasa pemrograman termasuk JavaScript, C, PHP. Mesin pencari ini akan memperoleh hasilnya dari banyak sumber seperti Github, Bitbucket, dan Google Code. Ini adalah alat yang harus dimiliki untuk coders berat.