koleksi ilmu-ilmu hikmah,kisah 2 tokoh sufi.teknologi tips n trik dll

Tampilkan postingan dengan label web design/html. Tampilkan semua postingan
Tampilkan postingan dengan label web design/html. Tampilkan semua postingan

Senin, Juli 29, 2013

js bin

<!DOCTYPE html>
<html>
<head>
<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
<meta charset=utf-8 />
<title>Welcome to JS Bin</title>
<meta name="viewport" content="width=device-width">
<link href='http://fonts.googleapis.com/css?family=Doppio+One' rel='stylesheet' type='text/css'>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
 
<body>
 
  <div class="wrapper">
   
    <img id="dave" src="http://static.jsbin.com/images/logo.png" alt="Dave, the JS Bin bot">
   
    <div id="welcome">
      <h1>Welcome to JS Bin!</h1>
      <p class="bubble"><strong>Hello</strong>, I'm <em><strong>Dave</strong> the <strong>JS Bin</strong> bot</em>. <br/>JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.<br/>Have a play and build something <strong>cool</strong> &mdash; and don't forget to <a target="_blank" href="http://twitter.com/js_bin">follow me on Twitter</a>!<small id="message">Oh, and please don't click on, I get rather dizzy...</small></p>
      <h2>Here's just a few of the things I can do:</h2>
    </div>
   
    <div id="features">
      <ol>
        <li><h2>Saving</h2>As you type, HTML, CSS &amp; JavaScript is automagically rendered <em>live</em> in this window. I'll save the bin for you too <em>as you type</em>.</li>
        <li><h2>History</h2>If you're <a class="open" href="http://jsbin.com/welcome/edit?html,live#register">registered</a> and logged in, I'll remember all your bins and give you a nice complete list with quick previews.</li>
        <li><h2>Sharing</h2>You can share bins, but the output is automatically refreshed as you edit this page. You can also embed and <a class="open" href="http://jsbin.com/welcome/edit?html,live#share">do other cool stuff</a>.</li>
      </ol>
    </div>
   
    <div id="next">
      <div>
        <h2>Get meddling!</h2>
        <p>Open the <a class="open" href="http://jsbin.com/welcome/edit?css,live#css">CSS</a> panel and try changing things about! You'll see this window update <em>live</em> (and get your own unique copy of this <em>bin</em> right away).</p>
        <p>You won't see this message again by default, but if you do want a reminder, you can either use the <a class="open" href="#helpmenu">help</a> or visit <a href="http://jsbin.com/welcome/edit?html,live">jsbin.com/welcome</a>.</p>
      </div>
      <div>
        <h2>How you can contribute</h2>
        <p>JS Bin is an open source project available on <a href="http://github.com/remy/jsbin">github</a> with instructions on how to host it yourself.</p>
        <p>If you're in the running workshops (or teaching to a much wider audience), you can get a custom skin and starting templates &ndash; like <a target="_blank" href="http://sebly.jsbin.com">this</a> one. Just <a target="_blank" href="http://leftlogic.com/contact">get in touch</a> and ask for Rem.</p>
      </div>
    </div>
Selamat datang di JS Bin!
Halo, aku Dave JS Bin bot.
JS Bin adalah JavaScript, HTML dan CSS playground. Jika Anda ingin bereksperimen, belajar atau membantu teman-teman Anda dengan masalah, maka JS Bin adalah untuk Anda.
Memiliki bermain dan membangun sesuatu yang keren - dan jangan lupa untuk ikuti saya di Twitter!
Oh, dan jangan klik, aku jadi agak pusing ...

Berikut ini hanya beberapa hal yang dapat saya lakukan:
penghematan

Saat Anda mengetik, HTML, CSS & JavaScript otomatis diberikan langsung dalam jendela ini. Aku akan menyimpan sampah untuk Anda juga saat Anda mengetik.
sejarah

Jika Anda terdaftar dan masuk, aku akan mengingat semua sampah Anda dan memberi Anda daftar lengkap bagus dengan preview cepat.
berbagi

