Sumberdaya Segar untuk Desainer dan Pengembang Web (Oktober 2012)

Setiap bulan ada lusinan barang gratis yang dibagikan oleh orang-orang yang sangat dermawan dalam desain web dan komunitas pengembangan web; hampir mustahil untuk mengikuti semua hal baru ini. Meskipun demikian, Anda tidak perlu khawatir; dalam posting ini kami telah memilih 10 'barang' bermanfaat mulai dari cuplikan kode hingga alat, kerangka kerja hingga plugin untuk membuat pekerjaan dan kehidupan Anda sebagai perancang dan pengembang web lebih mudah.

Mari kita periksa.

Lihat semua sumber daya segar kami (sesuai bulan):

Oktober 2012
November 2012
Desember 2012

CSSS

CSSS yang merupakan singkatan dari "SlideShow System berbasis CSS" adalah kerangka kerja yang dibuat oleh Lea Verou (dikenal sebagai guru CSS). Intinya, kerangka kerja ini memungkinkan Anda membuat slide presentasi dengan standar web HTML dan CSS. Tampilan slide ini mendukung cara pintas keyboard seperti ←, →, ↓ dan ↑ untuk menavigasi melalui slide.

Jika Anda melakukan CSS dan HTML, kerangka ini menurut saya pengganti (lebih baik) untuk perangkat lunak berharga tinggi seperti MS PowerPoint.

BonsaiJS

Bonsai adalah pustaka grafis JavaScript ringan dengan API intuitif. Kita dapat menggunakan perpustakaan ini untuk menggambar bentuk sederhana seperti persegi panjang, segitiga, lingkaran, atau grafik dengan kompleksitas yang dalam. Perpustakaan ini juga dapat digunakan untuk memberikan rendering Scalable Vector Graphic (SVG) di browser yang tidak didukung sebagai fallback.

Selain itu, Bonsai juga menyediakan beberapa fitur termasuk Animasi, Acara dan Filter untuk membuat grafik ini bertindak lebih interaktif.

Pola Responsif

Pola Responsif adalah kumpulan pola yang dapat Anda gunakan untuk membangun situs web responsif. Koleksi ini mencakup beberapa contoh tata letak responsif dan navigasi dengan beberapa pola responsif lain dari komponen web umum seperti gambar, video, tabel, dan formulir.

Perangkat Effin

Ini mungkin adalah semua yang Anda butuhkan untuk membantu mengembangkan situs web Anda. Effin Toolsets adalah kumpulan dari selusin alat yang berguna untuk pengembang web, yang dikemas dalam satu tempat.

Salah satu alat dalam koleksi ini yang menurut saya sangat berguna adalah Entifier, alat ini akan mengubah karakter ini, < dan >, ke dalam kode HTML mereka sehingga cuplikan kode Anda akan ditampilkan dengan benar di dalam

menandai.

Susy

Susy adalah grid responsif untuk Kompas. Seperti halnya kerangka kerja responsif lainnya di luar sana, kerangka kerja ini terdiri dari beberapa gaya yang telah ditentukan tetapi karena dibangun dengan Sass dan Kompas kerangka ini jauh lebih dapat dikonfigurasi.

Susy memungkinkan Anda untuk menyesuaikan nomor kolom, lebar kolom, selokan, dan bantalan kisi, menjadikannya kisi Anda sendiri yang sesuai dengan situs web Anda. Susy akan melakukan semua kerja keras: perhitungan. Jika Anda seorang geek super yang senang bekerja dengan Sass dan Kompas, ekstensi ini pasti untuk Anda.

Navigasi dropdown tanpa batas

Menu tarik-turun adalah komponen umum yang kami temukan di situs web. Namun, membuat navigasi dropdown tidak semudah kelihatannya. Harry Roberts CSS Wizardry, untungnya, telah membagikan miliknya “kode ajaib” untuk membuat navigasi dropdown tanpa batas (yang luar biasa).

Bourbon Rapi

Rapi adalah kerangka kerja grid responsif yang membantu Anda menjalankan situs web responsif dengan mudah. Itu dibangun di atas Sass dan Bourbon, koleksi mixin berguna untuk Sass. Kerangka kerja ini adalah permata Ruby, dapat diinstal melalui Terminal atau Command Prompt dengan baris perintah ini instal permata dengan rapi.

Typicons

Ikon tidak akan cukup. Typicons adalah seperangkat ikon font yang terdiri dari sekitar 88 karakter. Anda dapat menambahkan ikon-ikon ini melalui @ font-face aturan dan terapkan mereka ke situs web Anda dengan elemen pseudo CSS atau tanamkan secara langsung dengan karakter HTML mereka.

Dengan menggunakan webfont untuk mengirimkan ikon Anda, Anda dapat memiliki keuntungan karena tidak perlu menggunakan CSS sprite dan menyesuaikan posisi latar belakang untuk menampilkan ikon, layar beresolusi tinggi siap dan secara teknis mengurangi permintaan http dan mengkonsumsi bandwidth lebih rendah daripada ikon bitmap.

Annotator

Perpustakaan ini memungkinkan Anda untuk menambahkan komentar, tag, dan penurunan harga ke konten web Anda dan bersama dengan Annotate. Anda dapat menyimpan anotasi secara gratis.

Bandara

Ketika Anda berada di bandara, Anda akan melihat papan informasi penerbangan dengan membalik teks di atasnya. Dengan plugin jQuery ini, Airport, kami dapat membuat efek teks pengarsipan yang sama.

Kesimpulan

Itu saja untuk bulan ini. Sudahkah Anda mencoba hal-hal ini? Yang mana favoritmu? Apakah Anda menemukan hal-hal keren lainnya untuk perancang / pengembang web yang kami lewatkan dari daftar ini?.

Jangan ragu untuk membagikannya di kotak komentar di bawah ini, dan kami ingin mendengar pendapat Anda juga.