20+ Icon Vector Set Untuk Design Grafis

Setiap proyek yang berhubungan dengan web pasti memerlukan penggunaan icon. Untuk membuat icon untuk setiap proyek anda pasti sangat menguras waktu dan ide anda! Saya akan membantu anda agar lebih meng-optimalkan waktu kerja anda, yang harus Anda lakukan adalah cukup menemukan icon yang anda perlukan untuk membuat proyek Anda. 

Di bawah ini adalah "20+ Icon Vector Set" yang sesuai dengan setiap jenis proyek yang sedang anda kerjakan saat ini. Anda dapat menemukan kumpulan icon yang elegant untuk bisnis, fashion, makanan, aplikasi mobile, cuaca, desain datar dan banyak lagi.


Free Flat Icons by Studio4 | Creative ... download icon .ico gratis terbaru
 

Pictograms Giveaway Reloaded by Jamila Hodges .. Icon set terbaik 2014


Othericons 3.0 (set) by Luboš Volkov ... daftar situs penyedia icon gratis free semua icon


25 Free Icons by Martina Cavalieri ... daftar situs untuk membuat icon sendiri gratis demgan semua ukuran termasuk favicon


Othericons.com (set) by Luboš Volkov membuat icon untuk mobile sendiri secara gratis dapat di download dengan ukuran kecil


550 perfect pixel vector icons by Vương Thành Chung situs terbaik penyedia icon psd gratis terbaru


Free Flat Icon Set by Barry Mccalvey... free icon photography.. instagram, tumblr ... facebook twitter...


Coucou icons set by Anny Chen... icon untuk semua jenis hewan atau binatang, juga jam


Linecons Free – Vector Icons by Designmodo...


Chalk Glyph Set by Dalton.. icon set terbaru cdr gratis download


Dripicons (Free Iconset) – PSD, Illustrator, Webfont by Amit Jakhu


Free Weather Icons by s-pov spovv and Sm Artists


Simple Line Icons – 100+ free icons (Ai, Eps, Svg, Psd) by Mirko Monti


24 Free Clothes Icons by Lukas Jurik


Line icon set for UI & more // Infinitely scalable by Situ Herrera


 In The Kitchen – Free Icon Set by Wojciech Zasina


Free Flat Icons Set by We are Pinto, Vlad Litvin, and Yuriy Degtyar free download avatar terbaru png file


30 Free Icons (with PSD) by Bluroon free download ikon ikon gratis


Fabicons by sumit chakraborty situs ikon terbaik


Icon Set (144) by Katarina Stefanikova.. download ribuan icon terbaru dengan kualitas HD

MAVERICKS V.1.7 - Theme WordPress Bisnis & Portofolio

Temukan solusi yang tepat untuk bisnis online Anda. Tema Wordpress ini didukung oleh Plugin GT3 Page Builder. Ini adalah salah satu tool yang hebat yang akan membantu Anda untuk membuat jumlah halaman yang tidak terbatas dengan animasi yang mengagumkan dan efek parallax.

MAVERICKS V.1.7 - Theme WordPress Bisnis & Portofolio... Download Template wordpress Super Seo Friendly dan Responsive terbaru April 2014

Features:
  • 1170px and 960px width support
  • WordPress 3.8 +
  • Drag & Drop GT3 Page Builder Plugin
  • Simple and Quick Plugin Installation
  • Tons of Shortcodes/Modules
  • Drag & Drop Page Modules
  • Custom Settings in Modules
  • Fully Responsive
  • Retina Ready
  • HTML5 & CSS Code
  • SEO Friendly
  • WPML Supported (.po, .mo files)
  • Easy Color Management
  • Google Font Support 600+
  • Advanced Theme Options Panel
  • Different Header Layouts
  • And More...

Author
mad_dog
Demo
http://adf.ly/jLYBT
Download:

Blogger Template Responsive Magazine

Free Download Blogger Template Responsive Magazine & SEO Friendly 2014... Template blogger terbaik Seo Friendly 2014 gratis... Template Blog Premium gratis...

Template Blogger Geekish adalah template blogger futuristik yang dibuat secara ekstra. Template ini sepenuhnya responsif dan bisa berfungsi sebagai blog, majalah, situs berita/ magazine atau website statis. Namun, apa yang membuat geekish berbeda dari tempalate yang lain adalah fleksibilitas. Muncul dengan beberapa layout pada baranda, halaman posting dan halaman statis.

