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

Bahasa Pemrograman Terbaik 2019 Part B

Halo semua apa kabar ? Semoga tetap dalam keadaan sehat, bahagia, dan banyak rezekinya. Amin. Pada kesempatan ini, izinkan saya untuk sedikit berbagi pengetahuan mengenai bahasa pemrograman terbaik tahun 2019 bagian B. Konten ini merupakan kelanjutan dari artikel sebelumnya, yaitu Bahasa Pemrograman Terbaik 2019 Part A . Baiklah untuk menghemat waktu, mari kita mulai dari daftar yang pertama. Berikut merupakan bahasa pemrograman terbaik 2019 bagian B : 1. C/C++ Hampir semua sistem tingkat rendah seperti sistem operasi, sistem file, dan lain-lain ditulis dengan menggunakan C/C++. Jika kalian ingin menjadi programmer tingkat sistem, C/C++ merupakan bahasa yang seharusnya kalian pelajari. C++ juga banyak digunakan oleh programmer yang kompetitif oleh karena dikenal sangat cepat dan stabil. C++ juga menyediakan STL ( Standard Template Library ), yang merupakan library siap pakai untuk berbagai struktur data, operasi aritmatika, dan algoritma. Berikut merupakan kelebihan yang d...
Posting Komentar
Baca selengkapnya

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

Cananimate : Library Animasi CSS yang Ringan dan Mudah Digunakan

Halo semua,apa kabar ? semoga kita selalu dalam keadaan sehat, bahagia, banyak rezeki, dan selalu menjadi pribadi yang lebih baik lagi. Pada kesempatan kali ini izinkan saya untuk memperkenalkan library CSS buatan saya yang mungkin bisa mempermudah pekerjaan kalian sebagai seorang frontend developer untuk mempercantik tampilan website kalian dengan animasi CSS. Library ini saya beri nama cananimate yang mana dalam penamaan ini saya berharap kedepannya cananimate ini bisa menjadi salah satu library animasi css terbaik di dunia. Hari ini saya berkenan untuk merilis versi pertama (Versi 1.0) cananimate secara terbuka kepada semua orang. Pada versi pertama ini, tersedia 10 kelas animasi yaitu : toRight : membuat animasi berjalan ke kanan. toLeft : membuat efek animasi bergerak ke kiri. toBottom : membuat efek animasi bergerak ke bawah. toTop : membuat efek animasi bergerak ke atas. bounce : membuat efek animasi memantul. fadeIn : membuat efek animasi timbul. fadeOut :mem...
3 komentar
Baca selengkapnya