WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。
"キーワード指定なし"
グローバルメニューとかでマウスホバーしているリンク以外にCSSだけでブラー効果を与える
JavaScriptでよく見かける、ホバー 状態のアイテム以外にエフェクトを かける、みたいなのをCSSで実装する という内容です。目新しい手法では 無いです。
スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap
ちょっと良さそうだったのでメモ。 スマフォ用サイト向けのシンプル なフレームワーク・Sidetapです。 jQueryのライブラリですので、動作 にはjQueryが必要ですが、ライブ ラリ自体はそこそこ軽量みたい。
GithubにあるHTMLをレンダリングしてその場で表示出来るChromeエクステンション・Githtml
個人的に嬉しいエクステンション だったのでご紹介。Githubにある リポジトリのHTMLをその場でレンダ リングし、デモとして表示させる 事が出来るChromeエクステンション、 Githtmlです。
WordPressテーマ開発向けプラグインを一式管理するプラグイン・Developer
WordPressを提供するAutomattic社が 先日リリースした、テーマ開発者 向けのプラグインを一括管理できる プラグイン、Developerのご紹介。 とくに特別な機能は無いです。
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。
ol要素で利用出来るHTML5のreversed属性をjQueryでクロスブラウザ対応にする
HTML5でol要素でリストに振る番号 を逆にするreversed属性が追加され ました。と言ってもまだChromeしか サポートしていません。便利っちゃ 便利なのでjQueryで他ブラウザに 対応します。
ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。
iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える
iPhone4のRetinaディスプレイで閲覧 された際に自動で高解像度の画像に 自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更 な話題なので誰も見て無さそうな 日曜日に書いて置こうと思います。
電力も使わない、シンプルでエコロジーなiPhone用アンプ・eco-amp
いいアイデアだったのでシェア。 エコなiPhone用のアンプ、eco-amp は、再生紙で出来た折り紙形式 のアンプです。購入も可能です が、手先の器用な方なら自作でき るかも知れないですね。
Dribbbleの投稿をjQueryで自分のサイトに表示させる
ちょっと調べ物をしたので備忘録です。 デザイナー専門のコミュニティサイト、 Dribbbleの投稿を自分のサイトに表示 させる方法。APIとjQueryを使って表示 させて見ます。日本ではDribbbleの利 用者は少なそうですけ...
WordPressでユーザー名でもメールアドレスでもログイン出来るようにするスニペットコード
以前、同じ機能のプラグインをご紹介 したんですけど、もっと簡単なコード で実装できるみたいなので改めて備忘 録。ログイン名を忘れてしまう方も 少なくないのでメールアドレスでも ログイン出来ると親切ですね。
JavaScriptも使わず元画像も変更せずに画像をグレースケール表示させる
ちょっと調べ物をしたのでメモ。 画像1枚だけで、グレースケール、 マウスホバーでカラー画像に、 みたいなのを実装したい、出来れ ばJavaScriptも使用せず、みたい な内容です。
WordPressのウィジェット単位で条件分岐出来る様にするプラグイン・Widget Logic
昔からあるWPのプラグインみたい ですが、先日知ったばかりで、と ても助かったので感謝も込めて ご紹介。WordPressのウィジェット 単位で簡単に条件分岐する事が 出来ます。
ソースも公開されているオンラインのJavaScript構文チェックツール・jsLint.it
Githubでソースも公開されている JavaScript構文チェックツール・ jsLint.itのご紹介。結構軽量で 使い勝手が良さそうだったので自 分のサーバーに入れて使いたいと 思います。
WordPressの投稿画面でFlickr内のCCライセンスの画像を検索、クレジット付きで記事に投稿できるプラグイン・Pick a Picture
WordPressの投稿画面で、Flickrで CCライセンス画像を検索、クレジット 表記付きで投稿できるプラグイン、 Pick a Pictureのご紹介です。個人 的にはあまり利用しませんが、需要は ありそうな気がします。
geekli.stのユーザー登録画面でのパスワード項目のエラーメッセージがちょっと良かった
土曜日ですし軽い話題でも。 geekli.stというコミュニティ サイトがあるんですが、この サイトのユーザー登録時の パスワード項目のエラー文が 面白かった。
正規表現をjsfiddleのようにブラウザで実行、テスト出来るツール・reFiddle
JavaScriptの開発をブラウザ上で 行えるjsfiddleの正規表現版です。 reFiddleはオンラインで正規表現 テストを行えるWebツール。勉強に もいいかもしれませんね。僕も 全然出来ないので学びたい。
WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる
先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・
シンプルなタスク管理サービス・KanbanFlowを使ってみた
使ってみたら自分のの肌に 合っていたのでシェア。 とってもシンプルなタスク 管理システム・KanbanFlow のご紹介です。地味に性能 も良いですよ。
ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable
入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。
スマフォ・タブレット向けに作られたオープンソースのIDE付きHTML5製UIフレームワーク・Mobello
ネイティブアプリライクなスマフォ やタブレット向けのHTML5製のUI フレームワーク・Mobelloのご紹介。 高速でリッチなインターフェースを Web上で体感出来る、という謳い文句 で公開されています。