Anda dapat berbagi sampah, tetapi output secara otomatis refresh ketika Anda menyunting halaman ini. Anda juga dapat menanamkan dan melakukan hal-hal keren lainnya.
Dapatkan campur tangan!

Buka panel CSS dan mencoba mengubah hal-hal tentang! Anda akan melihat jendela ini pembaruan hidup (dan mendapatkan salinan unik Anda sendiri bin ini segera).

Anda tidak akan melihat pesan ini lagi secara default, tetapi jika Anda ingin pengingat, Anda bisa menggunakan bantuan atau kunjungi jsbin.com / welcome.

Bagaimana Anda dapat berkontribusi

JS Bin adalah sebuah proyek open source yang tersedia di github dengan petunjuk tentang cara untuk menjadi tuan rumah sendiri.

Jika Anda berada di bengkel berjalan (atau mengajar ke khalayak yang lebih luas), Anda bisa mendapatkan kulit kustom dan mulai template - seperti ini. Hanya menghubungi dan meminta Rem.

13 aplikasi menyimpan web dan alat

assalamualaikum wr wb salam sejahtera kepada pembaca blog stroom09 yg setia hadir.saya mencoba memposting aplikasi web dan alat.biar enggak penasaran kita langsung lihat aza yuk..
Memang, di hari ini dan usia kita adalah generasi terobsesi dengan gadget terbaru dan gizmos. Dari terbaru dalam game konsol semua cara untuk perangkat mobile mutakhir, kita kecanduan tidak hanya Internet, tetapi pada teknologi secara umum. Meskipun prevalensi website dan kemudahan jelas merancang mereka, web developer menghabiskan hari-hari panjang dan malam menciptakan fungsional dan menarik desain web. Tidak hanya itu, tetapi mereka juga harus kode, bekerja keluar bug dalam desain mereka, dan menemukan cara untuk membuat situs mereka lebih baik dari sebelumnya. Beruntung bagi mereka, ada alat di luar sana yang memungkinkan tugas-tugas sulit untuk menjadi sedikit lebih mudah. Ada banyak aplikasi berbasis web dan alat untuk kedua pemula dan pengembang web veteran untuk digunakan saat perjalanan mereka, dan hari ini saya akan berbagi beberapa dari mereka.

Jsdo. Itu

jsdoit_tn

Jsdo. Itu adalah alat yang hebat untuk mereka yang membutuhkan mengedit HTML mereka, CSS, dan Javascript. Ini bukan hanya sebuah aplikasi berbasis web, namun juga komunitas online. Di sini Anda dapat berbagi pekerjaan Anda dengan orang-orang dalam masyarakat serta mempelajari teknik-teknik baru.

Typetester

typetester_tn

Menggunakan jenis yang tepat untuk website Anda adalah sama pentingnya dengan grafis dan warna yang dipilih. Typetester membuat pekerjaan desainer web jauh lebih mudah karena fungsi tunggal adalah output side-by-side perbandingan font yang dipilih dengan kustomisasi yang Anda inginkan.

CSSDesk

cssdesk_tn

Kadang-kadang, kesederhanaan adalah lebih baik daripada kemewahan dan glam, dan CSSDesk membuktikan hal itu. Fokus hanya pada HTML dan CSS, editor ini sangat bagus untuk pemula. Anda dapat melihat apa kode Anda lakukan dengan menggunakan jendela pratinjau hidup, yang membuat bercak kesalahan lebih mudah.

Trello

trello_tn

Menjadi terorganisir penting bagi setiap orang terutama mereka yang pengembang. Trello menawarkan antarmuka yang mudah untuk menjaga pekerjaan Anda terorganisir. Bahkan memungkinkan Anda untuk menjadi kolaboratif, karena Anda dapat menerima update real-time. Terbaik dari semua, Anda dapat membawanya dengan Anda di mana saja.

Templatr

templatr_tn

Bagi mereka yang baru untuk desain web, program seperti Templatr dapat membuat hidup sedikit lebih mudah saat Anda belajar. Aplikasi ini berbasis web adalah generator template yang memungkinkan Anda untuk menyesuaikan hampir setiap elemen tunggal, dan setelah Anda puas dengan produk Anda, Anda dapat men-download untuk digunakan.

