Rabu, 03 Januari 2018

Selasa, 02 Januari 2018

cara membuat scrollable pada embed gist di github

cara membuat scrollable pada embed gist di github
merupakan kotak yang digunakan untuk mengeser layar agar kamu dapat menemukan isi souce code yang tersembunyi
1. sebelum menggunakan scrollable souce code dari github yang ditampilkan di website akan kelihatan lebih panjang kodenya
2. sesudah menggunaka scrollable
3. untuk membuat scrollable kamu cukup menambahkan code seperti di bawah ini pada file css kamu

sumber : https://stackoverflow.com/questions/26323057/make-gist-embed-scrollable

Senin, 01 Januari 2018

cara membuat Grid System dengan Bootstrap dan HTML

Sistem grid bootstrap menyediakan cara cepat dan mudah untuk membuat layout situs yang responsif. Berbeda dengan sistem grid Bootstrap 2.x sebelumnya yang diperbaiki secara default, versi baru, yaitu Bootstrap 3 memperkenalkan sistem grid fluida mobile responsif pertama yang dengan tepat menyaring hingga 12 kolom seiring ukuran perangkat atau ukuran viewport.

Bootstrap 3 menyertakan kelas grid yang telah ditentukan sebelumnya untuk membuat tata letak grid dengan cepat untuk berbagai tipe perangkat seperti ponsel, tablet, laptop dan desktop, dsb. Misalnya, Anda dapat menggunakan kelas .col-xs- * untuk membuat kolom grid untuk perangkat tambahan kecil. seperti ponsel, juga kelas .col-sm- * untuk perangkat layar kecil seperti tablet, kelas .col-md- * untuk perangkat ukuran menengah seperti desktop dan layar sentuh untuk layar desktop besar. Tabel berikut merangkum beberapa fitur utama dari sistem grid baru




Cara Install Sublime di Windows 10

sublime merupakan sebuah software text editor yang digunakan oleh programmer untuk membuat aplikasi. misalnya kita mau membuat aplikasi berbasis web maka yang butuhkan sebuah text editor untuk mengedit kode. langsung saja untuk cara menginstal sublime maka ikuti langkah-langkah sebagai berikut :

1. step 1 download terlebih dahulu file .exe di situs resminya sublime di sini
2. setelah download selesai maka double klik file .exe pada hasil download tadi
3. kemudian klik next
4. kemudian klik next
5. kemudian klik next
6. kemudian klik next
7. kemudian tunggu sampai proses install selesai
8. setalah proses instal selesai kemudian bukan pada di menu windows 10 seperti gambar dibawah ini
9. sublime siap untuk membuat aplikasi


Kamis, 28 Desember 2017

Cara Menangani Internal Server Error

Cobalah beberapa hal berikut ini ketika hal tersebut terjadi // Refresh browser beberapa kali // Hapus semua cache dan cookies pada browser // Clear/flush DNS records komputer. Jika menggunakan Windows, klik Start, ketik cmd pada kolom Search (masuk ke DOS Prompt), 

1. lalu ketik ipconfig /renew

2. lalu enter setelah itu ketikan lagi ipconfig /flushdns lalu enter // Restart modem koneksi


lalu buka kembali browser anda, maka akan kembali normal seperti di gambar dibawah ini



Sabtu, 04 November 2017

menjernihkan gambar dengan css image-rendering

menjernihkan gambar dengan css image-rendering

ada tiga value yang digunakan untuk mengubah tampilan gambar di dalam CSS :
1. auto
default value digunakan untuk memaksimalkan sebuah gambar di browser
2. crisp-edges
untuk kontras warna yang blur di gunakan khusus untuk pixel art value ini digunakan untuk gambar bergerak naik turun
3. pixelated
untuk mengubah ukuran gambar menjadi lebih jernih

untuk mencoba hasil dari image-rendering CSS langsung saja lihat source codenya seperti dibawah ini :
a. css.css

b. index.php




sumber : https://css-tricks.com/almanac/properties/i/image-rendering/

Cara Upload multiple images dengan jQuery, Ajax and PHP

Cara Upload multiple images dengan jQuery, Ajax and PHP
Dalam tutorial sederhana ini, kita akan membahas beberapa upload gambar menggunakan jQuery, Ajax dan PHP. Dengan menggunakan  jQuery, Ajax dan PHP. Anda dapat mengunggah beberapa gambar sekaligus tanpa refresh halaman menggunakan jQuery, Ajax dan PHP.

Kami akan menunjukkan dua cara untuk menampilkan gambar setelah diunggah. Setelah gambar diupload ke server via jQuery, Anda bisa menampilkan gambar tanpa disimpan dalam folder atau disimpan dalam folder. Script ini sangat singkat, mudah dan berguna yang bisa dengan mudah diimplementasikan dalam proyek web anda.

Baca panduan langkah-demi-langkah berikut untuk memahami keseluruhan proses Upload beberapa gambar menggunakan jQuery, Ajax dan PHP

pertama yang perlu disiapkan adalah index.html, style.css dan upload.php
1. bagian source code index.html

2. bagian source code style.css

3. bagian source code upload.php

kalau sudah di jalankan di browser hasilnya seperti di bawah ini :

Aplikasi Penjualan Pos (Point of Sales) dengan PHP MySQL dan Bootstrap Part 7 : bagian laporan

Aplikasi Penjualan Pos (Point of Sales) dengan PHP MySQL dan Bootstrap Part 7 : bagian laporan
1. souce code bagian halaman laporan.php

untuk bagian laporan sengaja saya buat Coming Soon .....) ..untuk lebih lengkapnya silahkan kembangkan serdiri., lansung saja download dan lihat demonya aplikasi Panjulan Pos  ( Point of Sale ) di bawah ini :
username : admin
password : admin