Membuat Custom Permalink / URL Dengan Ajax

Assalamualaikum wr wb, Disini admin akan memberi tutorial yang awesome lah buat pecinta blog ini .. sering- sering berkunjung kesini pecinta pemrograman :v karena disini akan di bagi tips yang mungkin anda belum ketahui sebelumnya :v mungkin ....

ok langsung ke topic saja ,.

Membuat Custom Permalink Dengan Ajax ?

Emang bisa ? Pakai Htaccess Kan ?

Oh tentunya TIDAK !! saya akan bahasa sesuai dengan judul

ini contoh permalink dengan ajax

mirip dengan Angular JS ? Oh Iya , tapi itu bukan Angular , itu Code Manual 

OK akan saya kasih snippet code nya ,..

Main.php

Kemudian Kode Javascript nya dibawah ini

script di atas untuk meng handle klik mouse , agak tidak bisa redirect ke Url tujuan .

nah untuk menghandle adanya reload / back space kita tambahkan code di bawah ini

jangan lupa tutup </script> ya :D

Iya begitulah Scriptnya dengan Fungsi Html5 window.history.pushState() Kita Bisa Memanipulasi Permalink pada website kita .

jangan lupa tambahkan container untuk menampung isi dari link tersebut ya :*

ini script full code nya

Semoga bermanfaat :*

Wassalamualaikum Wr wb

HTML5 Custom Data Attribut

Pernahkah Anda menggunakan nama kelas elemen atau atribut rel untuk menyimpan potongan metadata ? 

Jika Anda pernah menggunakan itu dan Anda berpikir, Wow, itu ide bagus! Saya mohon Anda untuk menyingkirkan pikiran Anda dari pikiran itu segera dan terus membaca tentang informasi yang terbaru dari dunia pemrograman front end atau yang lain.

Berkat HTML5, kita sekarang memiliki kemampuan untuk menanamkan data atribut khusus pada semua elemen HTML. Atribut ini data kustom baru terdiri dari dua bagian:

Attribute Name

Data atribut name harus setidaknya satu karakter panjang dan harus diawali dengan 'data-'. Seharusnya tidak mengandung huruf besar.

Attribute Value

Nilai atribut dapat kata apapun.

Gunakan Contoh Potongan Script Seperti di bawah ini

Bagaimana saya bisa menggunakan atribut data?

Sebagai atribut data kustom yang valid HTML5, mereka dapat digunakan dalam setiap browser yang mendukung HTML5 doctype. Untungnya, ini cukup banyak mereka semua. Selain membantu kompatibilitas mundur, ini juga memastikan bahwa atribut data kustom akan tetap menjadi, solusi cross-platform scalable baik ke masa depan.

Sekarang bahwa kita memiliki pemahaman yang luas dari apa atribut data, mari kita lihat bagaimana mereka dapat digunakan:

1. Untuk menyimpan ketinggian awal atau opacity dari suatu unsur yang mungkin diperlukan dalam perhitungan animasi JavaScript kemudian
2. Untuk menyimpan parameter untuk film Flash yang dimuat melalui JavaScript
3. Untuk menyimpan analisis Web kustom penandaan Data
4. Untuk menyimpan data tentang kesehatan, amunisi, atau kehidupan unsur dalam permainan JavaScript
5. Untuk daya diakses JavaScript <video> sub judul

Sekian Pengetahuan dari Syntax-x.blogspot.com Semoga menambah pengetahuan agan agan juga heheehe 

Cara Cepat membuat responsive gambar dengan html5

Masalah Pertama

Hari-hari fixed-width, pixel desain website yang sempurna baik dan benar-benar di belakang kami. Pada hari ini monitor layar lebar, TV internet, beberapa tablet berukuran dan ponsel pintar desain kami sekarang harus memenuhi segala sesuatu dari 320px lebar hingga berpotensi setinggi 7680px lebar.

Seiring dengan ini lanskap multi-resolusi datang kebutuhan untuk gambar untuk meregangkan atau mengecilkan sesuai persyaratan liar bervariasi. Hal ini dapat membuktikan menjadi sesuatu dari masalah mengingat bahwa, dengan pengecualian grafis vektor, sebagian besar gambar memiliki lebar berdasarkan pixel tertentu yang tidak berubah.

Anda ingin menggunakan code ini untuk solusi anda ? hahahah boleh juga tapi ada resikonya

jika anda menggunakan code ini gambar yang anda tampilkan akan terlilhat Skecth Jika di layar mobile ,..

Jadi apa yang kita lakukan?

Anda Bisa Menggunakan Tag <picture> Untuk Solusi dari masalah ini ,

Bagaimana <picture> bekerja ?

1. Buat pembukaan dan penutupan <picture> </ picture> tag.

2. Dalam tag tersebut, membuat <source> elemen untuk setiap query Anda ingin menjalankan.

3. Menambahkan atribut media yang berisi permintaan Anda pada hal-hal seperti ketinggian viewport, lebar, orientasi dll

4. Menambahkan atribut srcset dengan nama file gambar yang sesuai untuk memuat.

5. Tambahkan nama file tambahan untuk atribut srcset Anda jika Anda ingin menyediakan kepadatan pixel yang berbeda, misalnya Menampilkan retina.

6. Tambahkan fallback <img> elemen.

sekian tutorial dari syntax-x.blogspot.com semoga bisa menjadi wawasan agan agan blogger semua aahahahah :D

anda tertarik dengan otomotif ? dapatkan berita otomotif di otopromo.com

Membuat Simple Autocomplete Dengan Html 5

Wah Sudah Lama gak pernah posting nih , blog jadi menurun ,.. hahahah karena dulu lupa password blog ini jadi admin gak pernah posting :D udah 2 tahun gak pernah posting ,
sekarang admin mau posting bagaimana cara membuat autocomplete simpel dengan html5 :D
karena admin orang nya sangat suka dengan yang simpel , buat apa ribet kalo ada yang simpel ? :D

Itu Contoh Autocomplete nya , Simpel ?

tag apa saja yang di pakai ? adakah jQuery atau javascript atau CSS ?

yang di pakai hanya lah tag <datalist> , Kamu Juga bisa menambahkan code jQuery , javascript , css atau Php jika ingin membuat tampilan autocomplete terlihat dinamis , contoh yang saya berikan adalah bersifat statis tapi dinamis :D 

Mari lihat Snippet Code Nya

Hahaaha simpel kan ? Semoga Cepat Di mengerti hahaaha

yang admin pos itu code dasar , jika ingin menambahkan jQuery atau yang lain itu terserah anda yang mengembangkan sendiri :D

Selamat Berkreasi