Stylie

stylie_tn

Stylie berbeda dari banyak editor CSS luar sana dalam hal animasi, Stylie adalah salah satu dari jenis. Aplikasi web berbasis memungkinkan Anda untuk dengan mudah membuat sendiri CSS3 animasi Anda. Untuk menggunakannya, Anda cukup mengkonfigurasi animasi Anda, tweak pengaturan, dan kemudian ambil kode CSS.

ViewLike. Kami

viewlikeus_tn

Seiring dengan pengujian cross-browser, adalah penting bahwa pengembang web tahu bagaimana fungsional desain mereka sebenarnya. Hal ini sering berarti menentukan apakah atau tidak itu adalah ponsel-siap. Dengan ViewLike. Kami, Anda benar-benar dapat melihat bagaimana situs Anda akan terlihat pada resolusi tertentu, termasuk dari iPhone dan Wii.

ColorSchemeDesigner

colorschemedesigner_tn

Ketika datang ke penciptaan skema warna, Anda seharusnya tidak hanya mudah mengabaikan pentingnya penggunaannya. Dengan ColorSchemeDesigner, Anda dapat melakukan persis seperti namanya, membuat skema warna Anda sendiri dan kemudian mengekspornya ke HTML / CSS format dan beberapa pilihan lain.

CSS FilterLab

cssfilterlab_tn

Menggunakan filter kustom dengan pekerjaan Anda dapat membedakan Anda dari para desainer web lain di luar sana. Dengan CSS FilterLab, Anda memiliki kesempatan untuk bereksperimen. The playground online memungkinkan Anda untuk memanipulasi HTML dari kedua warna dan bentuk dengan menambahkan efek animasi seperti memutar dan sandal.

Prepros

prepros_tn

Apakah Anda bekerja pada sebuah aplikasi atau desain web, Prepros dapat menjadi alat yang ampuh untuk Anda gunakan saat Anda sedang bekerja. Web desain dan pengembangan alat menawarkan dan cara yang sederhana dan efektif untuk preprocess Anda CSS dan JavaScript sehingga Anda dapat bekerja tanpa banyak masalah.

Pondasi

foundation_tn

Baru Yayasan 4 sangat cocok untuk mereka yang melakukan banyak front-end coding. Kerangka kerja ini memungkinkan Anda untuk designquickly dan responsif. Ini fitur beberapa alat yang berguna termasuk grid fleksibel, prototyping cepat, dan mobilitas multi-perangkat, belum lagi HTML template pradesain tersedia.

JS Bin

jsbin_tn

Dengan hanya jendela HTML untuk input dan jendela pratinjau hidup, JS Bin memiliki merasa minimalis untuk itu. Namun Anda dapat menambahkan JavaScript jika Anda perlu. Anda dapat menulis, menguji, dan debug kode Anda. Tidak hanya itu, tetapi Anda juga memiliki kemampuan untuk menyimpan dan berbagi pekerjaan Anda.

Moqups

moqups_tn

Jika Anda perlu membuat maket cepat, maka Moqups adalah alat untuk Anda. Sebagai sebuah aplikasi HTML5, ini memungkinkan Anda untuk membuat maket untuk segalanya dari konsep UI untuk wireframes. Antarmuka dirancang untuk mudah digunakan dan eksekusi untuk membuat merancang cepat dan sederhana.

Rabu, Mei 29, 2013

NTSC dan PAL

Sebuah konsumen banyak di seluruh Dunia mengasumsikan bahwa, dengan pengenalan Digital TV dan HDTV, hambatan tua untuk standar video universal yang telah dihapus. Namun, ini adalah asumsi yang salah. Terlepas dari kenyataan bahwa video sekarang kebanyakan digital, perbedaan mendasar antara standar video yang ada di bawah sistem analog, Frame Rate, masih merupakan fondasi yang lebih baru Digital TV dan HDTV standar.
Apa Frame Rate Apakah

