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. Ternyata value pada atribut resize dapat digunakan juga terhadap syntax img (image/gambar)
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. Ternyata value pada atribut resize dapat digunakan juga terhadap syntax img (image/gambar)
.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 :dApa 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
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/
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/
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/
Loading... |
5 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/...