Tampilkan postingan dengan label HTML5. Tampilkan semua postingan
Tampilkan postingan dengan label HTML5. Tampilkan semua postingan

Jumat, 21 Maret 2014

Mengenal JQuery

Mengenal JQuery, mungkin dari kita banyak yang bertanya-tanya apa sih JQuery itu atau apa bedanya dengan Javascript? JQuery merupakan suatu framework yang menghubungkan antara Javascript dan HTML dan memiliki kehandalan dan kelebihan membuat penulisan code menjadi lebih sederhana dan cepat tetapi dengan hasil yang lebih baik dan optimal.

Mengenal JQuery

JQuery merupakan library open source yang dirilis tahun 2006 dengan lisensi GNU General Public License dan MIT License, jadi bagi kita yang ingin menggunakan plugin dari JQuery ini sendiri jangan kuatir karena ini gratis dan sudah banyak di internet

Apa saja yang bisa dilakukan oleh JQuery itu sendiri?
  • Menyederhanakan penulisan Script atau Code
    sesuai dengan motonya 'Write less do more', JQuery menawarkan penyederhanaan penulisan code dengan hasil yang lebih baik dan maksimal
  • Mengakses bagian halaman dengan mudah
    sebelumnya untuk mengakses bagian halaman tertentu harus menyesuaikan dengan struktur HTML mengikuti aturan Document Object Model (DOM), sedangkan JQuery memberikan kemudahan tanpa harus bergantung pada struktur HTML
  • Menyederhanakan proses interaksi dari user
    sebelumnya untuk merespon suatu event atau kejadian pada halaman kita membutuhkan bantuan event-handling dari javascript, sayangnya event-handling yang dimiliki Javascript itu sendiri sangat terbatas, disini JQuery melengkapi kekurangan itu dengan tambahan penanganan event-handling agar semakin mudah
  • Mengubah tampilan halaman
    umumnya untuk masalah mempercantik tampilan halaman kita menggunakan bantuan Cascading Style Sheet atau CSS, tapi terdapat masalah lain bahwa beberapa script dari CSS itu sendiri ada yang tidak jalan atau didukung oleh browser, disini JQuery memberikan solusi atas masalah tersebut
  • Mengubah isi halaman
    yang sebelumnya untuk merubah isi halaman baik itu tulisan ataupun gambar yang sebelumnya cukup sulit sekarang hanya dengan beberapa perintah JQuery masalah itu bisa teratasi
  • Mempermudah pembuatan animasi
    animasi merupakan salah satu yang dibutuhkan untuk mempercantik tampilan suatu website baik itu berupa gambar, video maupun flash. tetapi seringkali itu menjadi masalah lain terutama dalam hal loading web, disini JQuery menawarkan konsep animasi yang cukup sederhana dan ringan sehingga tidak terlalu mempengaruhi loading web.
Semoga artikel tentang pengenalan JQuery ini bermanfaat bagi kita semua khususnya saya sendiri yang juga masih baru, untuk yang ingin tahu lebih lanjut tentang JQuery bisa langsung di akses di situs resmi jQuery,

Kamis, 20 Maret 2014

HTML5 Masa Depan Website

HTML5 Masa Depan Website, seperti yang sudah sering kita dengar dari beberapa pakar yang mengatakan masa depan web design ya  HTML5. Untuk para pemula seperti kita mungkin masih bingung apa yang bisa dilakukan si HTML5 untuk meningkatkan kinerja dari website kita.

HTML5 Masa Depan Website