Dalam video (baik Analog dan HD), seperti dalam film, gambar ditampilkan sebagai Frames. Namun, ada perbedaan dalam cara frame ditransmisikan dan / atau ditampilkan di layar televisi.

Bagaimana Bingkai Ditampilkan di Analog Video

Baris dan Pixels

Sebuah gambar video televisi atau rekaman pada dasarnya terdiri dari scan lines atau baris pixel. Tidak seperti Film, di mana seluruh gambar diproyeksikan pada layar sekaligus, gambar video terdiri dari garis atau baris pixel ditampilkan di layar awal di bagian atas layar dan bergerak ke bawah. Garis-garis atau baris pixel dapat ditampilkan dalam dua cara. Cara pertama adalah untuk membagi garis menjadi dua bidang di mana semua lini bernomor ganjil atau baris pixel akan ditampilkan pertama dan kemudian semua lini bernomor genap atau baris pixel yang ditampilkan berikutnya, pada dasarnya, memproduksi bingkai lengkap. Proses ini disebut interlace atau interlaced scan.

Metode kedua, digunakan dalam LCD, Plasma, DLP, TV panel datar OLED dan monitor komputer, disebut sebagai progressive scan. Alih-alih menampilkan baris dalam dua bidang alternatif, progressive scan memungkinkan garis atau baris pixel yang akan ditampilkan secara berurutan. Ini berarti bahwa garis kedua aneh dan bahkan nomor atau baris pixel akan ditampilkan dalam urutan numerik.

NTSC dan PAL

Jumlah garis vertikal atau baris pixel menentukan kemampuan untuk menghasilkan gambar rinci, tetapi ada lebih. Hal ini jelas pada titik ini bahwa semakin besar jumlah garis vertikal atau baris pixel, yang lebih rinci gambar. Namun, dalam arena video analog, jumlah garis vertikal atau baris pixel tetap dalam sistem. Kedua sistem utama video analog adalah NTSC dan PAL.

NTSC didasarkan pada 525-line atau baris pixel, 60 frame fields/30-per-detik, pada 60Hz sistem untuk transmisi dan menampilkan gambar video. Ini adalah sistem interlaced di mana setiap frame ditampilkan dalam dua bidang garis atau 262 baris pixel, yang kemudian dikombinasikan untuk menampilkan frame video dengan 525 baris atau baris pixel. NTSC adalah standar video analog resmi di AS, Kanada, Meksiko, beberapa bagian dari Amerika Tengah dan Selatan, Jepang, Taiwan, dan Korea.

PAL adalah format yang dominan di Dunia untuk penyiaran televisi analog dan tampilan video analog dan didasarkan pada garis 625 atau baris pixel, 50 frame field/25, sistem 50HZ kedua. Sinyal interlaced, seperti NTSC menjadi dua bidang, terdiri dari 312 garis atau baris pixel masing-masing. Karena ada sedikit frame (25) ditampilkan per detik, kadang-kadang Anda dapat melihat secercah sedikit dalam gambar, banyak seperti berkedip dilihat pada film diproyeksikan. Namun, PAL menawarkan gambar beresolusi tinggi dan stabilitas warna yang lebih baik daripada NTSC. Negara-negara pada sistem PAL termasuk Inggris, Jerman, Spanyol, Portugal, Italia, Cina, India, Australia, sebagian besar Afrika, dan Timur Tengah.

Untuk informasi latar belakang lebih lanjut tentang PAL dan NTSC analog sistem video, memeriksa artikel saya: Sebuah Tinjauan Standar Video di seluruh dunia.

DigitalTV / HDTV dan NTSC / PAL Tarif Bingkai

Meskipun kemampuan peningkatan resolusi, penyiaran format digital, dan standar video definisi tinggi konten perangkat lunak adalah langkah untuk konsumen, ketika membandingkan HDTV analog NTSC dan PAL standar, dasar umum yang mendasar dari kedua sistem adalah Frame Rate.

