Aplikasi Gratis Memudahkan Embed Code

Setiap perancang web tahu bagaimana menyematkan video. Penyematan adalah cara termudah untuk berbagi konten dan memperbaiki artikel Anda dengan media yang relevan.

Namun, ada masalah dengan iframe dan embelan video sejenis lainnya: kurangnya solusi responsif. Setiap situs modern sepenuhnya responsif dan video tetap dapat benar-benar mematahkan arus di ponsel.

Untuk mengatasi masalah ini, coba Embedresponsively.com. Aplikasi web gratis ini memberi kode embed untuk beragam situs media dan bahkan mendukung elemen iframe default.

Youtube menanamkan aplikasi web generator

Secara default, Anda dapat memilih dari beberapa situs multimedia yang mendukung embeds asli:

Youtube
Vimeo
DailyMotion
Instagram
Kericau
Google Maps
Soundcloud
Scribd

Anda tidak perlu menghafal semua kode sematan ini atau berantakan dengan widget sematan mereka. Cukup salin URL item apa pun yang ingin disematkan dan tempelkan ke aplikasi web.

Setelah mengeklik tombol "Sematkan", Anda akan mendapatkan pratinjau yang dapat Anda uji di browser dengan mengubah ukurannya, untuk melihat bagaimana video beradaptasi. Di bawah panel pratinjau, Anda akan menemukan blok kode yang dapat Anda salin / tempel dan gunakan untuk disematkan di situs Anda.

Ini adalah salah satu solusi termudah untuk masalah embed responsif. Tujuannya agar video tetap fleksibel sambil mempertahankan rasio aspek-bukan tugas yang mudah.

Ada banyak sekali CSS-Tricks dengan solusi lain yang lebih bergantung pada kelas dan elemen kontainer. Tapi, jika Anda tidak ingin selalu ingat menambahkan wadah itu Anda mungkin lebih suka Embedresponsively.com.

Mengintip situs dan mencobanya. Jika Anda tidak keberatan bekerja dengan cuplikan kode yang lebih lama, ini tentu solusi bagus untuk tata letak yang responsif.

Dan, Anda dapat menemukan kode sumber lengkap secara gratis di GitHub jika Anda ingin menambahkan dukungan untuk media yang lebih dapat disematkan.

Google's new tools membuat website Anda seperti Android

Bahan Desain, Google's new design style for Android, telah mengambil alih sistem operasi mobile-nya, tapi sekarang perusahaan ingin melihatnya menyebar di seluruh web.
Raksasa pencarian kini menawarkan Material Design Lite, satu set alat yang memudahkan untuk web desainer untuk menerapkan Bahan Desain di situs Web mereka sendiri. Google membuat pengumuman on Medium.

Pengguna dapat men-download komponen (bit kode), gaya dan seluruh template untuk membuat website Bahan Desain mereka. Dengan cara itu, mereka bisa memilih bagian mana dari situs mereka, mereka ingin mengambil tampilan Google dan merasa. Alat yang dibuat untuk menjadi responsif, yang berarti mereka akan beradaptasi dengan perangkat website ini dilihat pada. Mereka juga bekerja di browser utama kecuali untuk Internet Explorer 9, di mana beberapa fitur yang turunkan.

Image: Google

Diumumkan tahun lalu, Bahan Desain bertujuan untuk membawa keseragaman ke tampilan aplikasi Android 'dan nuansa. Google memperbarui semua aplikasi pada kedua Android dan iOS dengan gaya baru, dan banyak pembuat aplikasi pihak ketiga mengambil rute yang sama.
Estetika terlihat seperti Anda mengambil kartu indeks permen berwarna dan meletakkannya di atas meja. Setiap bagian dari antarmuka pengguna memiliki kartu sendiri, membuat pop dengan bayangan penurunan berat, warna-warna cerah dan animasi hidup.
Mashable telah menguji pre-made Material Design templates dan menemukan mereka untuk menjadi bersih, cantik dan mudah dipahami. Tapi UI berbasis kartu berarti ada banyak ruang kosong, sehingga Anda lebih bergulir.
Dengan menyebarkan desain di situs pihak ketiga, Google tampaknya ingin menanam bendera pada lebih bagian dari web.
sumber mashable.com

