DOM操作用に作られた軽量JavaScriptフレームワーク・Chibi
DOM操作用の軽量JavaScriptフレーム ワーク・Chibiのご紹介。圧縮版で 5KBほどのフレームワークで、単純な DOM操作をjQueryライクに出来ます。 オールドブラウザにも対応してくれて るみたいです。
プログラミング
WordPressのwp_enqueue_scriptで呼びだすJavaScriptファイルをフッター(wp_footer()内)に呼びだす方法
ご質問頂いたのと、ググっても あんまり情報を見かけなかった ので以外と知らない方もいるか もしれない、と思ったので書いて みます。JSファイルをフッターに 呼びだす方法。
WordPressで記事内に書かれたTwitterアカウント名を、@Anywhereを使わずに自動リンク化する
@Anywhereを使わずにWordPress で書かれた記事内のTwitterの アカウントを自動リンク化する、 という方法。正規表現で置換 します。無駄なjsも読み込まな いのでこちらの方が良いですね。
WordPressの管理画面内にヘルプを作成・管理できるプラグイン・WP Help
珍しいタイプだったので何となく ご紹介。WordPressの管理画面内 のヘルプを作成・管理できる、 というWordPressのプラグイン。 記事を書くようにヘルプコンテ ンツを作成出来ます。
ブラウザ上でJavaScript開発が出来るJsbinがバージョンアップして外部サイトに実装デモを貼り付けられるようになったよ
jsfiddle同様に、Javascriptを ブラウザ上で開発、実行テスト 出来るjsbinがバージョンアップ したみたいで、今まで出来なか った外部サイトへの貼り付け等が 可能になりました。
WordPressをCMSとして利用する際、固定ページの親ページと子ページに共通のナビゲーションを作るTips
WordPressは基本的にブログエンジンですが、カスタマイズ等でCMS化も可能になります。その際、固定ページのカスタマイズは多くの場合必須となります。その一環として親ページと子ページのナビゲーションの作り方をご紹介。
WordPressの自作ウィジェットの個人的な覚書
昨日ちょっと嵌ったのでメモ。 WordPressの自作ウィジェット で分からなくて調べたことを 備忘録として残しておきます。 面倒だけど覚えると便利ですね。
jQueryを使用している良デザインなWebサイトを集めたWebデザインギャラリー・Best jQuery
jQueryをうまく取り入れた良デザインなWebサイトを収集しているデザインギャラリー・Best jQueryのご紹介。jQueryを使用するWeb制作者さんには、インスピレーション向上だけでなく、コードやUIも参考になるかもですね。
テキストでも画像でもルーペのように拡大できるjQueryのコード
よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。
スマートフォン向けのHTML5製フレームワーク・Lungo.js
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は...
ベーシックなコンテンツスライダーを実装するjQueryプラグイン・EVO SLIDER
お休みですので軽い話題。もう いいだろってくらい出回ってい るコンテンツスライダーですが、 汎用性が高そうだったのでご 紹介。アコーディオンにも出来 るプラグインです。
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。
WordPressで非推奨になった関数と代わりに利用する関数まとめ
整理したくなったのでメモ。WPで非推奨になった関数と、代わりに利用するように薦められる関数のまとめ。非推奨と知らずに利用してる事もあったので一旦確認しておきます。
WordPress3.4のライブプレビュー機能にCSS項目を追加できるプラグイン・Live CSS Preview
WordPress3.4から搭載されたライブ プレビュー機能に、CSSを直書きする 項目を追加できるWordPressのプラグ イン・Live CSS Previewをご紹介し ます。こういう事も出来るんですね。
ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify
よく見かける、ページ遷移のない Webサイトを作る為のjQueryプラ グイン。ですが、高機能な物では なく、極めてシンプルで、ライブ ラリも軽量です。サクッと作りた い時のテンプレにもいいかも。
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。
スマフォ向けサイトを構築する為のシンプルな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で他ブラウザに 対応します。
iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える
iPhone4のRetinaディスプレイで閲覧 された際に自動で高解像度の画像に 自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更 な話題なので誰も見て無さそうな 日曜日に書いて置こうと思います。