タグ

ブックマーク / kachibito.net (9)

  • 覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か - かちびと.net

    これならjQueryじゃなくてもいいんじゃ 無いか、っていう記事です。短くて使い やすいスニペットなんですが、まぁ用途 は人それぞれだと思うので適当に流して 下さい。自分が使いやすいようにまとめ たいだけです。 そのコードおかしいわーみたいなのあったらすいません。まぁその程度の記事です。というわけでいろいろとツッコミどころ満載かもですが、あんまり気にしないで下さい。じゃあ記事書くなよって話ですけどw デモの見方 jsfiddleというサービスを好んでよく使うのですが、あまり見慣れないかもなので一応デモの見方を。上図の○で囲った部分、Resultを押せばデモ画面に、再生ボタンでリロードします。 簡単なコードなので実践で使うにはもう少し工夫が必要です。また、jQueryの勉強にもなるかもしれません。jsfiddleはフォークできるので宜しければ改善や動作の勉強等にご利用下さい。 こういうスニペ

    覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か - かちびと.net
    sentas
    sentas 2011/10/07
    JSFIDDLEって埋め込めるんだ!
  • jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
  • 米Google画像検索が進化したらしいので、改めて機能をまとめてみた - かちびと.net

    先日、米Googleの画像検索に新たに 機能が追加されました。今回もソート 機能なんですが、被写体別でソート 出来るようになったとの事。どんどん 便利になりますね・・せっかくなので 機能を改めてまとめてみることにしました。 先日、ブログで発表がありましたように、米Google先行で被写体別でソート出来る機能が追加されました。今までの機能も含めて何が出来るかチェックしてみたのでメモとして残します。 とっても便利なGoogle画像検索もだんだんと機能がパワーアップしてきました。ほんと便利ですね・・ サイズでソート サイズでソート出来ます。大中小だけでなく、アイコン(上記キャプチャ)や超高解像度(9600×7200pxとか)まで選択可能、直接サイズを指定する事も可能。また、利用中のモニターのサイズに合わせることも出来ます。「画像の詳細の調べ方」が話題に、という記事でもこのサイズソートが用いられま

    米Google画像検索が進化したらしいので、改めて機能をまとめてみた - かちびと.net
    sentas
    sentas 2011/05/18
    すげ!超便利!!・・・パリスはぁはぁ
  • jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net

    備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンスを見ても そもそも数値型の値をとらない属性(backgroundColorなど)には、animate関数は対応していません。 (jQuery日語リファレンス) と書いてあるし、Jquery Color Pluginを直すのも面倒だし、どうしようかなと思ったんですが、jQueryUIを使えば凄く簡単なんですね・・・素人ですみません。 コード <script type="text/javascrip

    jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net
    sentas
    sentas 2011/01/21
    へええ!jqueryUIにそんな機能が!
  • 自動でリピート再生するYoutube動画を背景全体に指定出来るjQueryプラグイン・jquery-tubular - かちびと.net

    Webサイトの背景をリピート再生するYoutube の動画にしてしまおう、というjQueryプラグイン ・jquery-tubularのご紹介です。なかなか斬新 では無いかなと思います。ユニークなサイトを 作る際に参考にしたいですね。導入も極めて 簡単なのでぜひチャレンジしてみてください。 jQuery使うといろいろ出来るんですねぇ。スキルの低い僕にとっては、こうしてソースを提供してくれるのがとてもありがたいです。ライセンスはMITとのことですので、商用でもOKですね。 [note]かなり適当ですけどWordPressのテーマにしたのでご興味有りましたら遊んでみてください。[/note] このように背景全体にYoutubeの動画を使うことが出来るプラグインです。ユニークでインパクトもありますね。導入も非常に簡単です。 サンプル作った 面白かったので暇を見て適当にデモサイトを作ってみました。

  • とっても使いやすそうなツールチップ実装jQueryプラグイン・jQuery Bubble Popup - かちびと.net

    使いやすい感じでしたので備忘録。 ツールチップを実装するjQueryの プラグインです。多数存在しますが、 選択肢が増えて困ることも無いので 覚えておいて損しませんね。汎用的 で個人的には好みのプラグインです。 対応ブラウザはIE6以上, Firefox 3.5以上, Opera 9以上, Chrome 6以上, Safariとの事です。ライセンスはMITになります。 基的にはシンプルですが、出す方向や、デザインの変更など、自由度もなかなか高いです。エフェクトも可愛いですね。 こんな事もできちゃう。 基的には噴出し内に呼び出すテキストはjs内に書くみたいです。 $('#hotspot1').SetBubblePopupInnerHtml('Wall!'); $('#hotspot2').SetBubblePopupInnerHtml('Angelina Jolie!'); $('#ho

  • Facebookを好みのスタイルにカスタム出来るChromeエクステンション・Beautify Facebook CR Edit - かちびと.net

    Facebookの画面をもう少し使い易く 出来ないかと思ってChromeエクステ を探してみました。いつくかあるので すが、Beautify Facebook CR Edit がなかなか機能が充実していたので 使ってみました。 Facebookの画面をカスタマイズ出来るChromeエクステンションのご紹介です。 僕のFacebook画面です。右側邪魔なので消しました。他もいろいろいじってとてもシンプルにすることが出来ました。何かしら招待頂いても見落とす弊害もありますが。 結構多機能なエクステンションです。以下にざっと機能をご紹介します。 設定画面を出す 設定画面は最初は「アカウント」の最下部にあります。Beautify optionsをクリックすれば設定画面に移ります。 上部メニューと左サイドを固定する いちいち上に戻ったり下に見に行ったりが面倒なら上部メニューと左サイドを固定すると比較的

    sentas
    sentas 2010/10/22
    ぼぼぼ、僕のアイコンが載ってる!!!!!ヽ(゚∀。)ノ
  • 無料で音源(効果音やBGM等)素材をダウンロード出来る15のサイト - かちびと.net

    フリーで音源をダウンロードする事 が可能なサイトのまとめです。人に 聞かれて探したのでついでにメモ。 ライセンスはサイトごとに異なるので それぞれご確認の上でご利用下さい。 フリーで使える事を条件に探しました。ライセンスはそれぞれ異なります。 The Freesound Project 要ユーザー登録。とにかく量が凄いです。現在8万以上。 The Freesound Project Sound Jay ボタン用、自然系などカテゴリ分けされています。 Sound Jay Open Source Audio 投票も可能です。ユーザー参加型。 Open Source Audio Soungle 音源専門の検索エンジンです。 Soungle freeSFX 要ユーザー登録。見やすくて探しやすいです。 freeSFX FleshZen イタリア語なので良く分かりませんが、ループ音源を扱うサイトっぽい

  • Google Chrome使い始めたけどFirefoxにはコレがあるから完全に移行出来ないっていうアドオンまとめ - かちびと.net

    二十歳街道まっしぐらさんの私が Firefox から Chrome に乗り換えた7つの理由という記事に刺激されてわず嫌い(と言うほどでも無いけど・・)していたGoogle Chromeを使い始めました。 記事通り、リリース当初よりかなり便利になっていますし、Chromeの速度はかなり魅力なのですが、Firefoxの「このアドオンがあるから・・」という理由でやはり完全に移行出来ませんでした。カメきちさんの記事のブコメもいろいろと参考になりますね。一言で済ますと好みですよね。使いやすいもの使ったり併用したり。 僕は今は半々くらい、ややFirefoxよりでテスト利用しています。通常ブラウジングは殆どChromeになりそうです。ついでに「このアドオンがあるから・・」というアドオンをご紹介したいと思います。 「お勧めアドオン」系の記事ってあまり参考にならないことも多いと思いますので「こいつはこんな

  • 1