Cara Mengembangkan Apps Web Anda Sendiri Dengan Free Online IDE

Jika Anda pernah melihat ke dalam ide pengembangan aplikasi berbasis web Anda sendiri, Anda akan tahu bahwa teknologi kunci yang Anda butuhkan untuk belajar adalah HTML, CSS dan Javascript. HTML memungkinkan Anda membuat isi halaman Anda dan CSS memungkinkan Anda menerapkan format yang diperlukan. Program javascript kemudian memungkinkan Anda untuk memanipulasi konten untuk membuat animasi dan melakukan segala macam hal yang cerdas.

Untuk membuat pengembangan Javascript yang mudah dan lebih cepat, ada beberapa kerangka kerja gratis terkenal seperti jQuery dan Angular. Ini memungkinkan Anda untuk membuat efek grafis yang mengesankan, atau semua elemen antarmuka pengguna yang rapi, hanya dengan beberapa baris kode.

Jadi sekarang, semua yang Anda butuhkan adalah lingkungan pengembangan yang baik di mana untuk mulai bereksperimen. Anda mungkin akan ingin satu yang membagi layar Anda menjadi 4 panel, untuk menunjukkan kode HTML, CSS, Javascript, dan jendela output. Yup, itu akan menyenangkan. Tapi apakah hal seperti itu ada dan, jika demikian, berapa biayanya?

Inilah kabar baik. Hal semacam itu ada, dan itu sangat mudah digunakan. Dan itu benar-benar gratis. Dan bekerja secara online di browser Anda, sehingga tidak ada yang perlu men-download atau menginstal. Hanya coba ke JS Fiddle, seperti disebut, dan mulai bereksperimen. Dan dengan satu klik Anda dapat memuat dalam, dan mulai menggunakan segera, semua kerangka Javascript bebas terkenal seperti sudut, Knockout, jQuery dan banyak lagi.

Sebagai contoh, cobalah berselancar ke http://jsfiddle.net/rniemeyer/LkqTU/ dan Anda akan melihat contoh di bawah ini. Sesuaikan salah satu kode yang Anda suka, klik tombol Run, dan lihat hasilnya langsung.

Untuk sesuatu yang lebih grafis, cobalah http://jsfiddle.net/zalun/FZqZN/ dan menggerakkan mouse Anda di atas jendela output saat program sedang berjalan. Juga mencoba http://jsfiddle.net/pyrliu/JPEEv/2/ untuk beberapa contoh besar animasi dan grafik.

Cari di Google untuk contoh jsfiddle dan Anda akan menemukan lebih banyak lagi. Maka Anda siap untuk mulai bekerja pada karya pemrograman Anda sendiri .
sumber techsupportalert.com

Software untuk Install WordPress Lokal Cepat dan Mudah

ServerPress adalah aplikasi server lokal yang dibangun khusus untuk mengembangkan WordPress, serta bbPress dan BuddyPress. Muncul dengan fitur yang memungkinkan kita untuk menginstal WordPress lebih cepat daripada yang ada. ServerPress tersedia untuk Windows dan OSX ; Anda bisa download installer ini, dan ikuti instruksi sesuai OS Anda.

Untuk mengembangkan WordPress secara lokal di komputer kita, kita memerlukan server lokal dengan Apache dan MySQL terpasang di komputer kita. Cara termudah untuk mendapatkan ini adalah dengan menginstal paket aplikasi, seperti WAMP untuk Windows, dan MAMP untuk OSX.

Namun, menginstal WordPress di dalamnya kurang mudah. Pertama, kita perlu menempatkan file WordPress di folder yang sesuai, yang biasanya bernama htdocs, membuat database untuk itu, masukan informasi yang diperlukan untuk menghubungkan WordPress ke database, dan mengatur account pengguna sebelum kami akhirnya bisa mendapatkan situs untuk dijalankan.

Kombinasikan dengan setup VirtualHost, dan jumlah situs WordPress yang harus Anda tangani, dan proses pasti akan lebih berbelit-belit. Jika Anda menemukan diri dalam situasi ini, Anda mungkin ingin mencoba sebuah aplikasi bernama ServerPress ini.

Setelah Web dan Database layanan (Apache, MySQL) berjalan, kami siap untuk menginstal WordPress.

