loading...

Saturday, April 29, 2017

Ikuti 5 Langkah Agar Kamu Jadi Pribadi Yang Bermanfaat

Mengapa Harus Menjadi Pribadi Yang Bermanfaat?

Menjadi Pribadi Yang Bermanfaat 
Menarik sekali, banyak tulisan yang membahas pentingnya menjadi pribadi yang bermanfaat. Mengapa banyak orang yang tertarik tentang bahasan ini, sebab ini salah satu perintah Rasulullah saw kepada umatnya. Sabda beliau:
Sebaik-baik manusia adalah yang paling bermanfaat bagi orang lain (HR. Ahmad, Thabrani, Daruqutni. Dishahihkan Al Albani dalam As-Silsilah As-Shahihah)
Menjadi pribadi yang bermanfaat adalah salah satu karakter yang harus dimiliki oleh seorang Muslim. Seorang Muslim lebih diperintahkan untuk memberikan manfaat bagi orang lain, bukan hanya mencari manfaat dari orang atau memanfaatkan orang lain. Ini adalah bagian dari implementasi konsep Islam yang penuh cinta, yaitu memberi.
Selain itu, manfaat kita memberikan manfaatkan kepada orang lain, semuanya akan kembali untuk kebaikan diri kita sendiri.
Jika kalian berbuat baik, sesungguhnya kalian berbuat baik bagi diri kalian sendiri (QS. 17:7)
Barangsiapa membantu keperluan saudaranya, maka Allah membantu keperluannya. (Muttafaq ‘alaih)
Siapa yang menyelesaikan kesulitan seorang mu’min dari berbagai kesulitan2 dunia, Allah akan menyelesaikan kesulitan2nya di hari kiamat. Dan siapa yang memudahkan orang yang sedang kesulitan niscaya akan Allah mudahkan baginya di dunia dan akhirat (HR. Muslim)
Setelah mengetahui manfaat “menjadi pribadi yang bermanfaat”, pertanyaanya adalah bagaimana caranya agar kita menjadi pribadi yang bermanfaat?

Langkah-langkah Menjadi Pribadi Yang Bermanfaat

Langkah #1: Menjadi Pribadi Yang Bermanfaat Adalah Kemauan

Kuncinya adalah kemauan, kemauan kita memberikan manfaat kepada orang lain. Jika kita punya harta, kita bisa memberikan manfaat kepada orang lain dengan harta. Jika kita punya ilmu, kita bisa memberikan manfaat ilmu kepada orang lain. Jika kita punya tenaga, kita bisa memberikan manfaat dari tenaga kita kepada orang lain.
Ini adalah langkah awal, Anda harus memiliki kemauan untuk memberikan manfaat kepada orang lain. Bagaimana pun kondisi Anda. Jangan malah mencari-cari cara untuk mendapatkan manfaat dari orang lain bahkan memanfaatkan orang lain.
Jika Anda mau, bagaimana pun kondisi Anda, Anda bisa memberikan manfaat kepada orang lain. Mau?

Langkah #2: Take Action Now

Apa yang bisa Anda lakukan sekarang untuk memberikan manfaat kepada orang lain? Anda bisa share artikel ini melalui facebook atau twitter Anda. Ini jauh lebih memberikan manfaat kepada teman-teman Anda daripada Anda update status yang tidak penting bahkan hanya berisi keluhan dan caci maki.
Lihat sekitar Anda, adakah yang bisa Anda bantu. Adakah yang bisa Anda lakukan untuk memperbaiki lingkungan, rumah, atau kantor Anda? Akan banyak yang bisa Anda lakukan untuk memberikan manfaat kepada orang lain.

Langkah #3: Biasakanlah Memberikan Manfaat, Jadikan Gaya Hidup Anda

