Selection Good Resources May 2014

Pada postingan sebelumnya gue sudah berbagi tool free data URI encoder with preview. Sekarang AA Koben akan berbagi informasi menarik dari selection good resources yang berarti berbagi link source pilihan! Dari labs.hyperandroid.com sobat bisa sikat tool CSS spriter labs.hyperandroid.com/static/texture/spriter.html Jika kepengen melihat ada berapa jumlah kata dari sebuah script yg panjang amat, silahkan coba tool JavaScript minified code word counter jsdo.it/uupaa/JSWordCounter Kalau kepengen meminimize kode CSS, anda layak coba kreasi dari www.phpied.com/cssmin-js try it tools.w3clubs.com/cssmin
Tiga biji saja toolnya yah, kebanyakan nanti malah ngiler ;)) Eh satu lagi aja deng a super friendly chrome extension for designers to test responsive websites www.dimensionstoolkit.com/a

Menemukan satu artikel unik, cara memanipulasi gambar dengan teknik animating images with css keyframes read here www.pencilscoop.com/2014/04/animating-images-with-css-keyframes Dari web developer mozilla Koben mendapat pilihan:

1. developer.mozilla.org/en-US/demos/detail/vttmaker
2. developer.mozilla.org/en-US/demos/detail/jsontreeviewer
3. developer.mozilla.org/en-US/demos/detail/jskeysconfig-generator

Sekedar buat iseng have fun dengan bookmarklet script dear sir or madam meowni.ca/posts/dear-sir-or-madam Pure CSS components memberikan 5 pilihan komponen CSS yg bisa langsung di pakai. Komponen tersebut meliputi carousel, collapse, dropdown, modal and tab yg keseluruhan di bangun dengan kode CSS. Please visit www.felipefialho.com/css-components/index.html
Mau mengecek browser kalian apa versi baru atau masih belum up to date, silahkan bermain dengan GoyaPixel jackschaedler.github.io/goya
Bikin kopi dulu dan bawa cemilan, masih panjang acara kita :))

By guest author from CSS-Tricks berbicara mengenai reading position indicator css-tricks.com/reading-position-indicator Nah ini buat pembanding saja oke codepen.io/pankajparashar/pen/towxF, codepen.io/jonstuebe/pen/KrIex & bit.ly/1noLeAm Issue tentang icon pakai penggunaan font merupakan salah satu tutorial yg sedang berkembang...

• game-icons.net
• perfecticons.com
• ionicons.com
• iconion.com/index.html
• www.uiplayground.in/css3-icons
• www.carlosjeurissen.com/google-icons
• drinchev.github.io/monosocialiconsfont

Mau dikunjungi silahkan, mau tidak tapi harus di lihat ... :D
BONUS:
codepen.io/jakealbaugh/pen/Ckxsg - codepen.io/simeydotme/pen/jgcvi - codepen.io/vsync/pen/upeBw - codepen.io/websiddu/pen/IGqte - codepen.io/johndjameson/pen/tLzCl - codepen.io/Kseso/pen/wBlnH - codepen.io/andreasstorm/pen/kAuJd - codepen.io/icutpeople/pen/cpfeb - codepen.io/Stanssongs/pen/GgvbD - codepen.io/jordanoaragao/pen/Dsvkn - codepen.io/yoksel/pen/fsdbu - codepen.io/Hiswe/pen/yszkE - codepen.io/alanrsoares/pen/hBosn - codepen.io/mariusbalaj/pen/GcIaj - codepen.io/dualmoon/pen/sCKhy - codepen.io/natewiley/pen/zDIeC - codepen.io/ScottMarshall/pen/lFuqG - codepen.io/macreart/pen/FKfEr - codepen.io/rachelnabors/pen/AeEHw - codepen.io/motorlatitude/pen/hipIl - codepen.io/tylerfowle/pen/Fbnor - cssdeck.com/labs/nav-social-media-concept - cssdeck.com/labs/under-construction-tape - cssdeck.com/labs/full/loaderskit - cssdeck.com/labs/wrap-image-in-3d-cylinder-2 - cssdeck.com/labs/css2-spotlight - cssdeck.com/labs/bgcanvas1 - www.webdesigndev.com/freebies/free-css-buttons-icons

Happy blogging \m/