Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
![Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/d60ea4da8db5dcc84968aa2c75c60c734fb4b882/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2014%2F02%2Fvideo01.jpg)
VenoBox 2 Just another jQuery Vanilla JS Lightbox plugin, suitable for Images, Videos, Inline contents, iFrames, Ajax requests. The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window. (so in small devices you can scroll down the content, avoiding vertical microscopic resiz
Defaults "Tears of Steel" was realized with crowd-funding by users of the open source 3D creation tool Blender. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. (CC) Blender Foundation - http://www.tearsofsteel.org P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album. Thi
ダウンロードできるデモファイル ローカル環境でデモファイルを見る時は、Chromeでは「file://」で読み込むとフレームレートの変更する時のバグがあるため動作しません。オンラインかFirefoxでご覧ください。 実装は、詳しいドキュメントが公開されていませんが、コードを見ると簡単にできそうです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="charlie.js"></script> Step 2: HTML まずは、動画をvideo要素で配置。 <video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png" muted> <source id="mp4" src="http://media.w3
YouTube動画をGIFアニメに変換する方法を紹介します。 ここでは動画をGIFアニメに変換してくれるサービス「Giflike」を利用します。 Giflike 1.アカウント作成 Giflikeのページ右上にある「Sign in」をクリック。 下の方にある「Create an account in seconds.」をクリック。 任意のユーザー名とパスワード、メールアドレス(オプション)を入力して「Create your account」をクリック。これで完了です。 アカウントを作成しないと、作成したGIFアニメのダウンロードや公開は行えません(編集までは実行可能)。 2.GIFアニメ作成範囲の指定 ページ左上の「Create」をクリック。 YouTubeのURLを「Paste video URL」に入力。今回はHONDAのCM(http://www.youtube.com/watch?
数がすごいだけでなく、そのクオリティも素晴らしく、商用サイトでもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、デザインのバリエーション、エレメントの展開など、勉強にも役立ちます。
YouTubeの動画をブログに埋め込みすること、よくあります。便利な機能ですよね。ただ、長い動画の場合に「ココからココだけ見せられたらいいのにな!」と思うこともあります。 そんな埋め込みを実現する方法が、Partial YouTube Embedsという記事で紹介されていました。 Then add the start and end parameters. Both use seconds, so you’ll need to convert minutes to seconds. 簡単にいうと、始点と終点を秒数にコンバートし、それを start と end というパラメータで指定する、という方法をとります。 例えば、こんな感じですね。 <iframe allowfullscreen=”” frameborder=”0″ height=”315″ src=”//www.youtube.co
DVDを動画ファイルに変換する方法と基礎知識 のページは移転しました。 ページは自動的に移動します。 移動しない場合は下記のリンクをクリックしてください。 DVDを動画ファイルに変換する方法と基礎知識
APEを用いたゲームCDの超高圧縮 (2003-10-13) CCDやBIN+CUEをRAR圧縮して400MB台のゲームCDを、無損失で300MB台にする。しかも_inmmでそのままプレイ可能 デジタル呪文でバグ退散! (2003-10-13) VirtualDubModを使ったOGM→AVI変換 (2003-10-13) 音声がOgg VorbisやAACのOGM動画を音声がMP3のAVI動画に変換 ゲームCDをなるべく高圧縮でファイル化することを考える。 ただし、音楽部分の音質を犠牲にせず、 大した手間をかけずにすぐインストール、プレイできることを条件とする。 (2004年10月22日 追記: APE 3.99で再テスト、一部の数値を修正。) 初めに ゲームCDではmix modeが使われることがある。 トラック1にゲーム自体のデータ(短い効果音を含む場合もある)、 トラック2以降に(
FirefoxでYouTubeの「共有」をクリックしたときに「undefined」が表示される不具合の対処方法を紹介します。 1.問題点 FirefoxでYouTubeの動画を共有しようと思い、「共有」クリックするとスクリーンショットのように「undefined」が表示されてしまいます。 本来であれば「再生リストに追加」というメッセージとどこに追加先の再生リストが表示されます。 Firebugで確認すると、「a.k is null」というJavaScriptエラーが発生しているようです。 最近インストールしたアドオンが干渉しているのかと思い、いくつかのアドオンを無効にしてFirefoxを再起動してみましたが事象は改善しませんでした。 2.対処方法 Firefoxで該当のクッキーを削除したところ、さくっと直りました。 具体的な操作方法は、メニューバーの「ツール」→「オプション」をクリック。
Google Maps Pop Easyの使い方 使い方は非常にシンプルです。 Step 1: 外部ファイル スクリプトを</body>の上あたりに、外部ファイルとして記述します。 <script type='text/javascript' src='js/jquery.modal.js'></script> <script type='text/javascript' src='js/site.js'></script> Step 2: HTML 最低限必要なHTMLの構造は、こんな感じです。 L.1がトリガー、L.2がオーバーレイ用の空div、L3-6がモーダル内のコンテンツです。 <a class="modalLink" href="#">Click Me</a> <div class="overlay"></div> <div class="modal"> <a href="#"
・シンプルイメージlightbox ・ギャラリーlightbox ・videoやmapのポップアップ ・Ajaxポップアップ など、使い勝手がよい基本機能が揃っています。 →Unslider 関連記事 きっと初心者でもわかる、HTMLの書き方の考え方。 2014/12/14 読んでもらえる、ファンになってもらえる、ブログの書き方とデザイン。 2014/11/20 web制作で気疲れしないようにする方法を考えてみました。 2014/10/17 最近気になったウェブ制作に関するキーワードを振り返ってみる 2013/06/30 レスポンシブデザイン対応のlightbox系プラグイン+コンテンツスライダー系プラグイン 2013/05/31 自分でできる!Facebookページの活用方法 2013/04/11 Webで発信するすべてのWEBビギナーさんへ。突然犯罪や裁判に巻き込まれないようにするため
10 Useful jQuery Video & Audio Players Using a custom skinned jQuery audio/video player in your website is often more aesthetically pleasing then simply embedding a video from a third party website on your website. Being able to use a custom designed jQuery player also enables you to pair the design with your branding and design. Within the new WordPress 3.6 there is also native support for audio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く