要素にフローティング効果を手軽に与えられるjQueryプラグイン・jqFloat.js
画像とかをフワフワ動かすやつです。 指定した要素を、指定どおりに継続 的にサイト内で動かします。CPUの 問題とかもあると思うので多用は 出来ないと思いますが、よく見かけ るといえば見かけるので一応メモ。
プログラミング
タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js
タップ、ダブルタップ、ピンチや 長押しなど、タッチデバイス特有 のイベントをサポートしてくれる JSライブラリ・Hammer.jsのご紹介。 2KBと軽量なのでいつか使うと思っ て記事にしておきます。
WordPress管理画面の左メニューのキーとスラッグのメモ
個人的なメモ。たまにしか使わないけど、 その時に毎回面倒な思いをしてるので、 いっそメモにしておこう、と思ったので 記事に残します。WordPressの管理画面 のそれぞれのメニューに該当するキー 番号と使用ファイルの一覧。
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。
アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。
[書評] WordPressを高速化する方法がビッシリと書かれている「高速化&スマート運用必携ガイド」
まずは記事を持って献本御礼とさせて頂きます。 WordPressがたまに指摘される動作スピードの 問題を追求し、パフォーマンスを改善する為の 書籍・WordPress高速化&スマート運用必携ガイド です。常に求め続けられているサイト...
画像にマウスホバーするとズームする拡大鏡っぽいやつを簡単に実装できる2KBの軽量jQueryプラグイン・loupe
結構良かったのでご紹介。ECサイトとか で見かける、マウス乗せると画像が拡大 するやつです。拡大鏡とか言えばいいん でしょうか？ニーズはそこそこありそう ですし、かなり軽量で導入も簡単なので 覚えておくと工数減らせるかもですね。 ...
Pinterestっぽいレイアウトを作ってみる
以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト ...
ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン・Bacon!
ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。
お手軽WordPress Tips : Gistに書いたコードをプラグイン不要でブログに表示させる為のショートコード
WordPressのショートコードネタです。 Gistで書いたコードをブログに表示 させる為のショートコード。最近は特 にGithub関連のビギナー向け記事を見か けますのでこういうTipsもあわせて使うと より捗るんじゃないかな...
WordPressの投稿画面で、記事のカテゴリーを1つしか選べないようにする
少々気になった記事があったので備忘録。WordPressの投稿画面でカテゴリーを選択出来る部分があって、そこはチェックボックスになっています。当然複数選べるようになっているわけですが、仕様上、1つしか選べないようにしたい、という場合のTip...
Web上で「飛び出す絵本」の動きを表現したBeercamp 2012がちょっと凄かった
凄いなーとおもったのでシェア。Webサイト で飛び出す絵本のような動きを表現した Beercamp 2012がちょっと凄かった。案の定 CSS3とHTML5とJSで作ってるみたいですが、 実際に触ってみると少し感動しますね。 実用...
CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス・SpritePad
CSSスプライトの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。
ブログのフッター等にjQueryでTumblrに投稿した画像を表示する
よく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自...
WordPressの管理バーに好みのソーシャルサイトのリンク集を含める
WordPress3.1から管理バーが少し変わ ったのですが、デフォルトではあまり コンテンツが無く、ちょっと勿体無い のでここに好きなリンク集を作って あげると喜ばれるかもしれない、って いう記事です。
背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH
同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄...
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知...
お手軽WordPress Tips：URLやサイズを指定出来るQRコードをショートコードで作れるようにする
ご質問頂いたのでついでに記事にします。 WordPressでURLとかサイズを指定出来る QRコードをショートコードで作成したい、 というもの。情報系のサイトだと、ユー ザーが携帯で閲覧したい事も多々ありそう なので割りと汎用性は...
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す
シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 ...
jQuery UIのデザインをオリジナルに変更したサンプル
分かりやすいタイトルが思い浮かばない ので適当な感じになりましたが。jQuery UIのデザインをちょっと今風に変更した サンプルが配布されていたので備忘録。 jQuery UI、凄く機能的で良いんですが、 用意されているデザイン...
WordPressのカスタム投稿タイプを使用したサイトのサイト内検索をチェックボックスで絞り込み検索できるようにする
購読してるブログの記事が気になった のでメモ。カスタム投稿タイプを使った サイトのサイト内検索をもうちょい使い やすくする的な方法です。良く見かける 検索方法なので覚えたいですね。