Postingan sebelum-sebelumnya Koben pernah berbagi tools keren yang entah berada dimana keberadaannya :d Tools dengan sistem drag and drop file sepertinya memang sedang digandrungi saat ini dalam proses bekerja. Contohnya seperti ini sob B.I.R.M.E. (Batch Image Resizing Made Easy) Pelajari, merubah tinggi, lebar dan memberikan efek border langsung ke dalam image! Mudah :))
Dengan variable CSS
Pakai border
Dengan variable CSS
border imagedapat di sisipkan. Tetapi untuk gambar sedikit sulit apabila membuatnya ;)) Pake itu saja...hehehe. Resize percentage juga dapat kita sesuaikan mau berapa persen! Simulasi
Pakai border
Pakai birme (no border)
Karena BIRME tidak opensource, Koben akan kasih yg mirip tetapi sudah open-source Thumbnail generator. Setelah bermain-main dengan tinggi, lebar, quality, border effect pada image, sekarang saatnya mengetahui bagaimana cara membuat efek animasi GIF. Sobat hanya perlu drag & drop-drag & drop klik deh tombol ► Animate
Contoh kreasi Koben
Mau tahu nama webnya!!!
Ini sobat Mothereffing animated gif (sudah opensource) Di balik semua itu, kalian bisa sikat juga open-source lainnya di Mothereffing web developer tools. Dan inilah para kreator baik hati yang telah membuat tools bermanfaat itu H5BP ♥ Open Source :x
Sekian dan terima kasih, semoga bermanfaat :)
Happy image \m/
Web tools for lazyman
Web tools for lazyman
Setelah gambar dibikin indah, sekarang issue responsive menjadi hambatan tersendiri untuk image ini! Jangan khawatir, script dapat menyelesaikan semua itu, sikat Riloadr: A responsive images loader. Setelah membuka link tersebut, sobat resize-resize deh windows browse kalian? Apa yg terjadi disana pada gambarnya :))Sekian dan terima kasih, semoga bermanfaat :)
Happy image \m/
Loading... |
2 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...