FEATURES
  • Responsive Layout
  • Template Options
  • Custom Widgets
  • Browser Compatibility
  • SEO Friendly
  • Google Web Fonts
  • Optimized For Adsense
  • Multiple Color Schemes
  • Social Media Icons

Author
templateism
Demo
http://adf.ly/iqEyC
Download:

Cara Mengaktifkan CSS3 Border Radius Di Internet Explorer 8

CSS3 memberikan kita kemampuan untuk menciptakan sudut tumpul dengan properti border-radius. Tapi seperti yang Anda tahu, fitur baru ini tidak diakui di Internet Explorer 8 (IE8) dan versi yang sebelumnya. Jadi, ketika Anda menerapkan CSS3 Border Radius ke elemen, maka hasilnya masih tetap lancip di bagian tepi.

Cara Mengaktifkan CSS3 Border Radius Di Internet Explorer 8 ... Membuat border radius di Internet Explorer versi terbaru...

Anda mungkin menemukan banyak saran yang berbeda di Internet, agar Anda mengabaikan IE8. Anda tentu dapat melakukannya. Tapi jika Anda bekerja pada sebuah situs web untuk lembaga pemerintah atau bank, Anda mungkin tidak memiliki pilihan lain, Anda masih harus membuat website terlihat bagus seperti dalam browser modern, yang mencakup kemampuan untuk menerapkan CSS3 Border Radius

Jika Anda benar-benar harus membuat website Anda support di IE8 ke bawah, anda bisa bisa menerapkan tips berikut ini.

CSS3Pie

CSS3Pie adalah semacam polyfill untuk fitur CSS3 dekoratif. Selain CSS3 Border Radius yang kita akan bahas dalam artikel ini, CSS3Pie juga mendukung Box Shadow dan Gradien, meskipun itu terbatas pada tipe Linear Gradient. 

Download CSS3Pie (di sini). Masukan ke dalam direktori proyek Anda. Seperti Anda juga dapat melihat dari gambar di bawah, saya telah membuat satu stylesheet serta satu file HTML.

Belajar CSS3 di Internet Explorer

Buka stylesheet dalam kode editor dan pilih salah satu elemen dalam file HTML dengan sudut membulat, seperti:
Sebagai lebar elemen dan tinggi keduanya 100px, dan border-radius diatur ke 50px, elemen akan menjadi lingkaran:

membuat border, table, kolom, tinggi lebar di css3 Internet Explorer

Dalam IE8, seperti yang kita harapkan, itu akan tetap menjadi persegi, tapi jangan khawatir.

Cara membuat kotak persegi di Internet Explorer secara manual

Untuk mengaktifkan efek sudut bulat, masukkan baris ini: behavior: url(css/pie.htc); seperti itu.
Perhatikan bahwa path file di url() harus berupa path absolut atau relatif ke file HTML. Anda juga dapat menambahkan baris ini di file terpisah. 

Anda mungkin memiliki stylesheet yang digunakan untuk Internet Explorer. Anda dapat menempatkan behavior: url(css/pie.htc); dalam file itu, tapi pastikan bahwa itu dinyatakan dalam selector CSS yang sama.
Refresh halaman di IE8. lihat hasilnya sudut sudah tumpul, dan ini harus bekerja di IE7 atau kebawah juga.

Pemecahan Masalah 
Internet Explorer mungkin akan bertingkah aneh. Jika ini tidak berhasil (mungkin sudut tumpul tidak berlaku), menambahkan properti position dan zoom  harusnya akan memecahkan masalah:

Penggunaan CSS3 Pie di WordPress

Anda juga memanfaatkan pie.htc dalam situs web untuk memungkinkan CSS3 di IE8. Pada tahap ini, Anda siap untuk mengubah website menjadi tema berfungsi WordPress. Dalam hal ini, seperti WordPress adalah dinamis, di mana setiap halaman dapat melayani tingkat URL yang berbeda, kita harus menentukan path absolut. 
Anda juga dapat mengubah jalur dalam CSS seperti ini:
Atau menambahkan gaya internal di header.php, seperti berikut:
Setelah CSS3 Border Radius bekerja di IE8, hal tersebut karena CSS3Pie. 

