Expanding Textareas
How do they work? Based on Neil Jenkins' work at alistapart, an invisible clone pre element is maintained behind your textarea. Whenever the height of this pre changes, the textarea is updated. Usage Include expanding.js and jQuery in your page. Any textareas with the expanding class will then be transformed. <script src='expanding.js'></script> <textarea class='expanding'></textarea> Try typing h
閲覧中のWebサイトのスタイルをサクサク変更して、表示をその場で確認出来るChromeエクステンション・Stylebot
DOM要素を選択してそこに当てられているスタイルを変更するだけなので、CSSを書く必要がありません。細かいことは出来ませんが、楽でいいのでは。 このように、サイドにセッティングボックスが出るのでマウスで要素を選択して変更するだけ。 要素を選択するには上記のアイコンをクリックすれば要素を選べるようになります。 なかなかに便利です。ご利用は以下よりどうぞ。 Stylebot
WordPress3.4のライブプレビュー機能にCSS項目を追加できるプラグイン・Live CSS Preview - かちびと.net
WordPress3.4から搭載されたライブ プレビュー機能に、CSSを直書きする 項目を追加できるWordPressのプラグ イン・Live CSS Previewをご紹介し ます。こういう事も出来るんですね。 WordPress3.4のライブプレビュー機能(テーマカスタマイザー？)は、テーマのプレビューを見ながらタイトルを変更したり、ヘッダ画像を変更できる機能ですが、この項目にCSSの項目を加えるプラグインがLive CSS Previewです。尚、ライブプレビュー機能の細かいは偉い先生方がしてくださるでしょうから一般人の僕は出しゃばらない様にしときますね。 こんな感じでCSS項目が追加されています。あとはいつも通り書けば即座に右のプレビューに反映されます。で、保存すればカスタマイズ完了、みたいな流れです。それだけのシンプルなプラグインですけど、便利っちゃ便利ですね。 JavaScri
WordPress3.4のテーマカスタマイザーで自由度の高いテーマを作ろう
Posted: 2012.06.20 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 WordPress3.4からテーマカスタマイザーとい機能が追加されテーマファイルを編集しなくても管理画面から色や画像などリアルタイムで確認しながら編集できるようになりました。 この記事ではテーマカスタマイザーの使用方法とカスタマイズ方法をご紹介します。 テーマカスタマイザーの使い方 WordPressの管理画面で左メニュー「外観」→「テーマ」で「テーマ管理画面」を表示し、「カスタマイズ」ボタンをクリックします。 テーマカスタマイザー画面が表示されます。 何も設定していなくても「サイトタイトルとキャッチフレーズ」と「固定フロントページ」という項目があります。 たとえばテーマファイルで下記のように設定してあると、「サイトのタイトル」などの変更箇所がリアルタイムで
[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2
セレクトボックスを美しいデザインにするだけでなく、各アイテムに画像を配置したり、タグやプレースホルダテキストや検索の対応、セレクトボックスのコントロールなど、さまざまなことができるjQueryのプラグインを紹介します。 Select2 GitHub [ad#ad-2] Select2の対応ブラウザ Select2のデモと実装 Select2の対応ブラウザ Select2の対応ブラウザは下記の通りです。 IE8+ ※IE7はz-indexを使った一部のものにバグあり。 Chrome8+ Firefox3.5+ Safari3+ Opera10.6+ Select2のデモと実装 各デモとともに実装方法を紹介します。 jQueryは1.7+推奨で、1.4.2から対応しています。 デモ：ベーシック（上：既存、下：Select2適用） まずは、ベーシックなデモから。 下記のシンプルな記述で、既存のセ
Googleリーダーのアイテムをその場で閲覧できるChrome拡張機能「GRIwsome」 : 二十歳街道まっしぐら
GRIwsomeはGoogleリーダーのアイテムをその場で開けるChrome拡張機能です。 Googleリーダーでフィードを読んでいるときに、 新しくタブを開いて詳細を確認することが面倒なときってありますよね。 そんなときに便利な拡張機能です。 その場でフィードの詳細を見ることができます。 さらに全画面表示にして、次々とフィードを実際のページで閲覧することもできます。 以下に使ってみた様子を載せておきます。 まず「GRIwsome」にアクセスしましょう。 Chromeにインストールします。 このようにGoogleリーダーの各フィードの先頭に虫眼鏡マークが付きます。 すると、その場で実際のページを開くことができますよ。 全画面表示にすると、最上部にバーが付きます。（上記画像だと見づらいですが…） 「prev」「next」ボタンがあるので、そのまま次々とフィードを実際のページ上で読んでいくこと
AnotherCustomFieldsプラグインをダイナミック対応にする(その1）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 拙作のAnotherCustomFieldsプラグインを、ダイナミックパブリッシングおよびDynamicMTMLに対応させて欲しいという要望をい
利用中のテーマやプラグインのCSS編集と保存がその場で出来るWordPressプラグイン・WP Live CSS Editor - かちびと.net
WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った のでメモがてら。 何度か似たようなものもありますけど多くは無いので選択肢の一つとして。Webサイトを見ながらその場で利用中のテーマやプラグインのCSSを編集、保存できるプラグインです。ローカル環境で開発の手助けにもなるかな、とか思ったりしましたよ。 これ便利ですねー。機能はシンプルで、Webサイトの右側にボタンが出るので、クリックするとエディターが開きます。あとは修正して保存すればいいだけ。 編集中はインタラクティブに反映されますのでサイズの指定ミスなんかをするとエディタも場外にすっ飛ばされて編集できなくなっちゃうので気をつけてください。微調整向けですかねー。 編集し
様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」:phpspot開発日誌
RickShaw 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」。 カーソルを合わせるとインタラクティブにデータが表示されたりするグラフを描画出来ます。 デザイン性もなかなか良い感じ。 グラフの描画をリアルタイムに変更したりすることも可能。 カラースキームなんかも色々と選べるようです AjaxやJSONPによるデータ取得と描画も可能。 関連エントリ シネマグラフGIFアニメで驚きの効果を作成するPhotoshopチュートリアル 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索APIとjQueryプラグインを組み合わせてウィジェットをウェブサイトに表示し、ウィジェットに検索結果をリアルタイムで表示します。 ウィジェットは1つのページに複数設置できます。設定方法については４項以降で解説します。 ２．公式サイトのデモ 公式サイトでデモを確認できるので、操作方法を紹介します。 公式サイトの「monitter」にアクセスします。 ページ左上にある「tweets containing
半角／全角変換モディファイアプラグイン(ダイナミック対応)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。
DynamicMTMLとPerl版ダイナミック・パブリッシングの違い
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 DynamicMTMLについて、以下のような質問をいただきました。 Perl版ダイナミックパブリッシングプラグインとDynamicMTMLに、機能的差異はありますか？ 両者は動作原理が異なり、機能やメリット／デメリットも異なります。 そこで、両者の違いについて解説します。 1.DynamicMTMLの動作の仕組み DynamicMTMLは、静的なHTMLファイルの中にMovable Typeのテンプレートタグを書いて、その部分だけを動的に処理する仕組みです。 動的な処理は、Movable Type標準のダイナミック・パブリッシングを応用して作られています。 そのため、動的な処理
サイトに来た人のブラウザ画面をリアルタイム閲覧できる「SiteSupport」 - GIGAZINE
訪れたユーザーがページのどこをどう見て、どのように移動し、どのあたりで詰まるのか、そういった各種行動を把握するためにユーザーのデスクトップ自体をリアルタイムにリモートデスクトップっぽく見ることを可能にするというのがこの「SiteSupport」です。 SiteSupport - Remote Desktop for Web Apps http://sitesupport.com/ ブラウザのセッションを共有し、特別なソフトウェアをインストールする必要性は一切無し。JavaScriptのウィジェットをサイトに設置すればユーザーのデスクトップをリモートで見せてもらう仕組みを簡単に導入することが可能であり、APIが提供されているので自分の好きなようにカスタマイズすることも可能、全部のコネクションはSSL経由であるためセキュリティも万全です。 実際にどのような感じで動作するかというのは以下のムービ
ダイナミック・パブリッシング＆DynamicMTML用のプラグイン（ファンクションタグ）のひな形(その1)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Movable Typeのダイナミック・パブリッシングでは、PHPのテンプレートエンジンである「Smarty」を使って、テンプレートタグを処理します。 したがって、ダイナミック・パブリッシング用にテンプレートタグを追加するプラグインを作る場合、Smartyの書き方に沿ったPHPのコードを組みます。 また、DynamicMTMLはダイナミック・パブリッシングの応用です。 したがって、ダイナミック・パブリッシング用にプラグインを作れば、DynamicMTMLでも動作します。 そこで、ダイナミック・パブリッシング＆DynamicMTML用に、ファンクションタグを追加するプラグインのひ
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
テーブルを直接編集できるjQuery.TableEditorプラグイン
テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 １．サンプル 以下のリンク先にサンプルを用意しました。jQuery.TableEditorプラグインの動作を確認できます。 サンプル 「編集」をクリックすれば、テーブルのセルがテキストフィールドに切り替わります。 「保存」をクリックすれば、テキストフィールドに入力した値がテーブルに表示されます。入力した値は保存時に起動する関数を利用してデータベースやファイルに保存できます。 ２．プラグインのダウンロード TableEditorのページから「tableEditor」と「tableSorter」をダウンロードします。 TableEditor ３．jquery.tableEditor.jsの修正 ダウンロードしたjquery.tableEditor.jsはjQueryの最新バージョン（2011年11月
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
Real Shadow: Photorealistic Shadows of any shape