Cara Mengganti Theme Sublime Text

Cara Mengganti Theme Sublime Text

tool

codepoin - Cara Mengganti Theme Sublime Text,yah kali ini saya akan membagikan tutorial cara merubah theme sublime text bagi teman-teman yang merasa bosan dengan tampilan sublime text silahkan ikuti tutorial ini,usahakan teman-teman mempunyai koneksi internet karena kita akan menginstall packages nya terlebih dahulu lewat terminal dari sublime nya

TUTORIAL
download terlebih dahuu theme di bawah ini

• DOWNLOAD Theme

1. setelah itu buka sublime teman-teman dan buka console nya dengan cara klik view->show console
setelah itu copy kan script ini

 2. tunggu hingga selesai setelah itu,tekan CTRl + SHIFT + P
maka akan terlhat jendela baru dan ketikan install lalu enter
jika tidak terjadi error maka packages nya sudah selesai di install
3. copy kan file hasil download tadi ke folder folder packages teman-teman dengan cara,Klik Preferences ->browse pakcges copy semua file download tadi dalam folder dan berinama Theme - Spacefunk
4.tekan CTRl + SHIFT + P
maka akan terlhat jendela baru dan ketikan install lalu enter dan ketikan spacefunk lalu enter TUNGGU KIRA-KIRA 1-2 MENIT
5. masuk ke user preferences dengan cara klik prefenreces->setting-user
hapus semua codenya lalu copy dengan code ini

{ "theme": "Spacefunk (Grey Tuesday).sublime-theme", "spacefunk_sidebar_light": true }

maka hasil nya akan seperti ini

sebelumnya

sesuah nya

atau teman-teman bisa lihat video di bawah ini

Chandra Hamdani Pada 10:26 PM 2 Komentar

Animasi Saat Mengetik Kata Ini Di Google

Animasi Saat Mengetik Kata Ini Di Google

berita

codepoin  - Animasi Saat Mengetik Kata Ini Di Google

mungkin sebagian dari kita ketika menggunakan search engine google hanyalah untuk kepentingan pencarian saja bukan,Rupanya Google menyembunyikan beberapa hal kepada kita, yaitu yang dikenal dengan nama easter eggs. Google memiliki easter eggs, jadinya Google easter eggs yang merupakan layanan rahasia milik Google. Sebenarnya ada banyak Google easter eggs, tapi sekarang saya hanya akan membahas tentang rahasia Google Do A barrel roll, Google askew / tilt, Google Gravity chrome experiments dan Google Gothic.
salah satunya yang sedang trend saat ini adalah Do A barrel roll,coba teman-teman ketikan kata itu di mesin pencari google apa yang terjadi,yah website google akan berputar 360 derajat hal ini di lakukan untuk memperlihatkan kehebatan CSS3 oleh insiyur google

Chandra Hamdani Pada 6:28 PM Komentar

Fitur Baru Di Bootstrap 4

Fitur Baru Di Bootstrap 4

berita bootstrap

codepoin - Fitur Baru Di Bootstrap 4 memang tidak jauh beda dengan bootstrap 3 tapi pada bootstrap sekarang ini terdapat beberapa hal baru yang perlu Anda ketahui, dan ini mungkin termasuk salah satu perubahan besar dari Bootstrap, walaupun ini masih versi alpha, namun kira-kira seperti inilah perubahan yang terjadi di Bootstrap 4.

1. Beralih dari Less ke Sass.
2. Peningkatan Sistem Grid
3. Dokumentasi lebih baik
4. Semua HTML reset dirubah ke modul baru, diberi nama Reboot
5. Cards
6. Mendukung Felxbox
7. Tidak lagi support IE8 dan beralih ke unit rem dan em.
8. Peningkatan fitur auto-placement dari tooltips dan popovers.
9. Plugin Javascript semuanya ditulis ulang.  

yah mungkin itu beberapa fitur baru dari sang bootstrap 4,
Penasaran, Anda bisa melihat dokumentasi Bootstrap 4 disini.
Jika ingin bergabung menjadi pengembang Bootstrap Anda bisa coba bermain-main di Github nya Bootstrap 4.
Bootstrap tidak lagi memberikan support untuk versi 2.x, namun untuk versi 3, Bootstrap masih akan memberikan support untuk setiap bug dan perbaikan dokumentasi.
Selain itu Bootstrap kini jualan template juga, mereka mereka meluncurkan sebuah side project, Official Bootstrap Themes.

Chandra Hamdani Pada 2:08 AM 1 Komentar

Cara Membuat Progress Bar Dengan CSS dan Javascipt

Cara Membuat Progress Bar Dengan CSS dan Javascipt

css3 html5

