Kamis, 11 Januari 2018

18+ Situs yang Wajib Dikunjungi & Diikuti Front-End Developer/Designer

18+ Situs yang Wajib Dikunjungi & Diikuti Front-End Developer/Designer

Front-end developer adalah salah satu cabang dari profesi web developer. Fokus pekerjaannya adalah seputar membuat dan mengembangkan bagian depan sebuah web. Sederhananya begitu. Front-end developer mengubah desain yang dibuat web designer menggunakan HTML, CSS dan Javascript sehingga menjadi halaman web interaktif yang bisa diakses oleh pengguna.
Terkadang, seorang front-end developer juga merangkap sebagai web designer. Bahkan, terkadang juga lebih dikenal sebagai web designer, disamping sering disebut juga sebagai Front-end Designer dan Front-end Engineer. Hal ini karena baik Front-end Developer maupun Web Designer membutuhkan hal yang sama yaitu ide dan kreatifitas yang tinggi. Web designer dituntuk untuk dapat menciptakan desain web yang enak dilihat (User Interface) dan mudah digunakan atau dimengerti (User Experience). Sedangkan Front-end Developer dituntut untuk membuat halaman web yang interaktif dan mudah digunakan oleh pengguna.
Menjadi seorang Front-end developer juga dituntut untuk selalu up-to-date terhadap teknologi-teknologi baru yang populer di dunia. Berbagai library, plugins, framework, dan template muncul atau diperbarui setiap harinya, menjadi bagian yang ikut andil dalam perkembangan front-end development.
Oleh karena itu, adalah hal yang sangat penting bagi front-end developer untuk selalu terupdate pada informasi-informasi terbaru, juga bergaul dan berkolaborasi dengan orang-orang yang satu profesi dari seluruh dunia. Berikut ini adalah situs-situs yang membahas front-end development sekaligus juga tempat berkumpulnya para developer saling menunjukkan karyanya. Saran saya, setidaknya ikutilah salah satunya agar anda menjadi seorang front-end developer atau web designer yang up-to-date.
*note :
– Semua situs di bawah berbahasa inggris. Untuk situs berbahasa indonesia, sangat sulit untuk menemukan yang benar-benar berkualitas dan lengkap.
– Urutan situs di bawah tidak mencerminkan kualitasnya.

Artikel dan Tutorial

1. Smashing Magazine

Smashing Magazine
Smashing Magazine secara khusus memang membahas seputar desain web dan front-end development. Kelengkapan kontennya sudah tidak diragukan lagi karena situs ini termasuk situs-situs pionir yang membahas tentang desain web. Kebanyakan kontennya adalah artikel-artikel seputar konsep-konsep dan tips-tips desain web beserta penerapannya.

2. Tutsplus

TutsPlus
Seperti yang anda lihat, sebenarnya Tutsplus bukanlah situs yang dikhususkan front-end dev. Situs ini juga membahas tentang Desain Grafis dan Fotografi. Namun karena situs ini merupakan situs ‘course’ dan tutorial yang dikelola secara professional oleh envato -salah satu perusahaan besar yang juga mengelola themeforest, codecanyon, dsb-, kontennya menjadi sangat lengkap dan berkualitas.
 3. SitePoint
SitePoint
Sitepoint adalah situs yang memang kontennya khusus berisi hal-hal seputar web development. Konsepnya hampir sama seperti Tutsplus yang menyediakan berbagai kursus dan tutorial. Konten-konten di sini tidak hanya ditulis oleh beberapa orang saja, melainkan oleh banyak orang. Di sini juga tersedia forum yang memungkinkan anda untuk berdiskusi dengan sesama web programmer.

4. 1st Web Designer

First Web DesignerFirst Web Designer termasuk situs-situs awal yang membahas desain web. Jenis kontennya tidak jauh beda dengan Smashing Magazine yang membahas berbagai konsep desain web, berikut dengan panduan praktisnya. Situs ini juga membahas banyak tentang menjadi freelance web designer.

5. Web Designer Depot

Web Designer Depot
Web Designer Depot merupakan situs desain web yang terbilang kreatif dan tidak membosankan. Konten-kontennya tidak jauh beda dengan 1st web designer dan smashing magazine. Yang membedakannya, situs ini menerbitkan comics of the week sebagai konten kreatif dan intermezo. Selain itu, Web Designer Depot juga menerbitkan berbagai resources web design yang cukup berkualitas.

6. Hongkiat