Instalasi Wordpress

Sebelum melanjutkan, perlu diketahui bahwa jika Anda menggunakan Pow, Anda mungkin perlu menonaktifkan atau uninstall untuk menghindari konflik, karena kedua Pow dan ServerPress menggunakan .dev nama domain.

Untuk membuat proyek WordPress baru, pilih Create a new development website.

Beri Nama domain situs web Anda, dan pilih versi WordPress Anda ingin menginstal. Pada bagian Site Root, Anda dapat melihat di mana situs akan dipasang.

Klik tombol Next. ServerPress secara otomatis akan mengatur hal-hal yang diperlukan (desk, namaserver, VirtualHost, dll) secara otomatis. Ikuti langkah berikutnya untuk membuat user Admin untuk situs Anda.

Website baru Anda siap.

Memindahkan dan Mengubah Nama Domain

Dengan ServerPress, juga dimungkinkan untuk mengubah atau menyalin situs Anda saat ini dengan nama domain lain, yang hanya membutuhkan beberapa klik.

Pilih Remove, copy, or move an existing website.

Pilih situs Anda, dan memilih apakah Anda ingin Copy, Move, atau Remove itu. Dalam hal ini, seperti yang Anda lihat dari screenshot di bawah ini, saya ingin memindahkan website saya, menempatkannya di bawah nama domain baru.

Set nama situs domain baru Anda. Kemudian, di bagian Site Root, Anda juga dapat menentukan lokasi folder untuk website. Klik tombol Next. Ini akan mengurus semuanya. Dan kita sudah selesai.

TerakhirJika Anda tidak ingin cara berantakan dan rumit untuk WordPress setup dan VirtualHost, ServerPress bisa menjadi alternatif yang baik. Dengan itu, Anda dapat memiliki itu dan berjalan hanya dalam beberapa klik.
Selamat Mencoba.

Download ServerPress 

Sumber dan gambar hongkiat

Alat untuk merubah menjadi file HTML

Katakanlah Anda sedang membangun prototipe untuk sebuah website dengan file HTML. Anda memiliki sekitar 10 halaman HTML atau lebih, dan halaman ini berbagi beberapa komponen umum seperti Header, Sidebar, dan Footer.

Sekarang inilah masalahnya: jika Anda membuat perubahan dalam komponen bersama, Anda mungkin akhirnya harus mengubahnya dalam file lain juga. Hal ini kontraproduktif dan pemborosan besar waktu .

Untuk menghindari hal ini, Anda dapat mencoba mesin template. Ada beberapa mesin template di luar sana, masing-masing dengan fitur khas. Dalam posting ini, kita akan memandu Anda melalui salah satu yang kami temukan untuk menjadi sederhana namun tetap kuat : .Kit

Apa itu .Kit ?
.Kit adalah bahasa milik Codekit yang membawa variabel dan berkas kemampuan impor ke HTML. Hal ini ditulis dengan ekstensi file .kit. Menggunakan Codekit, maka dapat dikompilasi menjadi file HTML pada file save.
 
Variabel
Variabel Kit tidak diatur dalam batu, mereka dapat didefinisikan dengan $ atau @ notasi. Jadi, jika Anda menggunakan Kit bersama dengan KURANG, Anda dapat nama variabel Anda dengan notasi @ untuk mengikuti konvensi KURANG. Demikian pula, Anda dapat menggunakan $ untuk Sass. Nilai-nilai dapat diberikan dengan usus, tanda sama dengan, atau ruang. 
Berikut adalah beberapa contoh :
    < - ! $ Var : nilai variabel - >
    < - ! @ Var : nilai variabel - >
    < - ! $ Var = nilai variabel - >
    < - ! @ Var = nilai variabel - >
    < - ! $ Var nilai variabel - >
Namun, perlu dicatat bahwa Anda hanya dapat menetapkan satu variabel per komentar, sehingga contoh berikut tidak akan bekerja sebagai variabel.

    < - ! $ Var1 : nilai variabel , @ var2 : nilai variabel - >
Impor
Dengan bahasa Kit, Anda dapat mengimpor semua jenis file termasuk .html, .Txt, .Kit, dan bahkan .Php. Untuk mengimpor file, Anda dapat menggunakan @ import atau @ include.

    < - ! @ Import " file.kit " - >
    < - ! @ Include " file.html " - >
