Media QueryでiPhoneやiPadにも自動でレイアウトを調整するHTML5製のWPテーマ・BLASKAN
過去にも何度かご紹介していますが、 Media QueryでiPhoneやiPadを含め た、様々なデバイスにレイアウトを調整 済みのWordPressテーマ・BLASKAN のご紹介。シンプルで良かったので 備忘録です。
"キーワード指定なし"
(7月8日)今日の「簡単海外記事」
7月8日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。
CSS3のtext-shadowを使ったテキスト装飾のサンプル集
たまに使うので自分用にメモします。 css3のtext-shadow等を使用した テキスト装飾のサンプルコードの 備忘録です。工夫すればいろいろ と作れるんでしょうけど、とりあえず よく使うものをピックアップします。
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ
最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。
スマフォにも対応・ディスプレイサイズに自動で幅調整するレスポンシブなjQueryイメージスライダー・Blueberry
どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこうい...
複数ブックマークサービスに一括対応できるAddThisを導入する前にいろいろ調べたのでメモ
ブックマークやTwitterへの投稿、Facebook のいいね！をしやすいようにボタンをサイト側 で設置するのはもはや当たり前のようになり つつあります。僕も例外なく、昔から貼ってる んですが、どんどん新しいのが出てきて、結構 ...
制作中のWebサイトにシンプルなグリッドを表示させる制作補助系jQueryプラグイン・Simple Grid
昨日TwitterでもPostしたんですけどやっぱり たまに使いそうなのでメモ。数値を設定する だけで簡単にシンプルなグリッドを重ねる事 が出来るWeb屋さん向けのjQueryプラグイン・ Simple Gridです。いちいち拡張や...
HTML5で実装する動画コンテンツに字幕を付けるライブラリ・Cuepoint JS
なかなかユニークだったのでメモがてら。 HTML5で実装する動画コンテンツに字幕 を加える、というjsライブラリです。思いつき ませんでしたけど、こう言うことも出来てし まうんですね・・・HTML5ってやっぱり凄い かも・・（今さ...
2011・6月のアクセス解析
1日遅れてしまいましたが、7月に なりましたので先月6月の当サイト の毎月恒例アクセス解析を晒しま す。もう今年も半分過ぎました。大 きな災害があったのもあって、なん だか時間がたつのが早い気がします。
PC、テレビ、iPadやiPhoneなどマルチデバイス対応のWebアプリケーションを構築する為のオープンソースフレームワーク・JOSHFIRE
ちょっと興味深かったので備忘録。 PCは勿論、iPadやiPhoneなど人気 のタッチデバイスから、TVなどなど、 マルチデバイス対応のWebアプリ を構築する為のフレームワークだそう。 オープンソースで配布されています。
Google+1のボタンが無いサイトでも+1が出来るブックマークレット
タイトルが若干意味不明なんですが、 Google+がリリースされたり、日本の GoogleのSERPsにもGoogle+1が ではじめたので、もしかしたらこれから ボタンを設置するサイトも増えるかも しれません。
お手軽WordPress Tips：1行のコードで追加できる便利な新機能「投稿フォーマット」を使ってみよう
WordPress3.2のリリースも間近に控え、 より楽しみが増える今日この頃ですが、 3.1から増えた新機能の投稿フォーマット がさほど普及していない印象が否めない ので微力ながら貢献してみようかなと 思います。
iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。
並べられたアコーディオンパネルを開くと幅が可変して可読性を高める・Jquery Animated Grid
横に並べられたアコーディオンパネル を開くと、幅がアニメーションで広がり つつ、隣のアコーディオンが狭くなる ので、全体のレイアウトを維持できる というプラグイン。幅を気にしなくて いいのは場合によっては助かるかも。
iOS4.2+ / モバイルSafariの「振る動作（シェイクジェスチャー）」をjQueryを使って検知する
iPhoneを振る動作（シェイクジェスチャー） によって呼び出されるモーションイベント をjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサー をJavaScript経由で使うことが出来...
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね...
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER
あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作...
「ON TIME＝時間に間に合う」がコンセプトの、3分先を示す時計
日曜日なので軽いネタその2。時計の 針を3分先にすることで時間にゆとりを 持てるように、というコンセプトが中々 素敵なデザイン時計です。シンプル なアイデアですけど、発想がユニーク ですね・・
別々に開いたブラウザ間でエレメントをリアルタイムで交差させるNode.jsアプリのサンプル
日曜日なので軽めのネタ。別々に 開いているブラウザの間で、エレメ ントを交差させるNode.jsアプリが サンプルとして公開されていました。 いろいろ出てきますね・・
全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY
全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcr...
RSS全文配信してると記事を丸々転載されてしまうので、WPプラグインを使って逆に転載サイトを利用してみる
今更な話題と対策法なので非常に申し訳 ないんですけど、中には困ってる方もいる のでシェアしてみます。リーダーだけで全文 読みたいユーザーさんは多い印象なので RSSは全文配信しているんですが、これだと 記事転載の格好の的です。
グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン
個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使って...