Hongkiat
Hongkiat adalah situs yang membahas seputar teknologi digital, termasuk didalamnya web design dan web development. Walaupun tidak terfokus ke satu topik, situs ini mempunyai konten yang cukup lengkap dengan kualitas yang bagus, mengingat umur atau jam terbangnya yang sudah lama.

7. Scotch.io

Scotch.ioSejujurnya, saya belum begitu lama mengenal Scotch.io ini. Jika dilihat dari konten-kontennya, situs ini terfokus pada coding, bukan pada desain. Situs ini membahas tutorial-tutorial praktis mengenai front-end development dan back-end development dengan berbagai jenis platform dan bahasa pemrograman.

8. CSS-tricks

CSS Tricks
Sesuai dengan namanya, CSS-Tricks membahas berbagai tips dan tutorial CSS. Sejauh ini, CSS-Tricks merupakan situs terlengkap dan terbesar yang secara khusus membahas CSS. Selain sebagai situs blog, CSS-Tricks juga menyediakan Forum diskusi yang memungkinkan setiap pengunjungnya untuk daftar dan berdiskusi satu sama lain.

9. Html5 Rocks

Html5 Rocks

Sesuai namanya, Html5 Rocks membahas berbagai hal mengenai HTML5. Bahasannya, tentu tidak akan jauh dari browser compability, trik-trik menggunakan Html5 dan hal-hal lain yang berkaitan. Selain itu, situs ini juga membahas tool browser dan web development yang dapat memudahkan para developer.

Creative Resources

Situs-situs di bawah berisi berbagai resource atau sumber-sumber belajar yang berbentuk file demo yang bisa anda download secara gratis.

10. Codrops

Codrops
Dari semua situs yang saya tulis di sini, Codrops adalah situs desain web pertama yang saya kenal sejak saya belajar front-end development. Menurut saya, Codrops adalah situs desain web paling kreatif dan anti mainstream. Di sini tersedia berbagai resources sekaligus tutorial trik-trik CSS dan JS yang out-of-the-box. Konten-kontennya juga banyak yang merupakan hasil ide kreatif dan eksperimen dari penulisnya, yang sudah malang-melintang dalam front-end development. Selain itu, tersedia juga berbagai koleksi desain, ikon, font dan sebagainya.

11. W3 Layouts

W3 Layouts
W3 Layouts adalah situs yang menyediakan berbagai resources berupa template-template website terbaru, template dan desain UI website, dan sebagainya. Resources yang tersedia di sini diambil dari berbagai sumber/developer sehinga kualitas dan stylenya sangat beragam. Anda bisa mendownload dan mengunakan resources-nya secara gratis.

12. Codyhouse

Cody House
Sebenarnya, Codyhouse merupakan situs kursus belajar HTML, CSS dan JS yang berbayar maupun gratis. Walaupun tidak selengkap situs-situs lain yang secara khusus menyediakan resources, codyhouse juga menyediakan berbagai resources gratis dan juga berbayar dengan kualitas yang tidak kalah bagus.

Playgrounds

Situs-situs di bawah adalah tempat para front-end developer melakukan berbagai eksperimen, belajar dan saling berbagi satu-sama lain.

13. Codepen.io

Codepen
Bukan front-end developer kalau tidak kenal codepen. Sejauh ini situs ini merupakan playground terbesar dan terlengkap. Selain menyediakan tempat untuk bereksperimen dengan live demo, codepen juga memfasilitasi penggunanya yang ingin menulis seputar front-end development, membaca berbagai artikel, juga tempat untuk kolaborasi team (berbayar).

14. Jsfiddle

JS Fiddle
Seperti codepen, JS Fiddle adalah situs yang memfasilitasi para pengunanya untuk bereksperimen dengan HTML, CSS dan Javascript dengan berbagai librarynya. Walaupun fiturnya tidak selengkap codepen, JS fiddle juga sudah terkenal di kalangan front-end developer.

15. CSS Deck

CSS Deck
Konsep CSS Deck tidak jauh beda dengan codepen. Walaupun fitur dan popularitasnya tidak sebagus codepen, CSS deck sudah mempunyai cukup banyak pengguna dan project sebagai sarana diskusi dan belajar anda.

16. Plunker

Plunker
Sama seperti yang lainnya, plunker menyediakan tempat untuk para developer untuk bereksperimen dan berbagi karyanya.

Lain-Lain

Selain sumber-sumber di atas, ada juga link-link seputar front-end yang mungkin harus anda kunjungi juga.

17. Up-to-Date Front-end Rescue

