Kadang sebagai manusia yang penuh dengan kekurangan Koben secara khususnya, kita semua pada umumnya selalu tidak sadar diri akan kekurangan tersebut. Mau pintar tetapi membaca saja sudah ogah-ogahan! Itu namanya malas, dan sifat malas itu bukan kekurangan, namun tepatnya penyakit kronis =)) Belajar bahasa HTML anggaplah permainan dengan serangkaian kode-kode yang dirangkai menjadi satu kesatuan, sehingga menghasilkan apa yg kita inginkan. <!doctype html> tagging dari semua web di jagat raya. Mau ekstensionnya .asp, .aspx, .com, .net, .id, .org etc jika di tagging dengan <!doctype html> yaaa itulah HTML language. Pada editor blog sendiri di bagian Edit HTML dimulai dengan
<?xml version="1.0" encoding="UTF-8" ?>! Yang Koben tahu bahasa XML itu banyak digunakan dalam pembuatan widget :D Makanya pada navbar blogger, ketika mengklik tombol Next akan random blog display! Who's know exactly what for is that :))
Dengan membaca akan melatih diri untuk mempelajari, meningkat ke memahami, terus praktek, pelajari lagi dan BINGO...oh ternyata gituuu :) Begitu juga dengan agama sob, bukan omongan yg dikedepankan...eh salah topic :D Koben akan kasih contoh code CSS berikut, apa yg kalian bisa lakukan?
.outter {
height: 450px;
width: 450px;
background-color: rgba(0,0,0,.6);
overflow: hidden;
position: relative;
margin :0 auto;
padding: 10px;
}
.inner {
height: 300px;
width: 300px;
background-color: #eee;
overflow: hidden;
position: absolute;
top: 80px;
left: 75px;
text-align: center;
moz-box-shadow: 0 0 100px 100px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 100px 100px rgba(0,0,0,.4);
box-shadow: 0 0 100px 100px rgba(0,0,0,.4);
}
Markup HTML
<div class="outter">
BLAH BLEH BLOH
BLAH BLEH BLOH
BLAH BLEH BLOH
<div class="inner">
BLAH BLEH BLOH
</div>
</div>My creation
Lorem ipsum vix id kasd adhuc dignissim, eum ad dico audire mediocritatem, te iisque tritani efficiendi has. Ne quo justo docendi. Cum ea quando placerat, eirmod latine erroribus mei ei, quo mazim appetere et. Munere aliquid vis ea. Te congue ullamcorper per. Dicat dolores eu duo. Quas labitur volumus te duo, at per sonet detraxit evertitur. No nonumy percipit voluptatum vel, alii erant mediocritatem sed at. Brute aeque deseruisse mei ex, invidunt constituto usu te, sea te delectus urbanitas interpretaris.
Eu ullum ubique eum, id aliquid mediocrem quo. Nam ne eius debitis. Vis porro labitur laboramus an. Utamur electram voluptatum qui cu, nobis efficiendi eloquentiam in quo, scripta euripidis in est. At viris imperdiet vix. Justo assueverit reprehendunt has in, nostrud legendos appellantur eam ea. Eos ex erat errem utinam, eos epicuri philosophia ut, ad eam ubique labore.
Eos nibh laboramus ei, ei sumo fugit pro, ut dicat impetus partiendo vim. Ei magna velit eripuit duo, tamquam feugiat molestiae quo an, mea primis putant persequeris et. Nec te utinam adipiscing. His te illum posse. Ne mel detracto splendide referrentur. Ea mel everti concludaturque, ne nam alia reque. Vim apeirian iracundia ea, ea solum oratio oporteat duo, scaevola mandamus eu vel.
Tante Cantik :D
Tingkat keseriusan dalam mempelajari satu hal mempengaruhi hasil yg didapat.
Dulu sempat aneh juga, kok kenapa kode/script ditulis miring, loncat sana-sini, ya karena saya tidak paham :p Syntax highlighter salah satu contoh, tulisan menjadi warna-warni bukan buat gaya-gayaan :)) Apa yg sobat bisa lakukan dengan kode CSS berikut
CSS rotating by
Christian Heilmann.
Kreasiku
Personal blog milik Christian Heilmann mempunyai konten mantap² Seputaran issue terhangat HTML5 :-bd Koben lihat dia sepertinya deket sama tim mozilla developer :D Contoh artikel gue dapat dari sana bos
Creating screengrabs from HTML5 video with Canvas and this
Image cropping with canvas and context menu!
Apa yg kalian lakukan jika menemukan sebuah web dengan great content full stylish? What just say thanks for the great posted!!!
Dua contoh postingan diatas sudah opensource! Tinggal comot tuh, masa mempelajari saja tidak mau? Apalagi suruh buat =))
IQRA
Happy blogging \m/
#navbar-iframe {
background-color: #333;
display: block;
}
#hidden_navbar {
position: absolute;
top: 0;
right: 0;
height: 30px;
width: 100%;
}
#hidden_navbar img {
float: right;
margin-right: 7px;
margin-top: 7px;
cursor: pointer;
}