codepoin - kali ini saya akan membagikan tutorial tentang  Cara Membuat Progress Bar Dengan CSS Dan Javasciript ,nah sudah kebayang bukan dari judul nya saja progress bar berfungsi untuk memberitahu user apabila belum ada data yang terisi penuh di field database dalam dunia website progress bar meruapakan elemen yang sangat penting karena akan menambah UI/UX dalam sebuah halaman website kita biar terlihat interkatif apalgi jika di tambah dengan jquery tentu saja akan sangat memperindah halaman website kita langsung saja

TUTORIAL
silahkan teman-teman buat markup html nya terlebih dahulu
lalu copas sintaks di bawah ini di antara <body> dan </body>

<div class="progress-wrap progress" data-progress-percent="90">
  <div class="progress-bar progress"></div>
</div>

lalu kalian tambahkan style css nya
copas

.progress {
  width: 100%;
  height: 50px;
}

.progress-wrap {
  background: #f80;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
.progress-wrap .progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}

setelah itu copas javascript di bawah ini di atas </body>

// on page load...
    moveProgressBar();
    // on browser resize...
    $(window).resize(function() {
        moveProgressBar();
    });

    // SIGNATURE PROGRESS
    function moveProgressBar() {
      console.log("moveProgressBar");
        var getPercent = ($('.progress-wrap').data('progress-percent') / 100);
        var getProgressWrapWidth = $('.progress-wrap').width();
        var progressTotal = getPercent * getProgressWrapWidth;
        var animationLength = 2500;
       
        // on page load, animate percentage bar to data percentage length
        // .stop() used to prevent animation queueing
        $('.progress-bar').stop().animate({
            left: progressTotal
        }, animationLength);
    }

Chandra Hamdani Pada 1:55 AM Komentar

Konsep Dasar Jaringan Komputer

Konsep Dasar Jaringan Komputer

komputer

codepoin - beribicara soal jaringan komputer pasti di benak anda yang terlintas hanya komputer yang bisa internetan saja bukan?
padahal pada kenyataan nya Konsep Dasar Jaringan Komputer merupakan bagian yang sangat penting pada kehidupan kita sehari-hari
contoh nya:
jika dalam suatu perusahaan besar tidak memiliki jaringan komputer dan si karyawan B ingin meminta dokumen ke si karyawan A yang letak si Karyawan A dan B berjauhan maka apa yang terjadi,masalah nya ada pada waktu,lain hal nya jika dalam perusahaan tersebut sudah memiliki jaringan komputer yang baik dan sudah ter integrasi dengan setiap karyawan maka tinggal sharing file FTP saja sudah selesai bukan...
jadi pada intinya disebut Jaringan Komputer apabila terdapat 2 atau lebih komputer yang saling terhubung dan berbagi sumber daya semisal printer

Terima Kasih

~Codepoin~

Chandra Hamdani Pada 1:46 AM Komentar

Tutorial Membuat Tombol Dengan Bootstrap

Tutorial Membuat Tombol Dengan Bootstrap

bootstrap

Tutorial Membuat Tombol Dengan Bootstrap

codepoin - oke kali ini saya akan membagikan tutorial bagaimana cara membuat tombol di bootstrap
seperti yang kita ketahui bahwa bootstrap adalah salah satu framework yang sedang naik daun berkat fitur grid nya yang membuat tampilan website jika menggunakan bootstrap akan terlihat responsive di berbagai media apapun,oke langsung saja silahkan teman-teman copy kan script di bawah ini di body,asumsikan teman-teman telah meload css dan js dari si bootstrap nya tak lupa juga sama jquery nya

<button type="button" class="btn btn-danger">danger tombol</button>

nah sekarang teman-teman bisa mengganti class danger danger tersebut dengan

• primary
• warning
• info
• default

contoh 

<button class="btn btn-primary" type="button">primary tombol</button>

Maka si tombol nya berubah menjadi warna biru,,,

jadi seperti ini

gimana mudah kan,,selamat mencoba dan baca juga artikel lain nya di codepoin

Chandra Hamdani Pada 1:49 AM 11 Komentar

Telan Biaya 140 Miliar,Tapi Web Ini Overload

Telan Biaya 140 Miliar,Tapi Web Ini Overload

berita

Codepoin - yah inilah isu yang sedang banyak di perbincangkan mengenai Telan Biaya 140 Miliar,Tapi Web Ini Overload apa pantas web dengan harga sebesar itu bisa overload,tapi hal ini dialami oleh website pak jokowi yang di gadang-gadang website untuk aspirasi masyarakat,bahkan tampilan nya pun sangat sederhana apalagi menggunakan CMS Wordpress yang open source
inilah tampilan terakhir website http://revolusimental.go.id/

bahakan hosting nya sendiri menggunakan hosting luar yaitu idwebhost dengan paket murah,harus selayaknya website pemerintahan indonesia mempunyai server sendiri kan tapi itu lah polemik yang terjadi di negri kita entah kemana uang sebesar itu melayang,

Chandra Hamdani Pada 10:06 PM 3 Komentar