Jika anda kurang puas dengan rekomendasi situs yang saya tulis di atas, mungkin anda baiknya anda mengunjungi situs ini. Situs ini juga berisi link untuk resources front-end developer agar tetap up-to-date. Di sini juga terdapat link mengenai newsletter minguan serta konferensi yang bisa anda datangi.

18. Javascript

Situs ini adalah pusatnya javascript, sesuai dengan namanya. Jika anda ingin mengetahui berbagai hal mengenai javascript yang meliputi tutorial, perkembangan, berita dan sebagainya, silahkan kunjungi situs ini.

19. Front-end Handbook

Terakhir, Front-end Handbook. Seperti namanya, ini adalah ‘buku saku’ untuk front-end developer yang berisi spesifikasi kerja, komunitas, resources, buku dan sebagainya. Situs ini di update setiap tahunnya sesuai perkembangan front-end development.
Itulah, situs-situs yang saya rekomendasikan bagi yang sedang belajar maupun sudah berprofesi sebagai web designer atau front-end developer. Jangan lupa juga untuk bergabung dengan grup-grup web designer yang pernah saya tulis 

43 Contoh Flat Web Design Keren Untuk Landing Page

BEBERAPA  Contoh Flat Web Design Keren Untuk Landing PaGE Alasan mengapa Flat Web design mendominasi gaya web design di dunia adalah karena kemudahan dan tingkat user-friendly yang sangat tinggi. Flat design lebih terfokus pada kombinasi warna flat dengan menggunakan CSS sehingga lebih ringan. Flat Design mengurangi penggunaan gambar, efek drop shadow, gradasi warna, 3D teksture, dan glow sehingga desain terfokus pada konten yang disajikan.Nah, bagi anda yang ingin mengubah atau membuat desain dengan bergaya flat dan belum memiliki inspirasi, berikut ini adalah beberapa contoh flat design untuk web Landing page Perusahaan/bisnis, Aplikasi, Produk, Portofolio dan lain-lain untuk inspirasi web design anda.

Perusahaan

Blocklevel

Blocklevel web flat design style

Nitrografix

Desain web flat Nitrografix

Conversionforge

Inspirasi Desain Web Flat

Madebyfibb

Web design Inspiration

Fhoke

Flat Web Design Inspiration

PSD2HTML

Inspirasi flat design

Pexelplant

Flat Design for landing page

Playgroundinc

Playgroundinc web design

Northbounddesign

Northbound Design

Aplikasi

Sumall

Social Media Flat design

Nextr

Nextr web design style

Geckoboard

Geckoboard

Numbrs

Numbrs

Triplagent

TriplAgent

Inky

Inky

Kippt

Kippt

Publiq

Publiq App

Produk

Windows Phone

Windows phone web design

Fitbit

Fitbit

Wistia

Wistia Design Inspiration

Mailchimp

Mailchimp

Teamsort

Teamsort

Yourkarma

Your Karma Web Design

Fusionads

Fusionads

Kinhr

Kinhr

Portofolio

BAMS JAVA


Saat ini, versi html sudah mencapai pada versi HTML 5 yang distandarkan pada 2008. Versi sebelumnya adalah HTML, HTML 2.0(22 september 1995), HTML 3.2(14 Januari 1996), HTML 4.0(18 Desember 1997), HTML 4.01(24 Desember 1999), ISO HTML (15 Mei 2000).
Setiap peng-update-an versi pada html ditambahkan tag-tag baru untuk memperlengkap objek dalam halaman web yang dibuat. Perkembangan HTML ini tentu saja sangat erat kaitannya dengan perkembangan Browser karena pada dasarnya browserlah yang menerjemahkan perintah-perintah dari kode-kode html menjadi objek yang diinginkan.
Setiap halaman website yang anda buka(termasuk halaman ini), terstruktur dari kode-kode html. Coba saja anda tekan CTRL + U (di firefox), atau klik kanan > view page source/ view source. Disitu akan ditampilkan script HTML yang membangun halaman web itu. Karena itu, setiap halaman web pasti berformat .html jika di download.
Untuk membuat file .HTML, anda bisa menggunakan notepad atau source code editor. Struktur kode html, dibagi menjadi beberapa bagian seperti dibawah ini :
<!Doctype html> <!– merupakan deklarasi html (dalam hal ini HTML5) –>
<html>
<head>
<title>Ini Judul Halaman Web</title>
<!– Di sini biasanya dimasukkan tag-tag html untuk menyertakan/memanggil file lain untuk melengkapi halaman. Seperti file css dan javascript. –>
</head>
<body>
Ini untuk isi dari halaman web, terdiri dari kode-kode html lainnya yang lebih kompleks
</body>
</html>
Cobalah copy-kan kode diatas pada notepad, lalu save-as sebagai file .html. Bukalah di browser, maka anda telah membuat sebuah halaman web baru.
Sekian. Selamat mencoba!
Kalau masih kurang jelas, silahkan tanya dikomentar. Jangan lupa share ke teman-teman anda jika anda rasa ini bermanfaat ^_^
~Muhammad Syakirurohman~
" data-medium-file="" data-large-file="" class="alignnone size-full wp-image-123" src="http://www.devaradise.com/id/wp-content/uploads/sites/4/2015/01/inspiration-flatdesign-portfolio-1.png" alt="BAMS JAVA web design" width="700" height="340">

