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. Links About/Privacy Policy Contact X(Twitter) Facebook
FlashをHTMLに貼るライブラリ swfobject 2 を使う
FlashをHTMLに貼り付ける方法の中でswfobjectsというJavaScriptでswfを表示させる方法が便利です。今更な感じもしますが、ボクが使ってて気になったところ、例えば表示した時、一瞬Flashの場所が抜けて、あとから表示することによってガクガク表示したり、swfのキャッシュをクリアにするなど、個人的に問題と思ったところを補う形で紹介したいと思います。 まずはさっそくソースコードのコピペ場所を!HTML//swfobject.jsを呼び出す <script type="text/javascript" src="swfobject.js"></script> //表示させるswfコンテンツの設定 <script type="text/javascript"><!-- var flashvars = {hensu: value}; var params = {allowscr
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」 2010年06月10日- Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」。 名前から推測するに、単に動画をLightBox化しただけでしょう、と思いきやなかなか素晴らしいプラグインになっていたのでご紹介です。 動画のサムネイルを次のように様々なスキンによって修飾できます。クリックすればニュイーンとLightBox表示されるというオシャレさ加減がいいです。 更に埋込可能な動画形式が豊富で、flv, mp4, 3gp や、外部動画サイトのYoutube, Facebook, Goo
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10%を超える日本では、まだ捨てるわけにもいかないのが現状ですね。(個人的には徐々に捨て始めてますがw) 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方 いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="te
テーマ左上から、base、sunny、le-frog、ui-darkness 対応ブラウザは、下記の通りです。 iPadも対応というのはいいですね。 Chrome/Chromium Safari Firefox IE Opera iPad impress.jsからの移行 jmpress.jsは「impress.js」のjQuery版で、impress.jsの特徴全てと更に多くの機能を備えています。 impress.jsから移行するには、jquery.jsを加え、スクリプトをimpress.jsからjmress.jsにし、スクリプトの呼び出しを「$(selector).jmpress(); 」に変更します。 impressのデモをjmpress.jsで動かしたデモ jmpress.jsの使い方 HTML ルートとなるdiv要素に「id="jmpress"」をつけ、各コンテンツをdiv要素で配
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
スパムメールを防ぐという名の小ネタです。 指定の文字列を@に変えmailtoとしてくれるEmail Spam Protection - jQuery Pluginです。 sponsors 使用方法 Email Spam Protection - jQuery Pluginからファイルをダウロード。 また、jQueryからjquery.jsをダウロードします。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.emailSpamProtection.1.0.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(funct
昨日の画面の縦横比の記事を見た動画制作者の方からメールで質問を受けました。 「普段何気なく決めていた画面サイズですが、画面サイズを決定する場合に定石の様なものはあるのでしょうか?」というものです。 結論から申し上げますと画面サイズに定石はあります。 既に動画を作られている方も意外に見落としがちな盲点かもしれません。 動画の画面サイズで皆さんが良く目にするサイズは320×240、448×336、640×480などでしょうか。 実はこれらの画面サイズは全てピッタリ「16」で割り切れる数字であるという事をご存じでしょうか? これには訳があります。 一般的に動画ファイルというものはそのままではファイルサイズが巨大な為、コーデックというプログラムによってファイルサイズを実用範囲にまで圧縮・伸張して使用されます。 この一連の作業を「エンコード」・「デコード」と呼びます。 エンコードに使用されるプログラ
I search for keywords and their search volumes daily using semrush, but sometimes I want to check keyword volume stats in bulk. You probably didn’t know but there is a quick way to do it using semrush options already in your profile. Why would someone search for keyword volume in bulk? Great question, and I […] Image credit: Pixabay If you’ve ever taken the brave step of venturing to a sketchy web
UI & UX Designer with 16+ years of experience and a proven track record of creating innovative and user-friendly designs for top-tier brands including Samsung, Dabur, Eureka Forbes, Hero MotoCorp, Airtel, ICICI, and many others. Possess a strong background in working with reputable agencies such as…
みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。 いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。 カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。 よろちく
twitterをホームページに表示する時、ウィジェットを使えば簡単にソースを取得できるのですが、もっとシンプルにつぶやきをのせたい、という方のためにソースも簡素にしてみました。 表示サンプルは以下です。 横幅は当サイトと同じ230pxにしています。 HTMLソースは以下です。 赤字のところは自分のIDに置き換えます。 また、緑の数字は表示件数です。 <div id="twitter"> <div id="twitter_inner"> <p id="twitter_title">twitter</p> <ul id="twitter_update_list"> </ul> <a href="http://twitter.com/your_id" id="twitter-link">follow me on Twitter</a> </div> <script type=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く