Jumat, 29 Juni 2012

Just For You...HeHeHe

Seperti biasa karena tidak ada bahan post tutorial yang in the pret maknyus top markotop, Koben akan melakukan satu kebiasaan bagi kalian pengunjung setia blog aneh ini melancong ke berbagai belahan dunia. Sebelum acara pelancongan dimulai ada sedikit tips terbaru dr dunia CSS3 mengenai Resize Web Page Elements with CSS3
Membuat konten area menjadi terlihat fleksibel bin elastis layak Resize Value on Textarea. Point utama ada pada resize atribut. Pada setiap browse attribute resize telah terpasang secara otomatis dengan batasan tinggi & lebar yg telah ditentukan oleh kita.
Lihat pojok kanan bawah terdapat tanda re-size!!!
Ternyata value pada atribut resize dapat digunakan juga terhadap syntax img (image/gambar)
Keeley

.imgResize {
resize: both;
width: XXXpx;
height: XXXpx;
padding: 5px;
overflow: hidden;
background-color: #FFFFFF;
}
img {
width: 100%;
height: 100%;
}
Pemakaian or syntax img<div class="imgResize">
<img src="WTF.jpg" alt="pic" />
</div>
Begitu saja opening post ceremony, mari kita genjot ke acara travel walking bloglang style :d
Apa alat yang dibutuhkan oleh seorang tukang otak-atik kode-kode? Salah satunya harus memiliki code editor, sobat bisa sikat Top 10 Free Source Code Editors Dilanjutkan dengan mempunyai tools compare Code Comparing Tools for Web Developers Untuk praktek ria jurus-jurus tools kita pakai apalagi kalau bukan HTML editor

Bagi pemula khusus main² kode CSS & HTML dapat mencoba csspad Sedikit peningkatan dalam menulis kode² cobain deh HTMLiveCode <-- sudah opensource :-"
Sarana dan prasarana sudah oke, tinggal resource pilihan untuk mempraktekan kreasi para master :d

  • http://www.inwebson.com/demo/css3-transitions-image-gallery/
  • http://webdesigntutsplus.s3.amazonaws.com/tuts/183_rotatedThumbnails/demo/demo.html
  • http://smashinghub.com/css3-transitions-and-animations.htm
  • http://realworldcss3.com/resources/
List terakhir lumayan juga tuh ;)) Ternyata susah mau dapatkan kode snippet serba guna, lari bro ke mari Awesome sites to find useful code snippets Aw aw aw aku mau edit image dengan mudah, layak di coba dong enThread online edit web.
Master Koben aku pusing banyak link, tapi tidak punya waktu untuk membaca konten web/blog favorit aku!!! Jangan khawatir bray, check this out Subpug web. Memberikan kemudahan mengeksplore RSS feed layaknya google reader ;)
Finish deh, kebanyakan nanti malah pusing sendiri :d
Bonus:
http://www.htmlshell.com/
http://www.browsersupport.net/
http://ginva.com/2012/02/vertical-horizontal-css3-menu-tutorials/
http://www.webdesignshock.com/css3-tutorials-exercises
http://slobodan.99k.org/plugins/coverscroll.html
Happy jalan-jalan \m/

Tidak ada komentar:

Posting Komentar