Theissland

Theissland

Sammarkiewi

Sammarkiewi

Ivomynttinen

ivomynttinen

Evan Richards

Evan Richards

Builtbybuffalo

Builtbybuffalo

Daniel Petrarolo

Daniele Petrarolo

Stedesign

Stedesign

Lainnya

WDMTG

WDMTG

Mint Themes

Mint themes

BYNC

BYNC

Redbull Studio

RedBull Studio

MTDC

MTDC

Tree House

Team Tree House

Square Space

Square Space

Chilicon Graphic

Chilicon Graphic

Dunked

Dunked

Adayinbigdata

A Day In Big Data
Itulah contoh website-website dengan desain Flat. Bagaimana menurut anda? Semoga bermanfaat.

TEKNOLOGY PROGRAM APLIKASI YANG LEBIH DILIHAT

Perangkat Lunak Aplikasi
 1.T PROGRAM APLIKASI YANG LEBIH DILIHAT: MARTHA SATORNICIO SATORNICIO2. PENDAHULUAN 
 
 Dalam ilmu komputer, sebuah aplikasi adalah jenis program komputer yang dirancang sebagai alat untuk memungkinkan pengguna melakukan satu atau beberapa jenis pekerjaan. Ini membedakannya terutama dari jenis program lain seperti sistem operasi (yang membuat komputer bekerja), utilitas (yang melakukan tugas pemeliharaan atau penggunaan umum), dan bahasa pemrograman (dengan program komputer yang dibuat). Aplikasi tertentu yang dikembangkan 'untuk mengukur' biasanya menawarkan kekuatan besar karena dirancang secara eksklusif untuk memecahkan masalah tertentu. Yang lain, yang disebut paket perangkat lunak terintegrasi, menawarkan lebih sedikit daya namun dalam pertukaran mencakup beberapa aplikasi, seperti program pengolah kata, spreadsheet dan database.3. PROGRAM APLIKASI Program aplikasi membenarkan konstruksi peralatan, yang pada awalnya terdiri dari aplikasi militer dan ilmiah seperti perhitungan lintasan proyektil, simulasi efek termodinamika dan analisis wilayah udara. Dengan komersialisasi komputer, aplikasinya juga berorientasi pada dukungan administrasi publik dan perusahaan besar: sistem penggajian, sistem akuntansi, pengendalian persediaan, produksi parameter, statistik dan aplikasi ilmiah.4. PERANGKAT LUNAK APLIKASI5. DEFINISI Apakah yang membuat komputer bekerja sama dengan pengguna dalam kinerja tugas biasanya manusia, seperti mengelola akuntansi atau menulis teks.6. KARAKTERISTIK  Perangkat lunak aplikasi dirancang untuk memudahkan pengguna melakukan jenis pekerjaan tertentu.  Memiliki karakteristik tertentu yang membedakannya dari sistem operasi (yang membuat komputer bekerja), dari utilitas (yang menjalankan tugas pemeliharaan atau penggunaan umum) dan dari bahasa (dengan mana program komputer dibuat).7. CONTOH PERANGKAT LUNAK APLIKASI  Penerbit. (PhotoShop untuk Desain Grafis)  Spreadsheets. (MS Excel)  Sistem manajemen basis data. (MySQL)  Program komunikasi. (MSN Messenger)  Paket terintegrasi. (Office: Word, Excel, PowerPoint ...)  Program desain berbantuan komputer. (AutoCAD  Word Processors. (Notepad)8. TEKNIK PERANGKAT LUNAK9. DENINIKSI Dalam rekayasa perangkat lunak, aplikasi web adalah aplikasi yang dapat digunakan pengguna dengan mengakses server web melalui Internet atau intranet melalui browser. Dengan kata lain, ini adalah aplikasi perangkat lunak yang dikodekan dalam bahasa yang didukung oleh browser web (HTML, JavaScript, Java, asp.net, dll.) Di mana eksekusi dipercayakan ke browser.10. Model pengembangan perangkat lunak Rekayasa perangkat lunak memiliki beberapa model pengembangan atau paradigma yang dapat didukung untuk perwujudan perangkat lunak, yang dapat kita soroti sebagai yang paling banyak digunakan dan paling lengkap:  Model in air terjun atau Klasik (model tradisional)  Model spiral (model evolusioner)  Model prototot  Perkembangan bertahap  Perkembangan Iteratif dan berkembang atau berulang dan bertahap  RAD (Rapid Application Development)

Rabu, 03 Januari 2018

5 Website Terbaik Untuk Download Software Gratis

5 Website Terbaik Untuk Download Software Gratis

Image result for logo download

Software atau perangkat lunak adalah hal yang wajib diinstall pada Sistem Operasi demi menunjang pekerjaan . Beberapa Sistem Operasi memang menyediakan aplikasi  didalam OS mereka, namun tidak semua aplikasi tersebut dapat bekerja dengan optimal. Oleh karena itu user membutuhkan software tambahan untuk menunjang kinerja mereka.

Yang jadi pertanyaan, dimana kita bisa mendownload software secara gratis, tidak ribet dan tampa diselingi iklan terlebih dahulu ? Berikut beberapa situs download software gratis yang Software182 rekomendasikan.

1. Softpedia

Salah satu situs terbesar untuk software dan berbagai macam informasi tentang dunia IT lainnya. Bisa dibilang Softpedia ini sebagai "google"-nya tempat download software. Hampir semua software baik itu berbayar ataupun gratis ada di Softpedia ini. Kelebihan dari Softpedia ini juga semua softwarenya sudah diverifikasi oleh tim dari Softpedia, sehingga kecil kemungkinan terdapat Malware didalam Software yang kalian download. Selain itu Softpedia juga bisa mendownload software-software untuk OS X dan juga GNU / Linux !

Homepage : http://www.softpedia.com/

2. Majorgeeks

Uptodate, engga ribet dan list softwarenya banyak itulah beberapa gambaran dari Majorgeeks. Kalian jangan tertipu dengan tampilannnya yang sangat jadul jika dibandingkan dengan website zaman sekarang. Majorgeeks juga menjadi salah satu tempat download software gratis oleh Software182. Selain informasinya yang ditampilkan cukup lengkap, download melalui Majorgeeks juga tidak repot !

Homepage : http://www.majorgeeks.com/

3. Softexia

Softexia ini juga hampir mirip-mirip dengan Softpedia. Softexia juga menyediakan software yang sangat lengkap baik itu Antivirus, Anti-Spyware, Software untuk Office dan lain sebagainya. Download melalui Softexia juga tidak ribet karena langsung didapat dari situs software bersangkutan ! tidak percaya ? silakan kalian kunjungi Softexia dibawah.

Homepage : http://www.softexia.com/

4. FileHorse

Software-softwarenya lumayan lengkap, banyak sekali pilihan Software yang ada di FileHorse. Ya walaupun jika dibandingkan dengan ketiga situs diatas list dari FileHorse lebih sedikit, namun Situs Download FileHorse patut diberi 2 jempol karena downloadnya yang tidak ribet serta menyediakan software-software untuk Windows & OS X.

Homepage : http://www.filehorse.com/

5. DownloadCrew

Downloadcrew adalah tempat software download gratis baik freeware maupun shareware. Meskipun softwarenya tidak selengkap dan sebanyak Softexia ataupun Softpedia, Semua software yang didownload dari Downloadcrew bersih dari malware :)

Homepage : http://www.downloadcrew.com/





6. Sourceforge

Gudangnya aplikasi Freeware, Sourceforge ini adalah tempat bagi kalian pecinta Freeware. Sourceforge adalah surganya aplikasi gratisan dan berbasis Open-Source. Kalian hampir tidak akan menemukan aplikasi berbayar / trialware di Soucrforge.

Homepage : http://www.sourcefourge.net/

cara dowload vidio di youtub

cara download vidio youtube inilah cara download vidio youtube silah tonton vidionya di bawah ini https://youtu.be/8GvLYqMbugc