Selain itu, tidak seperti mendefinisikan variabel, Anda dapat mengimpor beberapa file dalam satu baris, seperti:

    < - ! @ Import file1.kit , file2.html , inc/file3.txt - >
Setelah save, Codekit akan mengambil isi dalam file ini dan menambahkan mereka ke file
menggunakan .Kit

Jadi kita telah melihat apa Kit yang ditawarkan. Mereka mungkin tidak banyak, tetapi mereka pasti cukup kuat untuk membuat hidup lebih mudah ketika menangani sekelompok file HTML.

Dalam skenario praktis, kita dapat mematahkan dokumen kami ke dalam beberapa file, misalnya : header.kit, sidebar.kit, footer.kit, head.kit, opening.kit, dan closing.kit. Kami akan mengimpor file-file ini ke halaman kita sehingga ketika kita membuat perubahan, itu akan berlaku pada semua halaman.
 
Dokumen Pembukaan dan Penutupan
Saya yakin nama file yang cukup jelas mengenai file apa yang membawa, kecuali (mungkin) yang opening.kit, dan closing.kit tersebut.

Dalam contoh kita di bawah, file opening.kit berisi DOCTYPE, tag pembuka HTML, dan tag body pembukaan. Dalam file ini, kita juga mengimpor head.kit yang berisi segala sesuatu yang dibungkus dalam elemen head, dan juga dapat mendefinisikan beberapa variabel global yang dapat diwariskan melalui semua file, seperti:

    < ! DOCTYPE html >
    <html lang="SV">
    < - ! @ Path_js : js / - >
    < - ! @ Path_css : css / - >
    < - ! @ Path_img : img / - >
    <head>
        <title> < - ! @ page_name - > - Hongkiat.com < / title>
        < link href = " < - ! @ path_css - > style.css " rel = " stylesheet " Media = " screen " >
        < skrip src = " < - ! @ path_js - > jquery.js " > < / script >
    < / head>
     
    < class body = " < - ! @ body_class - > " >
Perhatikan bahwa juga ditambahkan dua variabel : @ body_class pada tag tubuh dan @ page_name dalam tag judul. Variabel ini akan memungkinkan kita untuk mengatur kelas yang berbeda dan nama halaman di halaman . Jika kita memiliki dua halaman bernama index.kit dan about.kit, di masing-masing file kita dapat mengatur nilai dari kedua variabel seperti:

index.kit

    < - ! @ Page_name : Homepage - >
    < - ! @ Body_class : blog rumah - >
    < - ! @ Include inc / opening.kit - >

about.kit
melihat plaincopy untuk clipboardprint ?

    < - ! @ Page_name : Tentang - >
    < - @ Body_class : tentang halaman halaman template - >
    < - ! @ Include inc / opening.kit - >
Ketika kita telah menyimpan file, Codekit akan menggantikan variabel yang kita telah dimasukkan ke dalam tubuh dan tag judul dengan nilai-nilai tersebut. Satu hal yang perlu diperhatikan meskipun, adalah bahwa variabel harus datang sebelum masuknya opening.kit, kalau tidak mereka tidak akan dijemput.

Kesimpulan

Seperti disebutkan sebelumnya, Kit bisa menjadi bahasa template yang paling sederhana tersedia. Ini hanya menggunakan tag HTML komentar, dan memberikan fleksibilitas yang besar dalam mendefinisikan variabel dan mengimpor file.

Mampu menggunakan variabel dan file impor dalam HTML berarti bahwa kita dapat meningkatkan producivity kita, karena kita tidak lagi harus mengubah kode kita beberapa kali dalam beberapa file, yang sangat memakan waktu. Selain itu, juga memungkinkan kita untuk membuat modular proyek kita, dan dengan demikian lebih mudah dikelola.
Sumber hongkiat.com

Menambahkan Gambar, Teks dan Graphics Untuk Membuat Dinding Sendiri

Pernah diperlukan untuk merencanakan sesuatu yang rumit, dan tergoda untuk melakukannya dengan menyisipkan gambar dan teks pada dinding di rumah Anda atau kantor? Jika Anda telah menonton di TV Homeland dan Anda melihat Carrie flat, Anda akan tahu apa yang saya maksud!