Jika memberikan manfaat kepada orang sudah menjadi kebiasaan Anda, maka Anda sudah mulai menjadi pribadi yang bermanfaat. Pada langkah #2, Anda baru disebutkan melakukan kebaikan (belum menjadi akhlaq), namun jika sudah menjadi kebiasaan dan menjadi gaya hidup Anda, maka Anda sudah mulai menjadi pribadi yang bermanfaat.
Ini yang kada dilupakan orang. Banyak yang hanya membahas sampai melakukan kebaikan dengan cara membantu orang orang lain. Namun itu belum menjadi kepribadian, baru sebatas mau melakukan. Sebuah tindakan, akan menjadi sebuah akhlaq saat Anda sudah melakukan dengan biasa tanpa memikirkannya terlebih dahulu.
Anda memberi, belum tentu kepribadian Anda. Namun jika Anda sudah biasa memberi dan menjadi gaya hidup Anda, barulah disebut kepribadian.

Langkah #4: Tingkatkan Manfaat Diri Anda

Harus ditingkatkan? Tentu saja, sebab menurut hadits diatas tidak hanya mengatakan menjadi pribadi yang bermanfaat, tetapi ada kata superalif yaitu paling. Artinya Anda ditantang untuk menjadi juara dalam kebaikan. Anda harus menjadi yang paling memberikan manfaat kepada orang lain. Bukan sekedar memberikan manfaat.

Bagaimana cara meningkatkan manfaat diri Anda? Ya, Anda harus meningkatkan kuantitas dan kualitas kebaikan Anda. Kuantitas bisa dilihat dari frekuensi dan besarnya apa yang Anda berikan kepada orang lain. Sementara kualitas manfaat ditingkatkan dengan cara meningkatkan kualitas diri Anda, yaitu dengan meningkatkan keterampilan dan kemampuan Anda, sehingga apa yang Anda berikan semakin bermanfaat.

Langkah #5: Raihnya Manfaatnya Untuk Anda Juga

Jangan sampai, Anda memberikan manfaat tetapi tidak memberikan manfaat untuk diri Anda sendiri. Bukan, saya bukan mengatakan berharap dari orang yang kita berikan manfaat. Bukan itu. Namun, yang saya maksud adalah kita harus menghindari dari semua penghapus pahala amal, itu ketidak ikhlasan atau riya’.
Jadi, agar kita benar-benar mendapatkan dari manfaat yang kita berikan kepada orang lain, kita harus ikhlas. Ikhlas adalah kunci diterimanya amal. Dan hanya amal yang diterima Allah SWT yang akan memberikan manfaat kepada kita dunia dan akhirat.
Niatkan, bahwa apa yang kita lakukan hanya karena Allah, bukan karena ingin disebut pribadi yang bermanfaat (pujian). Penyakit riya sungguh tidak terlihat, sangat samar, sehingga kita harus hati-hati.
Maka barangsiapa yang mengerjakan kebaikan sebesar dzarrah-pun, ia akan mendapatkan balasannya (QS. Al Zalzalah:7)
Itulah kelima langkah menjadi pribadi yang bermanfaat, bahkan paling bermanfaat.
http://www.motivasi-islami.com/5-langkah-menjadi-pribadi-yang-bermanfaat/#ixzz4fcU202J8

Tuesday, April 25, 2017

Inilah Aksi Remaja Jabar dan Yogya MELAWAN PERNIKAH DINI.


Yogyakarta - Ratusan remaja di Jogja berikrar menolak pernikahan dini dalam Aksi Generasi Berencana (GenRe) di Pasar Seni Gabusan Bantul. Kampanye menunda pernikahan di usia dini itu diwujudkan dengan membuat mural yang berisi beragam pesan bagi remaja.

Kegiatan yang diselenggarakan oleh Badan Kependudukan dan Keluarga Berencana Nasional (BKKBN) ini mengambil tema Ngumbar Yuk atau ngumpul bareng.
Selain mural tematik, acara sosialisasi itu juga diisi berbagai kegiatan yang kreatif dan edukatif, seperti pojok curhat, donasi buku, pemeriksaan kesehatan, konseling kesehatan reproduksi, dan pertunjukan seni.

"GenRe merupakan intervensi terhadap tantangan dan permasalahan remaja di Indonesia," ujar Kepala BKKBN Surya Chandra Surapaty, Minggu, 23 April 2017.