Melalui infographic, productivedreams menjabarkan kepada kita langkah HTML5 merubah arah jalan website.
  1. HTML5 bertujuan untuk meningkatkan bahasa pemrograman web, terdiri dari tiga jenis kode yang berbeda yaitu :
    • html yang memberikan struktur
    • cascading style sheet (CSS) yang menangani presentasi
    • javascript yang menarik segala sesuatu bersama-sama
  2. HTML5 telah dirancang untuk melakukan yang terbaik untuk kebutuhan perangkat lunak tambahan seperti plugin browser 
  3. Format web open font (WOFF) adalah bagian dari HTML5, sementara layanan independen seperti fonts.com, huruf webgoogle API dan Typekit memungkinkan pencipta konten untuk meningkatkan tampilan teks tanpa menggunakan gambar atau flash 
  4. Banyak fitur HTML5 dimaksudkan untuk meningkatkan SEO dan penemuan situs organik lainnya. Itu berarti lebih banyak traffic yang akan kita dapatkan
  5. Aplikasi multimedia juga mendapat manfaat dari HTML5 dengan memuat lebih cepat dari sebelumnya 
  6. Menigkatnya kemapuan input teks, kotak pencarian dan form field lainnya dalam memvalidasi data dan interaksi antara elemen halaman 
  7. Canvas drawing, fasilitas untuk membuat gambar interaktif, diagram dan graphic secara langsung melalui kode program tanpa bantuan flash maupun plugin
  8. Penyimpanan offline seperti 'super cookie', tapi dengan lebih banyak ruang untuk menyimpan data dalam satu waktu data dalam aplikasi database, seperti email
Dan masih banyak lagi,.. ga kerasa udah jam 3 pagi mau nonton liga champions dulu...

Rabu, 19 Maret 2014

Pengenalan Dasar HTML5

Pengenalan Dasar HTML5 Pengenalan Dasar HTML5, mungkin kita sudah sering mendengar yang namanya HTML5 dan apa bedanya dengan versi sebelumnya. HTML5 adalah versi terbaru dari HTML yang didukung untuk menjadi desain web yang terdepan bukan hanya untuk masa depan melainkan saat ini dengan berbagai kemudahan didalamnya. Oleh karena itu kedepannya HTML5 dipadukkan dengan CSS3 akan lebih sering digunakan oleh para developer dalam mendesign websitenya serta semakin didukung dalam hal Search Engine optimization (SEO).

Rancangan awal dari HTML5 untuk menggantikan versi yang sebelumnya dan direlis pertama kali keluar pada bulan januari 2008 dan sudah mendapat dukungan dari hampir seluruh browser yang ada, tetapi baru direkomendasikan untuk diterapkan beberapa tahun kemudian. HTML5 merupakan pengembangan dari W3C dan WHATWG.

Adapun struktur dasar untuk memulai HTML5
<!DOCTYPE HTML>
Kode lengkapnya sebagai berikut :
<!DOCTYPE HTML>
<html>
<head>
    <title></title>
</head>
<body>
</body>
</html>
Ada beberapa Tag HTML baru yang akan sering digunakan dalam pengenalan dasar HTML5, antara lain :
  • <header>
    berfungsi untuk menetukan header dari website yang bisa berisikan judul atau nama website beserta deskripsinya 
  • <section>
    digunakan untuk meletakkan konten, peletakkannya diantara tag header dan tag footer 
  • <nav>
    digunakan untuk mendefinisikan sebuah navigasi yang umumnya berisikan daftar link 
  • <article>
    digunakan untuk meletakkan isi konten utama dari sebuah website 
  • <aside>
    digunakan untuk menunjukkan konten yang berhubungan dengan konten yang lain. 
  • <footer>
    digunakan untuk menentukan bagian footer atau bagian bawah dari suatu website
Penggunaan struktur HTML5 selengkapnya sebagai berikut :
<!DOCTYPE HTML>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Your Website</title>
</head>
<body>
<header>
   <nav>
      <ul>
         <li>Your menu</li>
      </ul>
   </nav>
</header>

<section>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
</section>

<aside>
   <h2>About section</h2>
   <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</aside>

<footer>
   <p>Copyright 2009 Your name</p>
</footer>
</body>
</html>

Demikian pengenalan dasar HTML5 untuk kali ini, walaupun penerapannya masih baru tidak ada salahnya kita belajar lebih dulu.. walaupun sudah banyak yang menerapkannya tidak ada kata terlambat untuk memulai.. selamat mencoba :)

Inspiration Quotes

Sometimes...
it's hard for me to understand
what You really want to happen
But I trust You
I know You will give me what's best

So...
don't wait for the
PERFECT MOMONET
take the moment and
make it PERFECT


Join With Us

Join With Us
Ngadep Laptop Gajian Top

 

© 2014 Alzara.net. All rights resevered. Designed by Templateism

Back To Top