Dalam hal isi video tradisional, di negara-negara NTSC berbasis ada 30 frame terpisah ditampilkan setiap detik (1 frame lengkap setiap 1/30th per detik), sedangkan di negara PAL berbasis, ada 25 frame terpisah ditampilkan setiap detik (1 bingkai lengkap ditampilkan setiap 25 detik). Frame ini baik ditampilkan menggunakan Interlaced metode pemindaian atau metode Progressive Scan.

Dengan implementasi TV digital dan HDTV, dasar tentang bagaimana frame yang ditampilkan masih memiliki akar mereka di NTSC asli dan PAL format video analog. Dalam segera-to-be mantan negara NTSC berbasis digital dan HDTV menerapkan frame rate Frame-per-30 detik, sementara segera-to-be-negara PAL berbasis menerapkan 25 Frame-per-detik Frame rate.

NTSC Berbasis Digital TV / HDTV Frame Rate

Menggunakan NTSC sebagai dasar untuk Digital TV atau HDTV, jika frame ditransmisikan sebagai gambar interlaced (1080i), setiap frame terdiri dari dua bidang, dengan masing-masing bidang ditampilkan setiap 60 detik, dan kerangka lengkap ditampilkan setiap 30 kedua, menggunakan NTSC berbasis 30 frame-per-detik frame rate. Jika frame ditransmisikan dalam format progressive scan (720p atau 1080p) itu ditampilkan dua kali setiap 30 detik. Dalam kedua kasus, bingkai definisi tinggi yang unik ditampilkan setiap 30 detik di bekas negara NTSC berbasis.

PAL Berbasis Digital TV / HDTV Frame Rate

Menggunakan PAL sebagai dasar untuk Digital TV atau HDTV, jika frame ditransmisikan sebagai gambar interlaced (1080i), setiap frame terdiri dari dua bidang, dengan masing-masing bidang ditampilkan setiap 50 detik, dan kerangka lengkap ditampilkan setiap 25 kedua, menggunakan PAL berbasis 25 frame-per-detik frame rate. Jika frame ditransmisikan dalam format progressive scan (720p atau 1080p) itu ditampilkan dua kali setiap 25 detik. Dalam kedua kasus, bingkai definisi tinggi yang unik ditampilkan setiap 25 detik di bekas negara PAL berbasis.

Final Ambil

Dalam analisis akhir, Digital TV dan HDTV, meskipun lompatan maju dalam hal apa yang sebenarnya Anda lihat pada layar, dengan peningkatan resolusi dan detail, masih memiliki akar dalam standar video analog tahun 60-plus. Akibatnya, ada, dan akan, di masa mendatang, perbedaan Digital TV dan HDTV standar yang digunakan di seluruh dunia, yang memperkuat penghalang untuk standar video di seluruh dunia yang benar untuk kedua profesional dan konsumen.

Juga, janganlah kita lupa bahwa masih banyak NTSC dan perangkat pemutaran video PAL berbasis, seperti VCR, camcorder analog, dan non-HDMI DVD player dilengkapi masih digunakan di seluruh dunia yang terhubung ke, dan dilihat di, HDTV .

Untuk lebih mendalam melihat Video Frame Rate, serta Refresh Rate, yang merupakan fungsi tambahan yang dilakukan oleh TV yang juga mempengaruhi bagaimana gambar tampak di layar, periksa artikel saya: Video Frame Rate vs Layar Refresh Rate.

webcam tarif bingkai

Sederhananya, frame rate adalah jumlah gambar webcam dapat mengambil dan seberapa cepat kemudian dapat mentransfernya ke layar komputer. Bingkai diukur dalam "frame per detik" (atau fps). Jadi jika webcam Anda mengatakan memiliki 30 fps, yang berarti dapat mengambil 30 gambar setiap detik dan kemudian mentransfernya ke layar komputer.

Cara Bekerja

Setelah gambar (atau frame) yang ditangkap oleh webcam, itu menciptakan sebuah file JPEG dari gambar diam. Ketika webcam memiliki frame rate yang rendah (15 fps atau di bawah), webcam hanya dapat mengirimkan serangkaian JPEG ini gambar diam. Ketika frame rate lebih tinggi dari 15 fps, webcam benar-benar bisa streaming video menggunakan koneksi internet komputer.

