Langsung ke konten utama

Tutorial Membuat Library CSS Responsive Sendiri

 


Halo semua, apa kabar ? Semoga kita selalu dalam keadaan sehat, sejahtera, bahagia, dan selalu mendapat rizki yang banyak dan berkah. Amiin. Kali ini izinkan saya untuk sedikit berbagi mengenai library CSS hasil pengembangan dari saya. Kalian bisa menggunakan maupun memodifikasi library ini sesuai kebutuhan kalian.

Library kali ini merupakan library responsive, yang mana apabila digunakan pada mobile maupun desktop akan menunjukkan performa tampilan yang baik. Sebelum saya bagikan kode sumber library CSS yang saya buat ini, izinkan saya untuk sedikit berbicara mengenai apa itu CSS.

CSS adalah kependekan dari Cascading Style Sheet, yaitu sekumpulan perintah atau instruksi untuk menjelaskan tampilan dari suatu situs web dalam bahasa mark-up (Mark-up Language).Mark-up Language yang dimaksud disini salah satunya adalah HTML, dimana keduanya saling berhubungan dan saling melengkapi satu sama lain.

baca juga :Cananimate : Library Animasi CSS yang Ringan dan Mudah DIgunakan

Sebagai gambarannya adalah apabila kita ibaratkan HTML sebagai manusia, maka CSS adalah pakaiannya, yang meliputi warna pakaian, dan sebagainya. CSS digunakan oleh para web desainer dalam mengubah tampilan text (baik berupa warna, ukuran huruf, dam jenis huruf yang digunakan), gambar, hingga latar belakang dari halaman web.

Berikut merupakan salah satu contoh library CSS hasil pengembangan Kami :


Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Ubuntu Versi 20.4 : Pengenalan

   Gambar penampilan Desktop Ubuntu 20.4 (Sumber : Dokumen Penulis)       Halo semua, apa kabar? Setelah sekian lama saya tidak update postingan di blog karena ada kesibukan lain yang harus admin lakukan. Pada hari ini saya berencana akan me-riview salah satu sistem operasi komputer,yaitu Ubuntu. Jika berbicara mengenai sistem operasi komputer apa yang pertama kali terlintas dipikiran para pembaca sekalian ? Windows milik Microsoft ? Atau mungkin MacOS milik Apple ? Akan tetapi, selain dua sistem operasi tersebut masih ada sistem operasi yang tidak kalah bagus dengan kedua sistem operasi yang dikembangkan oleh perusahaan raksasa seperti Apple dan Micrososft. Yap, benar sekali, seperti pada judul artikel ini, Ubuntu. Ubuntu merupakan salah satu sistem operasi yang berbasis Linux. Ubuntu merupakan alternatif yang cocok sekali digunakan dalam mengoperasikan perangkat komputer selain Windows dan MacOS. Hal ini dikarenakan sistem UX-nya yang canggih dan memiliki k...
Posting Komentar
Baca selengkapnya

Cara Mengatasi Error saat Upload Projek Codeigniter ke Web Server

Halo semua, apa kabar ? Semoga kita selalu dalam keadaan sehat, bahagia, dan banyak rezeki, Amin. Hari ini izinkan saya untuk sedikit sharing tentang cara mengatasi error saat kita sedang mengupload projek website kita ke web server. Dalam kasus ini projek website dibuat dengan menggunakan codeigniter. Pada saat akan mengupload website yang telah kita buat ke web server kita terkadang dihadapkan dengan permasalahan seperti terjadi error walaupun pada saat kita jalankan di localhost semuanya berjalan lancar seperti pada gambar di bawah ini. Terkadang kita sering menghadapi masalah seperti pada gambar di atas pada saat mengupload projek kita ke web server. Untuk mengatasi  permasalahan seperti ini sebenarnya cukup mudah. Salah satu cara mengatasinya adalah dengan cara menambahkan ob_start(); setelah kode <?php pada file index.php. Dengan menambahkan kode tersebut error akan hilang dengan sendirinya dan web projek kalian bisa berjalan seperti biasanya. Baiklah sekian...
Posting Komentar
Baca selengkapnya

Template Login dan Registrasi Gratis Part B

Halo semua, apa kabar ? Semoga selalu dalam lindungannya. Pada kesempatan kali ini izinkan saya berbagi sedikit rekomendasi template untuk desain formulir login dan registrasi gratis yang bisa kalian download dan modifikasi serta bisa menjadi sumber inspirasi dalam mendesain tampilan formulir login dan registrasi kalian sendiri. Konten ini merupakan lanjutan dari konten sebelumnya, yaitu Template Login dan Registrasi Gratis Part A.  Berikut merupakan beberapa contoh desain template login dan registrasi gratis :     1.  Formulir Login - HTML5/CSS3/JQUERY Template yang pertama ini seperti judulnya dibuat dengan menggunakan HTML5, CSS3, dan juga JQUERY. Untuk langsung melihat kode sumber dan demonya silakan kunjungi link berikut ini. 2. Formulir Login dengan PHP, JQUERY dan CSS3 Untuk kalian yang menyukasi desain simpel mungkin desain ini bisa menjadi pilihan. Untuk link download silakan klik disini.   3. Formulir Login Simpel Background Hijau ...
Posting Komentar
Baca selengkapnya