ElegantCart - Template OpenCart Premium

ElegantCart ini merupakan desain yang menakjubkan, sangat cocok untuk berbagai macam produk. Template ini sangat mudah untuk di install dan menyesuaikanya.

ElegantCart - Template OpenCart Premium ... themeforest free download ... template opencart terbaru gratis... Java Templates ..

Terdapat 6 file PSD yang berisi semua elemen desain yang digunakan dalam template ini, banyak banner GRATIS (gambar slider), 24 Pola background dan widget Color picker untuk warna utama dan background navigasi. 

ElegantCart mempunyai 3 modul tambahan, dengan menggunakan jQuery Library, CloudZoom, jQuery Carousel. Juga dilengkapi SEO friendly dan Cross Browser yang kompatibel dan didasarkan pada OpenCart 1.531 + yang akan didukung untuk versi masa depan juga.
Author
Blueowlcreative
Demo
http://adf.ly/iinQO
Download:

Membuat Teks Animasi Dengan Textillate.Js

Dalam posting ini kita akan memperkenalkan Anda kepada sebuah plugin jQuery, dibangun menggunakan Animate.css, yang mampu  membuat teks animasi dengan mudah, yaitu Textillate.js

Cara Membuat Teks animasi dengan Mudah, animasi text dengan jquery.... Tutorial pemograman membuat efek animasi dengan kode jquery...

Meskipun Anda dapat membuat teks animasi dengan Animate.css, itu hanya animasi sepenuhnya, bukan huruf demi huruf. jika anda membuat sepenuhnya teks animasi aitu jauh akan membuat anda lebih repot, karena anda akam membuatnya satu - persatu. Namun sekarang ada cara yang lebih mudah dengan anda menggunakan plugin JQuery Textillate.js.

Textillate.js membagi animasi menjadi 2 komponen, in and out animation. Anda dapat menerapkannya dengan animasi yang berbeda, secara terpisah. Semua efek animasi menggunakan library effects. Animate.css. 

Selain Animate.css, Textillate.js juga dibangun berdasarkan Lettering.js. Kita dapat mengatakan, plugin ini adalah kombinasi dari 2 tool. Animate.css bekerja pada fitur animasi, sementara Lettering.js berfokus pada tipografi. 

Cara Menggunakan Textillate.Js

Textillate.js membutuhkan beberapa dependensi sebelum siap untuk digunakan. Diantaranya adalah Animate.css, Lettering.js dan jQuery. Setelah Anda mendownload 3 file tersebut mari kita bahas penggunaanya.
 Dan jangan lupa untuk menempatkan Animate.css library di bagian head section. 

Basic Markup

Untuk mulai menggunakan Textillate.js, Anda harus mendefinisikan class elemen yang Anda ingin animasikan, kemudian menambahkan efek yang Anda pilih ke dalamnya. Harap dicatat bahwa plugin ini bekerja hanya pada teks, sehingga setiap unsur yang bukan teks tidak akan berpengaruh.
Sebagai contoh, kita memiliki elemen yang berisi teks di sini, dan demo class.
Kita sebut nama class dengan Textillate.js inisialisasi, seperti begitu.
Sekarang Teks akan beranimasi.

Textillate.Js Options

Kode Javascript sebelumnya akan berlaku hanya pengaturan animasi standar untuk teks. Untuk mengubahnya, ada dua metode yang dapat Anda gunakan.

1. Pertama, dengan memasukkan HTML Data api seperti berikut ini.
data-in-effect mendefinisikan efek masuk teks. Sedangkan untuk efek keluar, Anda dapat menggunakan data-out-effect api.

2. Anda juga dapat menambahkan opsi ke dalam inisialisasi Javascript Textillate.js seperti kode berikut.
Selain efek, ada pilihan lain yang berguna bagi Anda, jika ingin menggunakan nya. Untuk melihat daftar lengkap pilihan lain, Lihat disini.

Kesimpulan

Textillate.js adalah plugin yang sangat berguna terutama ketika Anda ingin menarik pengguna untuk teks yang paling ingin anda umatakan. Hal ini dapat Anda pos disitus, layanan, update, promosi atau apa pun. Dan untuk tambahan lagi, Anda dapat menggabungkan Textillate.js dengan plugin lain seperti FitText.js ditujukan untuk menampilkan teks yang besar.