Frame rate yang umumnya berkisar 10 fps sampai 60 fps. Anda harus mencoba untuk tinggal lebih dekat ke 30 dan lebih tinggi jika Anda tidak ingin video yang sangat berombak.

Catatan: Untuk streaming video, Anda tidak hanya membutuhkan webcam dengan frame rate yang layak (15 fps adalah mutlak minimal), tetapi Anda juga membutuhkan koneksi internet kecepatan tinggi.

Faktor luar

Meskipun jumlah pada kotak mungkin mengatakan satu hal, apa webcam Anda benar-benar menangkap mungkin berbeda. Hal-hal tertentu dapat mempengaruhi tingkat webcam ini frame, seperti kemampuan program perangkat lunak webcam, apa yang Anda mencoba untuk merekam, resolusi dari webcam, dan bahkan jumlah cahaya di ruangan. Demikian juga, menjalankan beberapa perangkat melalui port USB komputer Anda juga dapat memperlambat frame rate.

Masa Depan

Ini aman untuk mengatakan bahwa frame rate akan terus meningkat dalam hubungannya dengan resolusi webcam, yang juga menentukan seberapa tajam video akan. Sebagai frame rate tinggi dan resolusi definisi tinggi menjadi lebih umum, harga akan turun dan Webcam-frame-rate rendah kemungkinan akan hilang. Ini tidak akan lama sebelum 30 fps menjadi minimal-tulang untuk webcam entry-level.

Menyiapkan Webcam Web Page

Banyak orang, ketika mereka memutuskan untuk membangun webcam, memusatkan seluruh waktu dan energi mereka untuk mendapatkan webcam dan perangkat lunak. Tapi halaman web itu di hampir sama pentingnya. Jika Anda tidak memiliki hal-hal tertentu diatur dengan benar, webcam Anda dapat menjadi "webcan't".

Pertama ada gambar. Pastikan:

Gambar harus memiliki nama file generik - tidak ada cap - saya sarankan sesuatu seperti webcam.jpg
Tahu apa ukuran gambar kamera Anda membutuhkan, dan menggunakannya dalam HTML. Jangan mengubah ukuran gambar kamera Anda dengan HTML - mereka biasanya cukup kasar dan sulit untuk melihat dan mengubah ukuran browser yang akan membuat lebih buruk.
Periksa pengaturan FTP Anda dan tahu di mana gambar akan di-upload ke.
Menulis tag gambar Anda, cara Anda akan setiap tag image valid XHTML. Sertakan tinggi dan lebar dan jangan lupa teks alt:
<img src="webcam.jpg" width="200" height="200" border="0" alt="Teman cam pic" />
Lalu ada halaman web itu sendiri. Halaman Anda secara otomatis harus kembali dan tidak harus di-cache. Ini akan memastikan bahwa pemirsa cam Anda mendapatkan gambar baru setiap kali. Berikut adalah bagaimana Anda melakukannya:

Dalam <head> dokumen HTML Anda, tempatkan dua baris berikut:

<meta http-equiv="refresh" content="30" />
<meta http-equiv="expires" content="0" />
Dalam meta tag refresh, jika Anda ingin halaman Anda untuk me-refresh lebih sering daripada setiap 30 detik, mengubah isi = "30" untuk sesuatu selain 30: 60 (1 menit), 300 (5 menit), dll berakhir tag adalah penting karena mempengaruhi cache web browser, sehingga halaman tidak cache melainkan ditarik dari server pada setiap beban.

Dengan tips sederhana Anda dapat memiliki webcam dan berjalan cepat dan mudah.

KLINIK CENAYANG STROOM09

KLINIK CENAYANG STROOM09
KLINIK CENAYANG STROOM09

pengunjung

RENTAL MOBIL CIREBON

RENTAL MOBIL CIREBON
RENTAL MOBIL CIREBON,TAXI ONLINE CIREBON,SEWA MOBIL CIREBON MINAT HP/WA :089537731979

Total Tayangan Halaman