--> Juragan Koding: CSS | Deskripsi Singkat Blog di Sini

Just About Technology and Programming

Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Friday, January 18, 2019

Ebook CSS Gratis yang akan Memperindah Duniamu

Ebook CSS Gratis yang akan Memperindah Duniamu

Hai semuanya, semoga semua pembaca dalam keadaan baik dan sehat. Pembaca yang budiman pada waktu yang lalu admin sudah bagikan mengenai Ebook CSS Bahasa Indonesia yang pasti sangat berguna untuk teman-teman yang baru belajar CSS. 

Pada post kali ini admin akan membagikan ebook gratis yang dapat didownload atau baca secara online yang langsung dapat diambil dari situsnya. Buku yang dibagikan ini secara umum jauh lebih lengkap dan mendalam daripada buku versi Indonesia

Admin berharap teman-teman belajar proggraming tidak hanya bersumber dari tutorial Bahasa Indonesia yang relatif kurang mendalam penjelasannya. Kumpulan ebook Bahasa Inggris ini semoga bisa membantu teman-teman lebih jago dalam style penulisan dalam mempercatik HTML, semoga bermanfaat

Ebook Gratis CSS

  1. CSS Optimization Basic (Jens Oliver Meiert) LINK
  2. Web Visual Effects with CSS3( Makzan) LINK
  3. Understanding Flexbox - Everything you need to know (Ohans Emmanuel) LINK
  4. Transforms In CSS: Revamp The Way You Design ( Eric A. Meyer) LINK
  5. CSS3 Succinctly (Peter Shaw) LINK
  6. A Pocket Guide To CSS Animations (Val Head) LINK
Nah itu dia ebook menarik mengenai HTML, saya kira isi dari beberapa ebook sangat lengkap dan berkualitas sangat cocok untuk teman-teman belajar HTML lanjut. Jika teman-teman merasa susah dikarenakan kendala Bahasa tidak mengapa, agan bisa mengunjungi post Ebook CSS Bahasa Indonesia. Semoga bermanfaat, sampai jumpa 

Wednesday, January 9, 2019

10 Framework CSS terbaik selain Bootstrap

10 Framework CSS terbaik selain Bootstrap


Pengembangan web telah tumbuh sangat populer selama beberapa tahun terakhir. Ada banyak framework front-end yang dirilis setiap tahun. Bootstrap telah menjadi salah satu yang paling populer di antara banyak orang. Namun, ada banyak penantang lain yang mungkin belum pernah Anda dengar tetapi layak untuk dicoba.

Pada artikel ini kita akan melihat 10 framework CSS terbaik yang mungkin bisa dicoba

Specter

Specter adalah framework CSS modern, gratis dan responsif. Menawarkan elemen elegan, sistem tata letak responsif berbasis flexbox dan komponen CSS dan utilitas, yang dapat dimodifikasi dengan kompiler Sass dan Scss. frameowork ini sangat ringan, hanya 10KB dalam Zip dan memiliki dukungan untuk sebagian besar browser modern.

UI mustard

Ini adalah framework CSS open-source dan ringan. Dibagi menjadi beberapa modul, dan dalam penggunaanya dapat memilih apa yang akan dimasukkan sesuai kebutuhan. Muncul dengan semua komponen yang diperlukan untuk desain front-end seperti flexbox grid, tombol, tabel, form, card dan banyak lagi, yang dapat disesuaikan melalui variabel scss.

Bulma

Bulma adalah framework CSS modern gratis dan open source berdasarkan flexbox layout model. Menawarkan sistem grid sederhana, navigasi bar yang responsif dan objek media serbaguna. Setiap elemen dalam Bulma adalah dukungan mobile dahulu dan dioptimalkan untuk layar kecil, dan dapat dengan mudah disesuaikan menggunakan kelas dan variabel pengubah.

UI Kit

UI Kit adalah fraework front-end CSS dan JavaScript yang mengagumkan, yang dilengkapi dengan font ikon SVG sendiri dan sejumlah komponen. UI kit dirancang dengan sangat baik, dalam tampilan maupun framework, dengan gaya terpadu, API yang mudah diingat, banyak opsi penyesuaian, dan kelas pengubah yang berguna.

TentCSS

TentCSS adalah framework sederhana dan mudah digunakan yang menawarkan semua komponen dasar yang diperlukan untuk membangun situs web yang responsif. Ini sangat ringan (hanya 5kb dalam zip), mengikuti standar BEM, dan memiliki flexbox grid modern untuk mengatur tata letak.