Ia menyebutkan berdasarkan Proyeksi Penduduk Indonesia 2010-2035, jumlah generasi muda usia 10-24 tahun di Indonesia mencapai 66,3 juta jiwa pada 2016. Artinya, satu di antara setiap empat orang Indonesia adalah remaja.
Menurut Surya, jumlah remaja yang besar menjadi aset yang luar biasa bagi bangsa dan negara Indonesia apabila dikelola dengan baik. "Karena itu membina mereka adalah investasi masa depan," ucapnya.

Melalui Program GenRe, remaja dibina dan diarahkan supaya mampu menjalani masa transisi kehidupan remaja yaitu melanjutkan sekolah, mencari pekerjaan, memulai kehidupan berkeluarga, menjadi anggota masyarakat, dan mempratikkan hidup sehat.

Ia mengungkapkan terdapat empat poin penting aksi Genre bagi remaja. Pertama, bertekad tidak menikah di usia muda (di bawah 21 tahun untuk perempuan dan di bawah 25 tahun untuk laki-laki). Kedua, menghindari seks bebas dan penyalahgunaan napza.
Berikutnya, bertekad mempromosikan GenRe kepada seluruh masyarakat Indonesia, serta membantu program pemerintah membangun karakter remaja yang berintegritas, memiliki etos kerja dan gotong royong dan mereka siap menjadi contoh, model dan idola bagi teman remaja.

Informasi yang dihimpun, jumlah pernikahan dini di Yogyakarta yang tercatat relatif sedikit. Sebelum 2016, terdapat belasan kasus pernikahan dini, sementara sampai dengan pertengahan 2016, belum ada satu kasus pun yang dilaporkan.

Terhadang Stigma Takut Jadi Perawan Tua

Koalisi Perempuan Indonesia (KPI) berencana meluncurkan program pencegahan dan penghapusan perkawinan anak di lima kabupaten di Jawa Barat. Kelima kabupaten di Jawa Barat itu meliputi wilayah Cirebon, Indramayu, Bandung, Bogor dan Sukabumi. Berdasarkan data, Jawa Barat menempati posisi ke 2 setelah Jawa Timur dalam kasus pernikahan anak.

"Kita mendesain pertemuan ini di desa-desa dengan mengorganisir anak-anak remaja lelaki dan perempuan, orang tua dan tokoh setempat di daerah tersebut," ujar Sekretaris Jenderal KPI Dian Kartika Sari ditemui di sela kegiatan Seminar Peran Perempuan Muda dalam Pencegahan dan Penghapusan Perkawinan Anak di Jawa Barat, Jumat, 21 April 2017.

Tujuan dari program itu adalah memperkuat forum anak yang sudah ada di daerah agar bisa menyuarakan pencegahan dan penghapusan pernikahan anak. Sejumlah kabupaten, menurut Dian, menyatakan berminat mengikuti program ini.

"Beberapa kabupaten sudah punya forum anak dan itu akan kita kuatkan supaya mereka bisa bersuara. Tujuan lainnya yaitu membangun kesadaran kritis di antara mereka," ungkapnya.

Dian menjelaskan, terdapat faktor yang menyebabkan perkawinan anak cukup tinggi, di antaranya persoalan budaya, kemiskinan dan pengetahuan yang minim.
"Kita melihat faktor budaya sangat kuat. Ada anggapan jika tidak menikah, maka tidak laku, selain itu khawatir jadi perawan tua. Selain itu, ada faktor kemiskinan di mana menikahkan anak untuk bayar utang," tuturnya.

Padahal, perkawinan anak berdampak pada masalah kesehatan, pendidikan dan hak anak. Dari segi kesehatan misalnya, organ reproduksi anak belum matang.

"Padahal, hubungan seks di dunia anak itu punya potensi mengalami kanker serviks dan itu diketahui setelah 10-15 tahun kemudian," jelasnya.

Berdasarkan pemaparan KPI Jawa Barat, pada 2015 perkawinan anak usia 10-17 di perkotaan sebesar 0,9 persen, sedangkan di pedesaan sebesar 2,24 persen. Data menyebutkan jumlah perkawinan sebelum usia 15 tahun mencapai 35,83 persen dan di usia 16 tahun mencapai 39,45 persen.

