Link-link Pilihan Minggu Ini #5

Link-link pilihan #5 untuk 2-7 Mei 2016. Nemu link unik atau artikel menarik? kalao saya iya, berikut link-link pilihan untuk tgl 2 sampai dengan 7 mei 2016.

# JSTips

Jstips adalah situs kumpulan tips-tips dan snippet-snippet code javascript. Tips-tips mulai dari konsep dasar sampai optimasi script javascript.

JSTips homepage screenshot

# tota11y

Jika anda mempunyai concern lebih terhadap accessibility web, mungkin library Javascript ini bisa membantu anda untuk mengetahui kekurangan-kekurangan web kita dari segi accessibility. Seperti tag img yang tidak memiliki alt text, atau alt text yang harus mendeskripsikan image yang bersangkutan. Atau menunjukkan error dari segi hierarki heading dan lain sebagainya.

Tota11y

# boxy-svg

Terlalu berat buka Adobe Illustrator untuk membuat ilustrasi SVG sederhana? Coba Boxy SVG. Boxy SVG adalah Aplikasi Chrome berbasis web untuk membuat ilustrasi dalam format SVG.

BoxySVG, simple SVG Editor

# Fontea

Font-font yang ada di Google Fonts memang bagus-bagus, tapi kadang kita malas untuk mendownload font yang diinginkan untuk digunakan dalam proses desain. Fontea adalah extensi untuk Adobe Photoshop dan Sketch (Coming Soon) yang berfungsi sebagai Google Font Picker. Jadi anda tidak perlu mendownload satu-satu file font dari google, anda tinggal pilih saja font yang ingin dipakai dari window Fontea

FonTea, Cara mudah pake Google Font di Photoshop

# Animated heat distortion effects webgl

Tutorial menarik dari codrops untuk membuat ilusi distorsi pada gambar. Dengan menggunakan teknologi webgl dan canvas, anda akan mempelajari bagaimana menggunakan kedua teknologi tersebut untuk menambahkan efek menarik pada gambar kita. Misalnya efek fatamorgana, Riak Air dan lain sebagainya.

Tutorial Efek Distortion

# Styling text with SVG filters

Untuk menambahkan text kita bisa menggunakan Text-shadow, text outline ganti font dan lain sebagainya, namun pernahkan anda mencoba memberikan style pada text dengan bantuan SVG? di artikel ini anda akan mempelajarinya. Styling text untuk mendekati text yang ada dalam desain uang dollar.

SVG Text Filter

# Flexboxgrid

Setelah anda belajar flexbox mungkin anda akan berfikir, kayaknya mudah juga bikin grid system dengan flexbox. Well, kemarin saya nemu grid berbasis flexbox. Silahkan dicoba-coba

Flexbox Grid Library

# Overapi

Overapi adalah situs kumpulan cheatsheet dari berbagai bahasa pemrograman, CMS, Library atau plugin.

Kumpulan Cheatsheet programming

# ResponsifyJS

Mengatur agar image responsif tidak kehilahan focus point itu memang susah, tapi dengan ResponsifyJS kita bisa mengatur dimana focus point image, so dalam posisi responsive, image tetap menampilkan fokus utama yang telah kita definisikan.

# UIinteractions

Satu lagi sumber inspirasi untuk User Interface Design, UI Interactions adalah koleksi Interaksi User Interface. Jika anda sedang mencari-cari inspirasi tentang bagaimana interaksi terhadap UI, mungkin anda bisa menemukannya disitus ini.

Inspirasi Interaksi UI

# Tribute

Tribute adalah library js semacam autocomplete untuk mention. Jika anda pernah bermain di stackoverflow anda mungkin pernah memention salah seorang user dengan symbol @ lalu muncul suggestion user yang ingin dimention.

Library buat mention-mentionan

Edit artikel ini di GitHub
Terakhir diperbarui: 21 Mei 2020