Skip to main content

Posts

Showing posts with the label CSS

Alternatif Hosting Kode (HTML, CSS, dan Javascript) Gratis

Sering kali ketika sedang coding, kita ingin menyimpan kode yang kita buat tersebut di internet agar tidak hilang atau dapat kita gunakan lagi di kemudian hari. Namun untuk menyimpan kode-kode seperti HTML, CSS atau Javascript tersebut, tentunya kita harus menyewa hosting dan kita akan keluar kocek yang kadang memberatkan kita. Berikut merupakan rekomendasi buat kalian yang ingin menyimpan kode-kode HTML, CSS atau Javascript, baik untuk tujuan penyimpanan ataupun memang dengan tujuan untuk memakai kode tersebut sebagai penunjang website anda. 1. Google Drive Siapa yang tidak tahu dengan Google Drive . Layanan free storage milik Google ini dapat menyimpan berbagai file, mulai dari gambar sampai kode-kode tertentu seperti HTML, CSS dan Javascript. Kuota penyimpanan yang disediakan juga tidak tanggung-tanggung, sebanyak 15 GB per akun. Jumlah yang sangat besar, namun begitu, jumlah tersebut merupakan jumlah keseluruhan file atau data yang kita simpan di Google ini sendiri. Jadi bukan hany...

Hosting file HTML, CSS dan Javascript gratis di GitHub

GitHub merupakan tempat penyimpanan repositoris dan manajemen project bagi developer code. Disini kalian dapat memamerkan kode hasil editan kalian, berkolaborasi dengan rekan sesama developer ataupun hanya melihat hasil kerja para developer lain, baik itu project open source (terbuka) ataupun private project (tertutup). GitHub sendiri menyediakan akun secara gratism maupun berbayar. Enaknya ketika kita mempunyai akun di GitHub, kita dapat menyimpan file dalam bentuk HTML, CSS dan Javascript kita ke dalam GitHub dan mengaksesnya, layaknya sebuah website biasa. Dan yang lebih menggiurkan para developer, tidak ada batas kuota penyimpanan kita di GitHub, semuanya disimpan secara gratis di GitHub. Berikut bagaimana kita dapat menyimpan file HTML, CSS dan Javascript secara gratis di GitHub. 1. Buka akun di GitHub Cara membuka akun di GitHub juga sangat sederhana, silahkan kunjungi website GitHub disini . Dibagian kanan atas, silahkan klik Sign Up atau langsung isi keterangan di sebelah kana...

Icon Social dengan gambar Font Awesome

Ketika kita surfing di internet, kita biasanya melihat banyak sekali website yang menyediakan link ke arah sosial media mereka seperti facebook, twitter, google+ dan masih banyak lagi. Jika kita ingin membuat social button seperti itu, ada beberapa kelemahan yang kita rasakan sebagai seorang blog atau web developer, yaitu social button gambar tersebut biasanya berupa gambar yang mempunyai kekurangan seperti editing yang susah dalam format template yang responsive. Kelemahan social button gambar yang lainnya misalnya waktu loading web/blog semakin bertambah karena ukuran file gambar yang dipakai juga biasanya mempengaruhi kecepatan situs tersebut ditampilkan. Untuk mengatasi beberapa masalah tersebut, kita bisa memanfaatkan social icon dengan format font. Selain ukurannya yang kecil yang akan berpengaruh pada kecepatan suatu situs, font juga mudah diformat terutama dari ukuran untuk keperluan template-template web/blog yang responsive. Sebelum menulis kode HTML social icon ini, kita har...

Social Share Button Sederhana

Bagi seorang web ataupun blog developer, social sharing button merupakan hal yang wajib dan harus ada di website atau blog kita. Social share button berfungsi untuk membagikan postingan web kita ke berbagai media sosial. Selain fungsinya sebagai salah satu cara untuk mempromosikan website kita secara gratis, social sharing juga sekarang dijadikan pengukur bagus tidaknya SEO website atau blog kita. Saat ini sudah banyak berkembang plug-in ataupun tutorial yang membahas tentang social share button. Namun ketika kita memakai plug-in dari pihak lain, biasanya mereka menitipkan link-link mereka ke plug-in tersebut. Disamping itu, bentuk plug-in social share button hanya sebatas itu-itu saja dan jarang bervariasi. Hal tersebut menjadikan tampilan website atau blog kita serupa dengan orang lain. Kalau kita mempunyai tampilan yang berbeda dari yang lain, tentunya itu akan menjadi nilai plus tersendiri. Berikut merupakan tampilan social share button sederhana yang dapat dijadikan referensi buat...