Site Bookmark #1 : HTML dan CSS

Ini merupakan seri pertama dari postingan mengenai “Site Bookmark“. Di dalam postingan ini, saya ingin menyajikan 7 situs yang menurut saya cukup menarik dan tentunya saya simpan (bookmark). Untuk yang pertama ini, saya menyajikan 7 situs yang berhubungan dengan HTML dan CSS, baik tools, framework maupun tips dan triks.

#1. Holmes: The CSS Markup Detective

Situs ini menyajikan satu tools yang cukup menarik. holmes.css merupakan suatu tools yang dapat membantu kita dalam memeriksa kualitas dari perintah HTML dan CSS yang kita bangun berdasarkan standar W3C HTML5. Error akan langsung ditampilkan di web dalam bentuk border yang berwarna tertentu pada elemen yang error. Jika terdapat error yang tidak bisa ditoleransi maka akan terdapat border warna merah, jika hanya berupa warning, maka border berwarna kuning dan jika terdapat perintah yang deprecated maka error berwarna abu-abu (grey).

#2. CSSPrefixer: keep your styles clean

Menulis perintah CSS yang dapat berjalan di semua browser memang terkadang merepotkan. Tidak semua perintah dikenal di semua browser. Misalkan dalam kaitannya dengan radius suatu object, perintah membuatnya berbeda antara browser Mozilla, IE maupun Opera. Namun tidak perlu khawatir, CSSPrefixer merupakan salah satu situs / tools yang dapat membantu kita menangani masalah tersebut. Cukup copy dan paste script CSS kita pada form yang tersedia di website resminya.

#3. iOS Media Query Previewer

Ingin melihat tampilan website yang kita buat di iPhone dan iPad? Namun Anda ga punya perangkat tersebut. Mau install emulator, rasa-rasanya males… Jangan khawatir, situs ini pastinya akan sangat berguna. Tinggal masukin alamat situs yang kita ingin coba, dan akan ditampilkan website dalam 2 (dua) tampilan, iPhone (320 x 480) dan iPad (768 x 1024). Selamat mencoba.

#4. CSS Pivot

Website ini saya kira cukup unik. Kita diminta memasukkan alamat suatu website, dan selanjutnya website yang kita masukkan akan ditampilkan di browser bersama suatu window “Custom Styles“. Di dalam window ini kita dapat menambahkan perintah CSS sedemikian rupa sehingga perintah tersebut akan mempengaruhi website yang kita buka tadi.

#5. Initializr: Start an HTML5 project in 15 seconds!

HTML 5 memang lagi ngetren sekarang. Bagi Anda yang belum pernah mencoba HTML 5, namun ingin mempelajarinya atau ingin membuat template web sendiri dengan menggunakan HTML 5 tersebut, website ini pastinya akan menjadi awal yang baik. Di website ini, tersedia framework awal template website yang menggunakan perintah-perintah HTML 5. Kita juga dapat mengatur apakah akan menggunakan jQuery atau tidak, menggunakan konfigurasi server atau tidak dan sebagainya. Jadi tinggal setting-setting, lalu download filenya. Mudah kan?

#6. LayerStyles : CSS Generator mirip Layer Style di Adobe Photoshop

Bagi Anda yang suka mainan Adobe Photoshop, tentu pernah menggunakan fitur Layer Style atau Blending Options. Nah, situs ini menyajikan hal serupa, namun hasilnya berupa perintah CSS. Ada opsi untuk menambahkan background (shadow), mengatur border, inner shadow dan sebagainya. Sangat menarik!

#7. Mobile Boilerplate : Framework Template untuk Mobile

Ingin membuat template web yang ditujukan khusus untuk perangkat mobile? Seperti iPhone, iPad, Android, Symbian, Blackberry dan sebagainya. Framework ini saya yakin akan berguna buat Anda. Download dan mulailah merancang website Anda sendiri di mobile.

Demikian 7 Situs menarik yang saya rekomendasikan untuk Anda kunjungi dan bookmark! Semoga bermanfaat dan nantikan 7 situs lainnya di edisi berikutnya.

Berbagi itu indah...Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest0Digg this

26 comments

  1. Hi Admin,Numpang iklan Lowongan Kerja. Thanks.Sebuah perusahaan media cetak di Jakarta sedang membutuhkan Oracle Programmer dengan kualifikasi sbb:1. Pengalaman sebagai Oracle Developer (diutamakan)2. Menguasai Oracle Forms/Report3. Mengerti Oracle SQL, PL/SQL4. Familiar dengan Oracle Database5. Memiliki Logika Pemograman yang baik6. Bisa bekerja sama dalam tim7. Fresh Graduate dipersilahkanBila ada yang berminat, silahkan kirim lamaran dan resume keemail : hendra.permana@seputar-indonesia.comsubject : ORACLE PROGRAMMERPaling lambat 24 Juni 2011Terimakasih

  2. mas bisa minta bantuan otak atik blog saya ?
    saya masih awam nih , tapi butuh banget buat market kerja saya ..
    hehehehe
    mohon bantuannya yaaaa …

  3. dari dulu ingin sekali belajar css dan HTML  belum bisa juga, kalau sudah bisa kelihatannya sangat menarik sekali untuk dipakai,,thanks gan atas tutorialnya

  4. SAYA BINGUNG AMA CSS, MENDING XHTML
     
     
    sincerly,
    <a href=”http://downloadsoftwareserialcrackkeygen.blogspot.com/2011/08/pes-2012-demo-tweak.html”> Cyber Tech </a>

Leave a Reply

Your email address will not be published. Required fields are marked *