Sementara, usia 17 tahun mencapai 24,72 persen. Selain itu, sebanyak 30,7 persen perempuan usia 20-24 tahun pernah menikah sebelum usia 18 tahun. Dengan tingginya perkawinan anak, Dian menyatakan Angka Kematian Ibu (AKI) di Jawa Barat mencapai 780 kasus pada 2016.

"Karena kasusnya cukup tinggi dan faktor budayanya sangat tinggi, hal ini menjadi tantangan buat KPI untuk mendorong perubahan yang lebih besar," katanya.

Jika program itu berjalan, ia berharap angka perkawinan anak di lima kabupaten menurun. Pihaknya juga akan mengusulkan agar Kementerian Pemberdayaan Perempuan dan Perlindungan Anak untuk melakukan aksi nasional pencegahan perkawinan anak.

"Acaranya kita targetkan tahun ini juga," ucap Dian.
sumber Liputan6.com

Sunday, April 23, 2017

Tutorial Membuat Grafik Bar Responsif Menggunakan CSS

Membuat Grafik Bar Responsif dengan CSS
Membuat Grafik Bar Responsif dengan CSS

tutorial ini cocok banget buat kamu yang lagi bikin website portofolio, admin panel, atau web app lainnya, langsung aja ke kode HTML-nya yuk !

HTML


<div class="graph-cont">
<h1>Membuat Grafik Bar Responsif dengan CSS</h1>
<div class="bar bar1">50%</div>
<div class="bar bar2">72%</div>
<div class="bar bar3">87%</div>
<div class="bar bar4">30%</div>
</div>

CSS


