Mau Bikin Web Keren? Ini Nih 10 Aneka Gratisan yang Wajib diketahui oleh Web Developer

BRITO.ID - Memang bikin web bagus itu ngga gampang, tapi bukannya ngga mungkin.

Kali ini kita anggap aja sudah pada ngerti nih caranya bikin web, yaah minimal HTML dan CSS lah .. ngga perlu jauh jauh sampe PHP beserta database-nya. Now the problem is .. how to make it looks awesome !

Foto yang keren, interface yang mudah dipahami dan pemilihan font yang tepat adalah sebagian dari resep untuk membuat web yang looks owsem itu tadi. Berikut adalah beberapa sumber yang wajib diketahui web developer pemula ! Ga ada modal? Jangan kawatir bro .. GRATIS !

1. ATOM Text Editor, untuk ngedit HTML nya ...

Karena ini list gratisan tapi jaminan mutu, kita mulai dari editornya dulu. Atom text editor ini ngga kalah sama editor-editor berbayar lainnya, bahkan fiturnya jauh lebih canggih dan lebih woles buat jalan di laptop dengan spesifikasi kelas mahasiswa yang menu sehari-harinya mie instan.

ATOM ! .. seru dan banyak pluginnya

Dengan fitur-fitur seperti smart autocompletion, cross platform, built-in package manager, multi panes dan across project find and replace … memastikan editor ini adalah pengganti yang oke buat Dreamweaver, Bracket atau Sublime.

Selain GRATIS, editor ini juga tersedia bagi operating system Linux, Mac OSX dan Windows. Download disini deh.

2. GIMP … semacam Photoshop tapi Gratis !

Mestinya sudah sering dengar nama software gratisan ini, GIMP ! Sudah terkenal sebagai software pemrosesan gambar gratis yang punya fitur se-oke Photoshop.

Gratisan Image Manipulator .. ahahaha ..

Karena masang foto dari kamera digital LANGSUNG ke website adalah dosa besar yang haram hukumnya dilakukan oleh webdeveloper .. ya karena dimensi dan ukuran filenya yang segede gaban. Untuk itu diperlukan cropping, editing, adjustment dan kompresi file foto yang bersahabat dengan web. Tanpa basa basi lagi .. silakan download disini .. oh iya aplikasi ini juga tersedia untuk Linux, Mac OSX dan Windows ..

3. 100 pixel itu berapa besar ya? Ukur pakai PAGE RULER ...

ukuran lengkap sampe atas bawah

Extension browser CHROME ini sangat membantu untuk menentukan ukuran dan posisi obyek di layar. Memberikan informasi yang lengkap dan sangat membantu dalam proses ngedisain web .. ngga tau rasanya kalo ngga nyoba langsung .. silakan download disini deh ..

4. Wuih font nya cakep nih, apaan ya cari tau pakai WHATFONT

oh font nya pake montserrat :)

Lagi-lagi extensionnya browser CHROME. Kalau extension ini sudah terinstall, cukup klik icon yang berada di sebelah address bar. Kemudian arahkan kursor ke font yang ingin kita ketaui namanya. Gampang banget deh .. daripada harus inspect element .. link download ada disini

5. Ukuran sudah oke, font juga udah ketemu .. dikasi foto apa ya?

Butuh foto bagus yang *lagi-lagi* GRATIS buat bikin websitenya kelihatan propesional ? Karena dosa besar lainnya bagi webdesainer adalah memajang foto milik orang lain hasil Googling tanpa kulonuwun sama yang punya foto .. mending pakai foto-foto yang sudah pasti halal tapi oke banget.

bagus dan gratis .. kurang apa coba ?

Beberapa website ini menyediakan foto yang JAUH lebih bagus daripada foto-foto instagram yang pernah saya posting dan TOTALLY FREE untuk digunakan secara bebas .. silakan Google nama nama berikut ini .. Unsplash, Pixabay, Pexels, Fotolia dan Gratisography .. ayo jangan males ..

6. Diwarnain apa ya yang bagus ....

Judul artikel comic sans warna kuning, dengan latar belakang biru plus body text magenta .. MAN !!! Iya ngerti kamu ngga bisa milih warna yang bagus, orang setiap hari cuma pake kaos item belel dan celana jeans yang sudah beberapa dasawarsa ngga nyenggol deterjen. Tapi bukan berarti orang lain juga gitu !! coba buka www.colourlovers.com .. kemudian search tema website yang mau kamu bikin ..

pilihan warna yang cakep dan kombinasinya adem di mata

Colourlovers akan menampilkan puluhan ! kalo ngga ratusan … kombinasi warna yang sedep-sedep di mata sesuai dengan keywords yang tadi dimasukkan. Cobain deh .. pokoknya emejing !

7. Bentuk kaya gini ini CSS nya gimana ya?

Sudah bikin bentuk yang oke banget pakai Photoshop, tapi karena keterbatasan jam terbang, niat dan kemampuan langsung bingung CSS code-nya bijimana ? Plugin GRATISan yang namanya kaya Android STARWARS ini akan merubah layer photoshop ke CSS code, CSS3PS adalah plugin gratis yang mendukung berbagai versi Photoshop .. iyaa gratis.

jadi ngga perlu bergaya NEO .. ngeliat object yang keliatan scriptnya ..

Plugin bisa didownload disini .. sayangnya belum tersedia untuk aplikasi pengolah gambar lainnya.

8. Bapak Aftab Hossain yang baik ..

Sebenarnya banyak sekali interface gratisan di Internet kalau kamu punya waktu banyak untuk mencari, tapi bapak Aftab Hossain yang baik ini sudah mengumpulkan sekitar 20 komponen interface gratis yang boleh didownload dan digunakan sesuka hati .. berikut adalah link halaman beliau ..

beberapa UI Kit gratis yang bisa didownload di page nya pak Aftab ..

Terimakasih pak, semoga amalan baik ini dibalas oleh-Nya ..

9. Yassss .. websitenya sudah jadi, dipamerinnya gimana ya ?

Apa gunanya website cakep cuma dilihat sendiri, orang foto makan siang aja dipamerin ? Bukan iklan bukan titipan, bukan layanan dan bukan karyawan … tapi hasil googling menunjukkan, bahwasanya hosting dan domain gratisan .. ( google gih ! )

gajah yang baik !

Jujur saya belum nyobain apalagi sampe sangat bersemangat menekan tombol I AGREE WITH ALL TERM AND CONDITION, tapi sejauh yang saya baca mereka benar benar memberikan layanan gratis domain dan hosting dengan batasan tertentu .. agar mereka ngga rugi dan anda ngga ngelunjak.

10. NIAT !

Barang gratisan yang susah banget ngedapetinnya .. kalau yang satu ini ngga punya, saya mau ngelist 50 diatas sana juga percuma. Internet menyediakan banyak banget referensi dan inspirasi website yang bagus dan oke punya, beberapa sumber yang sering saya gunakan adalah Google, Pinterest, Dribbble dan Behance .

OKE ! Kalo sudah dapet sepuluh-sepuluhnya ayo buruan dicoba .. good luck and happy coding!