iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する iPhoneを振る動作(シェイクジェスチャー) によって呼び出されるモーションイベント をjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサー をJavaScript経由で使うことが出来...2011.06.29 | 10時48分39秒cssやプログラミングiPhone / iPadjQueryWebデザイン
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作...2011.06.27 | 10時44分00秒cssやプログラミングjQueryWebデザイン
全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY 全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcr...2011.06.25 | 10時39分47秒cssやプログラミングjQueryWebデザイン
グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン 個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使って...2011.06.23 | 10時40分13秒cssやプログラミングjQueryWebデザイン
手軽にデザインを変更できるCSS3ボタンを作る為のフレームワーク・CSS3 Buttonize Framework CSS3のみで作るボタンのフレームワーク。 以前にも似たようなものがありましたけど、 CSS3 Buttonize Frameworkは軽量で、 使いやすそうだったのでメモがてらご紹介 します。やはり管理が楽なのは魅力ですね・・2011.06.22 | 12時24分53秒cssやプログラミングWebデザイン
CSS Regionsのように雑誌のような複雑なレイアウトを組めるライブラリ・Regions.js 雑誌のような複雑なレイアウトをWebや 電子書籍でも組めるようにしよう、という 目的(かどうか分からないけど)で先日 W3Cで公開されたCSS Regionsをjsで 実装しよう、というもの。cssオンリーだと まだまだ時間かかり...2011.06.22 | 10時25分22秒cssやプログラミングWebデザイン
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 写真素材の配布サイトや、アイコン、 Webデザインギャラリー、フォントなど など、しばらく貯めてたブックマークを 整理したので、メモ的にリンク集にして おきます。内容はWeb制作に役立つ、 日本のリソースサイトのまとめです。2011.06.20 | 10時36分21秒cssやプログラミングWebデザインインスピレーションメディア関連
画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だw これはちょっと面白いw画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・w2011.06.15 | 10時36分15秒cssやプログラミングjQueryWebデザイン
jQueryMobileでリアルタイムなフォームバリデーションを使う jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。2011.06.14 | 20時17分53秒cssやプログラミングiPhone / iPadjQueryWebデザイン
パブリックドメインで配布されている、クロスブラウザ対応を意識したHTML5+css3製のフレームワーク・Gridless いくつも似たようなのはあるのですが、 複数覚えておいて損は無いのでメモ がてらご紹介・・・クロスブラウザ対応 を意識したHTML5+CSS3フレームワ ーク・Gridlessです。装飾を施さない、 とてもシンプルなものになっていま...2011.06.14 | 10時55分04秒cssやプログラミングWebデザイン
HTML5+jQueryのドラッグ&ドロップに対応したアップローダー・droparea Gmailライクにローカル環境からブラウザに ドラッグ&ドロップで画像をアップロード可能 にするHTML5+jQuery製のアップローダー droparea。今後、こうしてキーボードを使う 頻度が減っていくんですかね・・HTML5の...2011.06.11 | 10時40分31秒cssやプログラミングjQueryWebデザイン
フォームのselect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-select フォームのselect要素で、直感で複数選択 出来るようにするjQueryプラグイン。複数 選択できるようにしたい場合は多くの場合は 選択項目が多く、Ctrlを使わせるのはあまり ユーザーフレンドリーとは言えませんので、 簡単に選...2011.06.10 | 15時08分48秒cssやプログラミングjQueryWebデザイン
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。2011.06.10 | 12時26分34秒Webデザインインスピレーション
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする シンプルでいいアイデアだったのでメモ。 HTMLテーブルの列そのものにリンクを 指定できるようにする、というもの。jQuery でサクッと出来るようですね。ちょっと思 いつきませんでしたけど・・テーブルまわり は使いやすさを向上し...2011.06.09 | 11時15分45秒cssやプログラミングjQueryWebデザイン
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。2011.06.08 | 10時39分34秒cssやプログラミングjQueryWebデザイン
グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそう なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint cs...2011.06.03 | 12時45分07秒cssやプログラミングWebデザインジェネレーター
はてブやBuzzurlなど日本のブックマークサイトの無料アイコン配布サイト・sbm-garden なかなか珍しいなと思ってご紹介。 はてブやLivedoorクリップ、Buzzurl などなど、国産のソーシャルブック マークサイトのアイコンを専門に配布 するsbm-gardenというサイト。個人 でも商用でも利用可能だそうです。...2011.06.02 | 9時57分03秒Webデザインメディア関連
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。2011.06.01 | 10時30分32秒cssやプログラミングjQueryWebデザイン
jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要な...2011.05.30 | 10時30分59秒iPhone / iPadjQueryWebサービスジェネレーター
fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy 縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットが...2011.05.27 | 10時23分34秒cssやプログラミングjQueryWebデザイン
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ なかなか良さ気だったので備忘録。 iPhone、AndroidやiPadなどの人気 のタッチデバイス用に作られたギャラ リー用のJSライブラリ・PhotoSwipe。 人気のプラグイン、jQueryMobileでも 利用することが...2011.05.24 | 10時34分45秒cssやプログラミングiPhone / iPadjQueryWebデザイン
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します 簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 ...2011.05.23 | 10時17分46秒cssやプログラミングiPhone / iPadjQueryWebデザイン