Sumber Sumber Daya untuk Pereka dan Pemaju Web (Oktober 2012)

Setiap bulan ada puluhan barang percuma yang dikongsi oleh orang yang sangat murah hati dalam reka bentuk web dan komuniti pembangunan web; ia hampir mustahil untuk bersaing dengan semua perkara baru ini. Walau bagaimanapun, anda tidak perlu risau; dalam catatan ini kami telah memilih 10 'barangan' berguna mulai dari coretan kod ke alat, kerangka untuk plugin untuk menjadikan pekerjaan dan kehidupan anda sebagai pereka dan pemaju web lebih mudah.

Mari kita periksa mereka.

Semak semua sumber segar kami (menurut bulan):

Oktober 2012
November 2012
Disember 2012

CSSS

CSSS yang bermaksud "Sistem SlideShow berasaskan CSS" adalah rangka kerja yang dicipta oleh Lea Verou (dikenali sebagai guru CSS). Pada dasarnya, rangka kerja ini membolehkan anda membuat slaid persembahan dengan standard web HTML dan CSS. Tayangan slaid ini menyokong pintasan papan kekunci seperti ←, →, ↓ dan ↑ untuk menavigasi slaid.

Sekiranya anda melakukan CSS dan HTML, rangka kerja ini saya fikir pengganti (lebih baik) untuk perisian mahal seperti MS PowerPoint.

BonsaiJS

Bonsai adalah perpustakaan grafik ringan ringan dengan API intuitif. Kita boleh menggunakan perpustakaan ini untuk menarik bentuk mudah seperti segi empat tepat, segitiga, bulatan, atau grafik dengan kerumitan yang mendalam. Perpustakaan ini juga boleh digunakan untuk menyampaikan paparan Grafik Vektor Berkala (SVG) dalam pelayar yang tidak disokong sebagai sandaran.

Di samping itu, Bonsai juga menyediakan beberapa ciri termasuk Animasi, Acara dan Penapis untuk membuat grafik ini bertindak lebih interaktif.

Corak Responsif

Corak Responsif adalah koleksi corak yang boleh anda gunakan untuk membina laman web responsif. Koleksi ini merangkumi beberapa contoh susun atur responsif dan navigasi dengan beberapa corak responsif komponen web biasa seperti imej, video, jadual dan bentuk.

Effin Toolsets

Ini mungkin adalah yang anda perlukan untuk membantu mengembangkan laman web anda. Effin Toolsets adalah koleksi alat sedozen yang berguna untuk pemaju web, semua dalam satu tempat.

Salah satu alat dalam koleksi ini yang saya cari sangat berguna ialah Pengatur, alat ini akan mengubah aksara ini, < dan >, ke dalam kod HTML mereka supaya cuplikan kod anda akan dipaparkan dengan betul di dalamnya

tag.

Susy

Susy adalah grid responsif untuk Compass. Seperti mana-mana rangka kerja grid yang responsif di luar sana, ia terdiri daripada beberapa gaya yang telah ditetapkan tetapi sejak ia dibina dengan Sass dan Kompas rangka kerja ini lebih banyak dikonfigurasikan.

Susy membolehkan anda menyesuaikan nombor lajur, lebar lajur, longkang dan padding grid, menjadikannya grid sendiri yang sesuai dengan laman web anda. Susy akan melakukan semua kerja keras: pengiraan. Jika anda seorang pakar super yang suka bekerja dengan Sass dan Compass, lanjutan ini pasti untuk anda.

Navigasi jatuh turun tanpa had

Menu lungsur adalah komponen biasa yang kami dapati di laman web. Walau bagaimanapun, mewujudkan navigasi jatuh turun tidak semudah yang kelihatan. Harry Roberts dari CSS Wizardry, untungnya, telah membagikannya “kod ajaib” untuk membuat navigasi turun jatuh tak terhingga (yang mengagumkan).

Bourbon Neat

Rapi adalah kerangka grid responsif yang membantu anda menjalankan laman web responsif dengan mudah. Ia dibina di atas Sass dan Bourbon, koleksi campuran yang berguna untuk Sass. Rangka kerja ini adalah permata Ruby, ia dapat dipasang melalui Terminal atau Command Prompt dengan baris perintah ini permata memasang kemas.

Typicons

Tidak akan cukup untuk ikon. Typicons adalah satu set ikon font yang terdiri sekitar 88 aksara. Anda boleh menambah ikon ini @ font-face memerintah dan menerapkannya ke laman web anda dengan CSS pseudo-elemen atau membenamkannya secara langsung dengan watak HTML mereka.

Dengan menggunakan webfont untuk menyampaikan ikon anda, anda boleh mempunyai kelebihan tanpa perlu menggunakan sprite CSS dan menyesuaikan kedudukan latar belakang untuk memaparkan ikon, skrin resolusi tinggi sedia dan secara teknikal ia mengurangkan permintaan http dan menggunakan jalur lebar yang lebih rendah daripada ikon bitmap.

Annotator

Perpustakaan ini membolehkan anda menambah komen, tag dan markdowns ke kandungan web anda dan bersama dengan AnnotateIt anda boleh menyimpan anotasi anda secara percuma.

Lapangan Terbang

Apabila anda berada di lapangan terbang, anda akan melihat papan maklumat penerbangan dengan membalikkan teks di atasnya. Dengan plugin jQuery ini, Lapangan Terbang, kami dapat membuat kesan teks yang sama.

Kesimpulannya

Itu sahaja untuk bulan ini. Pernahkah anda mencuba apa-apa perkara ini? Yang manakah kegemaran anda? Adakah anda mendapati apa-apa perkara lain yang menarik untuk pereka / pemaju web yang kami terlepas dari senarai ini?.

Jangan ragu untuk berkongsi mereka di dalam kotak komen di bawah, dan kami ingin mendengar pendapat anda juga.