MovableType超高速サイト内検索!これ作った人神! [ MovableTypeカスタマイズ ] MovableTypeの検索って記事が増えてくると時間が掛かります。
février 2, 2021 by Theodore·Commentaires fermés sur Simplifiez vos tâches ménagères avec un robot lave-vitre Dépensez moins d’énergie et gagnez davantage en efficacité avec un robot nettoyeur de vitre. C’est un appareil innovant et qui offre une performance exceptionnelle. Les robots lave-vitres possèdent également des fonctions très intéressantes qui pourront vous faciliter la vie. Pour découvrir
Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったWebFX:Slider を紹介したいと思います。 Value: Slider は Mozzila 系ブラウザで動作しなかった、同サイトで公開されていた slidebar を新しく作り直したものです。 なお、WebFX は、国内ではグラフ描画の Chart Usage がブログ等で紹介されています。 1.機能 Slider は下記の機能があります。 スライダーを操作することにより、予め設定した最小値?最大値の値を取得 予め設定したデフォルト値の位置にスライダーハンドルを固定 値の途中変更が可能 スライド方向(縦・横)を指定可能 また マウスサポート(ドラッグだけでなくクリックによる操作も可能) キーボード操作のサポート(矢印キーやPageUp/PageD
旧ブログ名 あっと驚く為五郎! YouTube好きです。日本のソウルフード ラーメンの食べ歩きや占いなども取り上げます。 「Snap Preview Anywhere」の提供している無料サービスはとてもおもしろい。 ブログやウェブページなどにこのサービスを導入すると、リンクにマウスを合わせるだけでリンク先ページのプレビュー画像がポップアップするようになる。 こんな感じ 導入方法はそれほど難しくありません。 ・「Snap Preview Anywhere」トップページの左上にある【GET it FREE Now】のボタンをクリック ・「Enter Your Site URL:」 導入したいウェブサイトのURLを入力 ・「Enter Security Token:」 表示されている文字を入力 ・「Enter Your Email:」 Eメールアドレスを入力 ・「I agree to the T
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と
Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel 属性に "lightbox" を付与しなければならないという条件があり、これを手動で付与するのは結構面倒です。 ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法を本エントリーにてご紹介致します。 rel 属性を自動付与するには、Litebox 1.0 のパッケージ内にある、js/litebox-1.0.js を任意のエディタで開き、130 行目辺り(リスト 1)に青色のコードを追加します。 リスト1 litebox-10.js 変更箇所 : // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v
test ---livedoor Weather Web Service 1.0--- 戻る
Kawa.netxp [ajax] JavaScript版 RSSリーダー RSS(ウェブフィード)をダウンロードし、 テンプレートを使用してHTMLページ中に展開する ajax の習作です。 JKL.ParseXML と JKL.Hina を利用しています。 RSS をダウンロード~展開 (DEMO) JavaScript ソース HTML テンプレート RSS 2.0 を利用している場合 日時の表示形式を変更する 表示件数を制限する 対応ブラウザ 応用例 コメントはこちらへ このページへのトラックバック RSS をダウンロード~展開 (DEMO) ボタンを押すと、 RSSファイルをダウンロード~展開します。⇒ 実行 [ここに展開されます] JavaScript ソース JKL.ParseXMLとJKL.Hinaを利用するので、 まず、head 要素内で jkl-hina.js と jk
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0! なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く