MaterializeCSS

Framework front-end responsif modern ini didasarkan pada Desain Material. Sangat sederhana dan mudah untuk digunakan, terutama untuk orang-orang yang akrab dengan dengan Bootstrap. Terdapat kumpulan template awal yang sangat membantu dalam mendesain situs web

Foundation

Framework yang dibuat oleh Zurb Foundation adalah salah satu framework yang sangat populer dalam membangun situs web dan aplikasi yang responsif. Muncul dengan sejumlah komponen modular dan fleksibel yang sepenuhnya dapat disesuaikan, yang dapat digunakan untuk merancang situs web responsif yang indah yang terlihat luar biasa pada perangkat apa pun.

SemanticUI

Semantic adalah framework front-end yang membantu menciptakan tata letak yang indah dan responsif menggunakan HTML yang mudah digunakan dengan manusia. Dapat disesuaikan dengan lebih dari 3000 variabel CSS yang dapat digunakan untuk tema khusus. Semantic sangat responsif karena dibangun sepenuhnya dengan nilai 'em'.

Base

Base adalah framework CSS yang ringan, minimal, dan responsif. Dibangun berdasar Normalize.css terbaru dan terbagi dalam modul yang independen sehingga penggunaanya hanya bisa berdasar apa yang dibutuhkan saja. support penuh pada mobile dan berfungsi dengan baik pada semua browser modern termasuk IE 10+.

MUI

Ini adalah framework kecil dan responsif yang mengikuti pedoman Material Desain Google. Tidak memiliki dependensi eksternal dan sangat ringan, hanya 5.4kb dalam zip. Menawarkan dukungan React, kustomisasi melalui file SASS, dan memiliki versi inline terpisah untuk mendesain email.

(Sumber: tutorialzine)

Friday, January 4, 2019

Download Ebook SASS dan Less gratis

Download Ebook SASS dan Less gratis



Halo semuanya, sebelumnya admin telah memberikan penjelasan mengenai dua CSS preprocessor yaitu SASS dan Less. Menurut admin kedua teknologi ini sangat menarik dan bisa membawa perubahan yang cukup mengasyikkan pastinya dalam dunia web desain. Maka dari itu admin akan memberikan rekomendasi ebook gratis yang langsung diambil dari situsnya agar teman-teman makin jago pastinya, semoga bermanfaat ya


Ebook SASS dan Less gratis
  1. Pragmatic Guide to SASS (Hampton Catlin dan Michael Lintorn Catlin)
  2. CSS3 and Less Faster, Easier, More Powerfull CSS (Ken Woodworth)

Sekian dulu guys, Ucapan terima kasih kepada para penulis yang telah membagikan ilmunya secara gratis. Hormati para penulis dengan tidak mengubah isi ebook tanpa izin penulis, terima kasih, sampai jumpa
Perbedaan SASS dan LESS, manakah yang lebih baik?

Perbedaan SASS dan LESS, manakah yang lebih baik?

Halo semuanya, kali ini saya akan memberikan sedikit pendangan mengenai SASS dan Less. Apakah kedua teknologi tersebut? SASS dan Less merupakan suatu CSS preprocessor. CSS preporcessor mampu  memberikan kemampuan pada CSS untuk membuat variabel, Fungsi, dan penulisan CSS yang lebih terstruktur dan pastinya membuat proses Development lebih cepat dan efisien. Wah sangat menarik bukan? Yuk kita simak satu persatu

Sass (Syntactically Awesome Stylesheets) adalah sebuah pengembangan dari CSS3 dengan menambahkan nested rules, variables, mixins, selector inheritance, dan banyak lagi. dia menerjemahkan css dengan struktur yang lebih baik.


SASS memiliki dua cara penulisan, yaitu dengan menggunakan ekstensi .sass atau .scss. Perbedaannya apabila .scss kita menuliskan kode SASS mirip dengan css, namun dengan penambahan fitur yang dimiliki oleh SASS, sedangkan .sass tidak menggunakan kurung kurawal dan titik koma sama sekali. Jadi untuk kamu yang lebih suka tanpa kurung kurawal dan titik koma, gunakanlah .sass, namun apabila kamu terbiasa dengan css, gunakanlah .scss

