Tutorial Codeigniter: Masalah Facebook Open Graph

Sampai saat ini, media sosial masih menjadi salah satu faktor yang menyumbang lalu lintas website. Dengan mengetahui fungsi Open Graph, Anda dapat memasarkan konten website dengan baik untuk menghasilkan lebih banyak konversi. Menambahkan tag Open Graph ke dalam situs web Anda memang tidak akan secara langsung mempengaruhi SEO, namun hal ini dapat mempengaruhi kinerja dari link Anda di media sosial. read more

Tutorial Codeigniter: Bekerja dgn template

Perkembangan gadget menuntut web developer agar website bisa dibuka di hp dan pas di segala ukuran layar, jika pada desktop bisa menampilkan web secara full, berbeda untuk Tablet dan Mobile yang harus “memangkas” beberapa fitur untuk kepentingan pengguna/client. Ada beberapa cara yang bisa anda tempuh seperti dibawah ini

Membuat Web Mobile dengan jQuery

JQuery Mobile adalah web framework yang dioptimalkan untuk perangkat-perangkat layar sentuh (touch-optimized). sebagai library, jQuery Mobile yang dikenal sebagai library JavaScript maupun framework mobile ini dikembangkan oleh tim jQuery Project.

Redirect Halaman

Mungkin ini sedikit manual untuk era sekarang ini, namun jika anda sudah terlanjur merancang website yang tidak responsive maka bisa mencoba metode ini, buatlah satu buah homepage (khusus untuk mobile) disamping homepage utama yang menjadi landasan awal sehingga menjadi seperti berikut:

http://website.com/index.php
http://website.com/index_mobile.php

Tentunya anda sudah merancang tampilan berbeda (dengan CSS) untuk masing-masing halaman tersebut, lalu anda tinggal menambahkan kode redirect (javascript) dari index.php ke index_mobile.php atau sebaliknya tergantung ukuran layar, manual bukan? (hehehe).

Cara Membuat Web Responsive Dengan CSS

Saat merancang layout web dengan CSS maka halaman yang kita buat akan mengikuti prosedur kode CSS yang kita tulis, namun juga bisa mengeksekusi kode tertentu sesuai dengan syarat yang berbeda-beda (ukuran layar device) ini disebut dengan responsive layout, dengan responsive layout kita tidak perlu membuat halaman khusus untuk mobile atau tablet, yang harus kita lakukan adalah menulis kode CSS yang berbeda-beda untuk ukuran layar berbeda pula (desktop, mobile dan tablet), berikut contohnya:

<style  type="text/css">
@media (min-width: 481px) and (max-width: 768px) {
#banner { width:740px; }
#banner img { max-width:740px; max-height:222px; }
#main { width:740px; }
#main-content { width:450px; float:left; }
#widget-container { width:200px; float:right; }
.widget-content { width:160px; }
}
</style>

 

User Agent

Jika anda familiar dengan php framework seperti codeigniter atau laravel mungkin sering mendengar, user agent adalah adalah sebuah