Jika ide ini menarik bagi Anda, tetapi Anda tidak ingin merusak bangunan, lihatlah Padlet di www.padlet.com. Ini adalah "dinding" online berbasis web, dimana Anda dapat menyisipkan teks atau gambar. Dan seluruh sistem ini sangat mudah untuk digunakan. Untuk meng-upload gambar, hanya tarik dari desktop Anda ke dinding dan dalam beberapa detik sudah siap online.

Jika Anda perlu untuk mengumpulkan koleksi teks dan gambar data untuk tujuan pengajaran, atau presentasi bisnis, atau hanya untuk menunjukkan anak-anak Anda bagaimana scrapbooking telah memasuki abad ke-21, kunjungi situs tersebut. Ia bekerja pada semua browser utama, termasuk dari tablet serta PC, dan itu benar-benar bebas untuk digunakan.

Menambahkan Gambar, Teks dan Graphics Untuk Membuat Dinding Sendiri

11 Tools Penting Gratis Dari Google Untuk Pemilik Web/Blog

Google mempunyai banyak suite mengesankan berguna (dan gratis!) dalam Aplikasi bisnis kecil. Mereka mungkin terperosok dalam kontroversi SEO, tapi sulit untuk menyangkal efisiensi universal banyak alat-alat penting mereka yang diperlukan oleh para pemilik situs.

Andalan seperti Gmail sekarang biasa, tetapi ada kemungkinan banyak korban bahwa perusahaan Anda baik tidak menggunakan sama sekali, atau untuk potensi tertinggi. Check out daftar di bawah ini, Anda mungkin akan menemukan favorit baru, atau menemukan fitur yang Anda tidak tahu bahwa banyak orang yang telah menggunakannya.
Di bawah ini adalah tools penting gratis yang telah disediakan oleh Google.

Google Calendar
Semua orang tahu tentang Google Calendar, tetapi apakah Anda menggunakannya secara maksimal? Anda jelas dapat menjadwalkan rapat dan acara lainnya, tapi mempertimbangkan menggunakannya untuk mengingatkan Anda tentang tanggal editorial, pengiriman gaji, dan tugas lain yang tepat waktu dan berulang. Anda dapat mengatur alert yang dikirim ke inbox atau ponsel juga. Dua arah sinkronisasi membuat jadwal Anda diakses di mana saja, pada perangkat apapun.

Google Alerts 
Semua pengusaha saat ini harus tinggal dalam industri mereka, dan 'Google Alerts' membuatnya mudah. Alarm dapat pada setiap kata kunci atau topik, dan konten yang relevan yang diterbitkan hari itu atau minggu depan dikirim langsung ke inbox Anda atau RSS reader. Anda dapat mengatur alert untuk mengikuti tren industri, diberitahu setiap kali perusahaan Anda disebutkan, dan dapat mengawasi baik pada pesaing Anda.

Google+ Hangouts
Platform komunikasi yang sempurna untuk tim virtual, Google Hangouts memungkinkan pengguna untuk mengubah setiap sesi chat ke dalam diskusi video sepuluh orang. Alat tambahan seperti Cacoo menyediakan real-time menggambar online, dan SlideShare memungkinkan pengguna berkolaborasi dan berbagi presentasi. Hangouts lebih fleksibel daripada Skype, dan benar-benar salah satu yang paling keren dari Google sampai saat ini.

Google Analytics
Jika Anda menjalankan bisnis online, Anda benar-benar memerlukan account Google Analytics. Informasi yang Anda dapat memastikan tentang kebiasaan pengunjung Anda 'sangat diperlukan'. Saham Analytics statistik yang jelas seperti lalu lintas, barang langka, waktu yang dihabiskan, dan tingkat bouncing, dan metrik sama-sama berharga lain seperti demografi, data geografi, statistik pada keterlibatan sosial, sistem operasi dan platform, sumber lalu lintas, inbound link, dampak dari konten utama Anda potongan, dan indikator pada taktik terbaik untuk konversi.