.graph-cont{
width: calc(100% - 40px);
width: 100%;
max-width: 800px;
margin: 0 auto;
}
h1,h2,h3{
text-align: center;
color: #34495e;
}
.bar{
height: 30px;
max-width: 800px;
margin: 0 auto 10px auto;
line-height: 30px;
font-size: 16px;
color: white;
padding: 0 0 0 10px;
position: relative;
}
.bar::before{
content: '';
width: 100%;
position: absolute;
left: 0;
height: 30px;
top: 0;
z-index: -2;
background: #ecf0f1;
}
.bar::after{
content: '';
background: #2ecc71;
height: 30px;
transition: 0.7s;
display: block;
width: 100%;
-webkit-animation: bar-before 1 1.8s;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.bar1::after{
max-width: 50%;
}
.bar2::after{
max-width: 72%;
}
.bar3::after{
max-width: 87%;
}
.bar4::after{
max-width: 30%;
}
@-webkit-keyframes bar-before{
0%{
width: 0px;
}
100%{
width: 100%;
}
}

.how-cont{
width: calc(100% - 40px);
width: 100%;
max-width: 800px;
margin: 0 auto;
}

Sekian dulu tutorial singkat ini, semoga bermanfaat

Cara Mudah Membuat Form Register Dengan Bootstrap

Cara Membuat Register Form Dengan Bootstrap
Form Register Dengan Bootstrap
Kali ini saya akan berbagi tutorial tentang bootstrap lagi, tepatnya Membuat Form Register Sederhana Dengan Bootstrap
nah kali ini saya kan membuat register form dengan bootstrap, langsung saja silahkan teman-teman buat markup html nya dan jangan lupa load css dan javascript bootstrap nya jangan lupa juga file jquery nya
nah untuk script nya silahkan salin di bawah ini dan letakan di body html teman-teman

 <div class="container-fluid">
<section class="container">
<div class="container-page">
<div class="col-md-6">
<h3 class="dark-grey">Registration</h3>

<div class="form-group col-lg-12">
<label>Username</label>
<input type="" name="" class="form-control" id="" value="">
</div>

<div class="form-group col-lg-6">
<label>Password</label>
<input type="password" name="" class="form-control" id="" value="">
</div>

<div class="form-group col-lg-6">
<label>Repeat Password</label>
<input type="password" name="" class="form-control" id="" value="">
</div>

<div class="form-group col-lg-6">
<label>Email Address</label>
<input type="" name="" class="form-control" id="" value="">
</div>

<div class="form-group col-lg-6">
<label>Repeat Email Address</label>
<input type="" name="" class="form-control" id="" value="">
</div>

<div class="col-sm-6">
<input type="checkbox" class="checkbox" />Sigh up for our newsletter
</div>

<div class="col-sm-6">
<input type="checkbox" class="checkbox" />Send notifications to this email

</div>

<p>
<div class="col-sm-2">
<button type="submit" class="btn btn-primary">Register</button>
</div>
</p>

</div>

<div class="col-md-6">
<h3 class="dark-grey">Ketentuan Login Di Juragancoding.com</h3>

<p>
Dilarang nyepam apalgi pos hanya beberapa baris
</p>
<p>
gunakan akun secara bijak
</p>
<p>
pastikan anda berakal sehat
</p>


</div>
</div>
</section>
</div>

Nah setelah itu teman-teman simpan dan lihat hasil nya maka akan seperti di bawah ini
Cara Membuat Register Form Dengan Bootstrap

Cara Mudah Membuat Geolocation Menggunakan Google Maps API Dan Jquery

Cara Membuat Geolocation Dengan Google Maps API



Tutorial Membuat Geolocation Dengan Google Maps API

hay kali ini saya akan berbagi tutorial tentang google maps api ya lebih tepat nya tentang tutorial membuat geolocation dengan google maps api dengan bantuan jquery tentunya, nah pasti ada di antara kalian yang bertanya apa sih geolocation itu ? jadi simple nya gini aja deh Geolocation Adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet. keren bukan guys !!! oh iya geolocation ini berfungsi juga untuk membuat aplikasi geogram
langsung saja ke tutorial nya

Tutorial Geolocation Dengan Google Maps API

nah untuk memulai pembuatan aplikasi ini saya sarankan agar meload file jquery nya dulu
setelah itu salin HTML nya terlebih dahulu sebagai interface nya

 <div data-role="page" id="map-page" data-url="map-page">
    <div data-role="header" data-theme="a">
    <h1>Maps</h1>
    </div>
    <div role="main" class="ui-content" id="map-canvas">
        <!-- map loads here... -->
    </div>
</div>

setelah itu buat file style css nya terserah kalian mau internal atau external dan salin script di bawah ini

  #map-page, #map-canvas { width: 100%; height: 100%; padding: 0; }

Nah yang paling penting yaitu membuat API google maps nya, silahkan salin script di bawah ini dan simpan di atas </body>

 /*
 * Google Maps documentation: http://code.google.com/apis/maps/documentation/javascript/basics.html
 * Geolocation documentation: http://dev.w3.org/geo/api/spec-source.html
 */
$( document ).on( "pageinit", "#map-page", function() {
    var defaultLatLng = new google.maps.LatLng(34.0983425, -118.3267434);
    if ( navigator.geolocation ) {
        function success(pos) {
            
            drawMap(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
        }
        function fail(error) {
            drawMap(defaultLatLng); 
        }
        
        navigator.geolocation.getCurrentPosition(success, fail, {maximumAge: 500000, enableHighAccuracy:true, timeout: 6000});
    } else {
        drawMap(defaultLatLng); 
    }
    function drawMap(latlng) {
        var myOptions = {
            zoom: 10,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
       
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: "Greetings!"
        });
    }
});

Nah setelah semua nya disimpan seilahkan teman-teman lihat hasil nya browser dan pastikan teman-teman terhubung internet maka hasil nya akan seperti di bawah ini, oh iya posisi saya sekarang ada di bandung dan terlihat di googel maps nya

Cara Membuat Geolocation Dengan Google Maps API


Menjadikan Blockquote Terlihat Menarik Pada Website Dengan CSS

membuat blockquote menarik dengan css
Membuat Blockquote Menarik Dengan CSS - Membuat blockquote dalam html standar browser tampil dengan tanda kutip besar sebelum objek. Boring banget menurut Juragan apa lagi di IE (walaupun dibeberapa browser lumayan udah bagus juga sih). Dengan alasan ini Juragan pengen share cara bikin blockquote supaya keliatan kece badai, buat apa ?, blockquote biasanya digunakan untuk menyorot suatu text supaya meyerupai text kutipan, biasanya kutipan dari buku, maupun kutipan dari tokoh atau organisasi tertentu.

Membuat blockquote sebenarnya hanya membutuhkan beberapa propety CSS saja sudah jadi ntuh blockquote yang bagus. kode CSS-nya begini.

blockquote{
  font-size: 1.3em;
  width: 640px;
  margin: 20px auto;
  font-family: Open Sans;
  color: #444444;
  padding: 1.2em 30px 1.2em 65px;
  border-left: 8px solid #78C0A8 ;
  line-height: 1.6;
  position: relative;
  background: #EDEDED;
}
blockquote::before{
  font-family: Arial;
  content: open-quote;
  color: #78C0A8;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top:-10px;
}
blockquote::after{
  content: '';
}
blockquote span{
  display: block;
  color: #444555;
  font-style: italic;
  margin-top: 10px;
}
jika sudah, maka harus dipanggil dari kode HTML, contoh penggunaanya seperti ini :

<blockquote>
Belajar membuat atau meng-custom blockquote kece dengan css bersama juragan coding .com
<span>Juragan Coding</span>
</blockquote>

Contoh Blockquote dengan CSS

membuat blockquote menarik dengan css
nah, kode diatas sangat mudah untuk dikustomisasi sesuai style yang kamu inginkan

Cara Efektif Desain Sebuah Website

Membangun design Website dengan efektif - kita akan berbicara banyak tentang pentingnya konten dalam setiap project desain. Suatu keharusan melihat dan memilah-milah sebelum kamu memulai project apapun.

Ketika mengerjakan konten pada awal proses, kita harus menentukan struktur yang akan digunakan dalam pembuatan konten. Di sini, kita melihat ide-ide yang kita punya untuk meletakkan konten kita dengan layout terbaik dan memiliki hirarki yang jelas.

Membangun design Website dengan efektif
Homepage Fusion Ads menggunakan konten yang baik untuk memperkenalkan produknya kepada pengunjung sekaligus menyajikan produk dalam Action; text heading "We make adv ...." dan tombol "BOOK NOW"

So, Bagaimana kita melakukannya ? Pertama kita harus menentukan elemen apa yang relevan dengan pengunjung website. Kita juga perlu melihat apa yang menjadi fokus dalam konten, sedikit informasi yang benar-benar ingin kita fokuskan kepada pengunjung. Kemudian, kita harus menerjemahkan elemen elemen yang relevan menjadi bentuk visual.

Memulai dengan meletakkan konten dalam cara yang berhubungan dengan struktur konten yang diinginkan. Bukan sekedar tentang judul dan paragraf baik, kita perlu berpikir lebih jauh bagaimana konten terlihat pada halaman, dan fokus yang ingin ditempatkan pada elemen. Setelah kita memiliki beberapa konten dasar, kita dapat mulai menggunakan tools yang berbeda untuk membantu memusatkan perhatian pada spot tertentu yang perlu difokuskan agar lebih menonjol.

Dibagian bawah homepage Fusion Ads, memiliki FAQ dimana semua informasi mudah dibaca

Elemen yang Bisa Digunakan


Size & Contrast

Misalnya, menggunakan ukuran untuk menarik perhatian pada judul utama. Membuat tittle lebih besar dari konten utama menunjukkan bahwa objek tersebut memiliki fokus yang berbeda dan pengguna perlu tahu itu.

Size dapat digunakan untuk memecah konten pada halaman kita menjadi beberapa bagian yang lebih kecil dan memberikan penekankan kepada bagian-bagian kecil yang dianggap penting. Size & Contrast dapat menciptakan hirarki konten visual yang lebih Contrast menambah dampak visual yang positif dalam desain Kamu.

Font Weights & Font Styles

Menggunakan font weights dan font styles adalah cara yang baik untuk menambahkan fokus yang lebih smooth kebagian penting pada konten. Menggunakan font Weights dari sebagian konten (seperti font versi bold) atau dalam style font yang berbeda (seperti italic atau underline) dapat memberikan sedikit penekanan dari konten yang mungkin ingin ditonjolkan.

Sebagai contoh, konten utama menggunakan font weight 'light' dari jenis huruf standar dapat memberikan kesan 'besar' pada judul. Contoh lihat di bawah.
membuat design yang baik
A List Apart masih bisa menampilkan konten yang mudah dicerna. Mereka menggunakan ukuran font yang berbeda dan style yang mendukung.

Colour

Variasi warna sangat efektif dalam menampilkan konten. Namun bukan berarti kamu menggunaan variasi warna di mana-mana, menggunakannya secara halus akan menambahkan fokus ke elemen tertentu.

Position & Alignment

Cara kita memposisikan konten memiliki dampak besar pada pengunjung. Gunakan sistem grid untuk menyelaraskan konten dengan baik, aligment yang baik dapat membantu untuk menceritakan kisah website dan membantu pengunjung pada sebuah perjalanan didalam website kamu.
belajar website
Warna, aligment dan grid mempunyai peranan besar dalam desain website The Verge ini. Ada banyak konten untuk dilihat, tetapi penggunaan warna mereka dapat membuat pengunjung untuk fokus pada setiap teks yang berbeda satu sama lain.

Proximity & Whitespace

Menentukan seberapa dekat atau jauh spasi untuk membangun hirarki konten visual memiliki dampak besar. Jika jarak antar objek adalah terlalu jauh, akan membuat pengunjung kehilangan alur ketika membaca halaman. Namun, elemen yang terlalu dekat justru akan menyulitkan pengunjung memahami isi konten.
belajar website
Gridset menggunakan banyak spasi di situs mereka dengan gaya teks yang berbeda dan imagery yang menyorot fitur utama dan contoh.

Assignments

Sekarang kamu tahu cara yang berbeda dapat menambah estetika visual dan penekanan pada elemen elemen tertentu, Juragan ingin kamu mempraktikkannya dalam desain sendiri. Cobalah untuk mengintegrasikan masing-masing teknik yang ditampilkan di atas agar design kamu bukan hanya sekedar "design website".

Sekian, Assalamualaikum

7 Hal ini Seharusnya Kamu Ketahui Tentang Text Editor Sublime Text 3


Sublime text adalah editor web yang sangat populer di kalangan developer karena dengan kenudahan dan kelebihan nya para programmer memilih sublime daripada pendahulu nya yaitu notepad ++, berbicara kelebihan sublime text memang gak akan pernah habis karena itu penulis akan mengulas, simak di bawah ini
Kelebihan
Berikut ini adalah beberapa kelebihan yang di milki Sublime Text:

1. Multi Platform
Kelebihan pertama dari Sublime Text adalah software ini tersedia dalam berbagai platform sistem operasi, antara lain Windows, Linux dan MacOs, jadi tidak usah khwatir jika teman-teman menggunakan dual OS di pc teman-teman
2. Ringan
Meskipun fitur nya sangat wahh dan interface nya juga sangat keren, tapi untuk ukuran nya hanya 5 MB saja
3. Plugin
Plugin-nya sangat beragam, sehingga bisa memudahkan programmer dalam mengembangkan software-nya.
Misalnya autocomplete, smart pafagraph, dll
Tema dan color scheme yang bervariasi
Anda bahkan bisa membuatnya sendiri atau mendownloadnya secara terpisah.
4. Membuka File Besar
Sublime Text mampu membuka dan mengedit sebuah file teks yang sangat besar tanpa masalah.
5. Drag & Drop
Menyeret dan melepas file teks ke dalam editor akan membuka tab baru secara otomatis. Anda juga bisa menentukan lokasi tab pada saat menyeret file teks tersebut.
6. Membuka banyak dokumen sekaligus ke dalam tab baru
Editor Sublime Text yang terpisah bisa di jadikan sebagai tab
7. Editor Sublime Text pada jendela terpisah bisa jadikan sebagai tab baru dengan cara di seret. Tampilan jendela dapat dibagi baik secara vertikal maupun horizontal

Artikel Lainnya

loading...