LESS menggunakan javascript, jadi kamu bisa langsung pakai saja less.js tanpa harus download lagi compiler untuk mengubah dari .less ke .css. Javascript sendiri merupakan bahasa ibu nya website, sedangkan SASS pakai ruby, yang notabene di Indonesia masih jarang digunakan


Kelebihan lainnya,beberapa developer bilang LESS ini lebih mudah dipelajari. Mungkin dari namanya saja sudah keliahatan, LESS yang artinya sedikit, berarti yang dipelajari tidak terlalu banyak. Jadi kamu yang pindah dari CSS gak begitu pusing pas pindah ke LESS.

Perbedaan SASS dan Less

Sama tapi beda, berikut ini ada beberapa perbedaan yang harus kamu perhatikan di saat menggunakan SASS atau LESS.

  • Penulisan variable SASS menggunakan $, hampir mirip dengan PHP, kalau LESS menggunakan @ sebagai variable nya.
  • Di LESS, looping cuma berlaku untuk angka saja. Sedangkan di SASS itu tidak, semua data yang bisa di looping maka akan bisa kamu looping.

Nah itu dia sedikit pengenalan akan keduanya .Sebenarnya kedua teknologi ini sama bagusnya dan kecocokan pada masing-masing proggramer sendiri yang langsung merasakannya. Menurut padangan saya sekarang ini saya lebih merekomendasi memilih SASS, karena fitur yang dimilki lebih banyak dan juga terdapat alternatif penulisan kode yang sudah dijelaskan diatas. Sampai bertemu di lain kesempatan ya

Baca juga: Ebook SASS dan Less Gratis

(Sumber: Galih Pratama -Garudapixel)

Wednesday, June 7, 2017

Download Kumpulan Ebook HTML dan CSS Lengkap Bahasa Indonesia

Download Kumpulan Ebook HTML dan CSS Lengkap Bahasa Indonesia




HTML merupakan singkatan dari Hyper Text Markup Languange. HTML adalah sebuah markah yang digunakan untuk membuat sebuah halaman web. HTML saat ini dijadikan standar internet yang dikendalikan oleh World Wide Web Consortium (W3C). Awal dipubilkasikan ialah HTML 2.0 tahun 1995 hingga yang terbaru HTML 5 pada 28 Oktober 2014

CSS merupakan singkatan dari Cascading Style Sheet. CSS adalah aturan yang mengatur komponen-komponen web sehingga lebih indah dan terstruktur. CSS dapat mengatur berbagai komponen seperti warna, ukuran, hyperlink, margin, padding, parameter, mouse hover dsb dari sebuah komponen di html seperti table, list, teks, gambar dsb.

Oke gan itu penjelasan singkat mengenai HTML dan CSS sekarang juragan ingin membagikan koleksi ebook tutorial HTML dan CSS. Semoga bermanfaat. Salam Bakpao ^^

1. Mastering Kode HTML

     Karya : Rio Astamal
     LINK

2. Belajar HTML dan CSS Dasar

    Karya : Diki Alfarabi Hadi
     LINK

3. HTML dan CSS Fundamental dari akar menuju daun

    Karya ; Adi Hadisaputra
    LINK

4. Belajar HTML dan CSS  “Tutorial fundamental dalam mempelajari  HTML & CSS” 

    Karya : Rian Ariona (Ariona.net) 
    LINK

5. CSS Tutorial

    Karya : rosihanari.net
    LINK

6. XHTML dan Dasar-dasar CSS

    Karya : Rosa Ariani Sukamto 
    LINK

7. Tutorial Cascading Style Sheet (CSS)

    Karya  : Abe Poetra
    LINK

8. Cara cepat dan mudah untuk menguasai CSS Rule

    Karya : Rudy Devianto
    LINK

9. Modul HTML 1

    Karya : -
    LINK

10. Modul HTML 2 (.rar)

      Karya : -
      LINK


BONUS EBOOK HTML LENGKAP (ENGLISH)

1. HTML and CSS design and build websites

    Karya : Jon Duckett
    LINK

2. Web Standards Mastering HTML5, CSS3, and XML

    Karya : Leslie F. Sikos
    LINK

3. Learn To Code HTML and CSS Develop and Style Website

    Karya : Shay Howe
    LINK

4. HTML, XHTML, & CSS All-In-One for Dummies (1000+ halaman)

    Karya : Andy Harris
    LINK

5. The Complete Reference HTML & CSS Fifth Edition

    Karya : Thomas A Powell
    LINK