Google Webmaster Tools
Digunakan bersama-sama dengan Google Analytics, Google Webmaster Tools sangat penting untuk kesehatan dan produktivitas website Anda. Alat-alat ini akan membantu Anda menentukan apakah situs Anda dikonfigurasi dengan benar dengan menilai link situs, parameter URL, dan domain kanonisasi. Mereka juga melihat kesehatan situs Anda melalui URL diblokir, kesalahan tidak ditemukan, dan masalah lain dengan situs merangkak. Alat Webmaster bahkan menawarkan saran tentang cara untuk lebih mengoptimalkan situs Anda, melalui perbaikan HTML, peta situs, dan sumber daya lainnya.

Google Voice
Jika Anda mencari untuk mengkonsolidasikan nomor telepon Anda ke dalam satu lokasi pusat dan menikmati sejumlah fitur gratis, Google Voice adalah alat yang sangat berharga. Pesan dapat ditranskripsi dan dikirim ke inbox atau sel, dan bagi mereka yang menghargai privasi, sejumlah Tools Google adalah alternatif yang bagus untuk berbagi rumah atau kantor jalur pribadi Anda. Anda bahkan dapat mengukur efektivitas penempatan nomor telepon di tempat Anda, karena Google Voice akan melacak jumlah dan frekuensi panggilan, membantu Anda menentukan apakah perubahan yang diperlukan.

Google Places
Jika Anda menjalankan bisnis lokal, Google Places adalah suatu keharusan. Dengan menjaga profil Google Places diperbarui dan relevan, Anda bisa mendapatkan bisnis Anda di atas hasil pencarian organik untuk pencarian kata kunci utama Anda. Untuk melakukannya, klaim atau menambah daftar Google Places, melengkapi profil Anda ke detail terakhir (foto dan video yang sangat membantu), dan yang paling penting, meminta pelanggan Anda untuk meninggalkan ulasan sehingga Anda dapat meningkatkan kesempatan Anda untuk daftar halaman satu.

Google Gadgets
Google Gadgets memungkinkan pengguna untuk memperluas fungsionalitas dari Akun Google mereka, dan bahkan situs web mereka dan peramban Chrome. Daftar ini gadget terdaftar lengkap dalam kategori seperti alat-alat, berita, game, keuangan, olahraga, politik, dan teknologi. Kemungkinan ada beberapa gadget di sini Anda tidak menggunakan sekarang yang bisa sangat berguna.

Google Docs
Setiap perusahaan memiliki sejumlah dokumen bersama oleh berbagai anggota tim, jika Anda masih menggunakan metode kuno untuk mengirim email dan berbagi, gunakan Google Docs untuk meningkatkan efisiensi dan keamanan. Docs dapat dibuat dan dibagi secara real-time, pelacakan yang membuat apa yang berubah, dan kapan. Berkolaborasi dengan orang lain, atau memberikan hak read-only dan menjaga konten yang terkunci. Docs memungkinkan Anda untuk membuat file kata, spreadsheet, presentasi, gambar, dan berbagai format lainnya banyak digunakan.

Google Drive 
Jika Anda siap untuk menyimpan dokumentasi Anda ke awan, Google Drive adalah pilihan yang luar biasa. Yang pertama 5GB benar-benar bebas, dan ruang tambahan hanya $ 2,49 per bulan untuk 25GB. Buat file pribadi, atau berbagi dokumen individu atau seluruh folder dengan satu klik.

Google Chrome
Pikirkan Google Chrome hanya browser lain ? Tidak mungkin. Ya, itu adalah cara yang cepat dan user-friendly untuk mengakses web. Tapi Chrome juga memungkinkan Anda melakukan hal-hal seperti melacak metrik sosial sederhana, mendapatkan pemberitahuan Google+ langsung, dan akses metrik SEO berharga untuk setiap situs yang Anda kunjungi.

Sumber http://www.sitepronews.com
11 Tools Penting Gratis Dari Google Untuk Pemilik Web/Blog

10 Software Pembuat Website Gratis

Untuk membuat sebuah hasil karya web design yang baik tentunya memerlukan kematangan dalam pengetahuan serta dukungan dari alat-alat yang digunakan dalam proses pembuatanya. Termasuk program web design yang kita pilih. Banyak sekali program aplikasi/software yang bisa kita gunakan dengan gratis dan bisa didapatkan dengan mudah diinternet.
Berikut ini 10 Software Pembuat Website Gratis yang bisa menjadi pertimbangan anda.