可変グリッドプラグインjQuery masonryの設定方法・オプションまとめ - ナオユネット
CSSのfloat:leftなどで要素を横並びさせたい時、高さが違う要素が含まれるとなんだかキレイに並びません。 そこで役立つ便利なプラグインjQuery masonryをまとめてみました。 ちなみにMasonryとは、和訳すると「石造建築」。 レンガ造りの壁とかをイメージしてもらえると分かりやすいのかな？ jQuery masonryの使い方 JSファイルをダウンロード まずはjQuery本体とjQuery masonry本体をDL。 jQuery jQuery masonry jsファイルを読み込み headタグ内に、ダウンロードしたJSファイルの読み込みます。 <script src="jquery.js"></script> <script src="jquery.masonry.min.js"></script> 続けて、/bodyの直前に下記jsを記述します。 <script>
画像がちゃんと読み込まれたら実行 を実現する ImagesLoaded ！ | ARAKAZE NOTE
ImagesLoaded アニメーションを多様するようなWebページを作っていると「画像が読み込まれるのが遅くてうまくいかない！」、「画像がちゃんと読み込まれてから関数を実行させたい！」といった場面にぶち当たることが出て来きます。 そんなときに便利なのが「ImagesLoaded」！非常に簡単な記述で、要望を満たしてくれます。 必要なもの 公式ページがあるのでそちらから必要ファイルをダウンロードしてきます。 １つしかありません！ <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script> 使い方 使い方も至極単純です。通常のJSで使う場合のほかに、jQueryなどの書き方もあります。 //通常の書き方 imagesLoaded( '#container', function() {/*実行させたい処理
【jQuery】IE8以下でもCSS3のbackground-sizeプロパティが使えるようになるプラグインjquery.backgroundSize.js | Rapid Progress
IE8以下でもCSS3のbackground-sizeプロパティが使えるようになるプラグイン「jquery.backgroundSize.js」についてです。最近縦長＋背景画像が横幅100%になるページを作る機会が増えました。 そんな時便利なのがCSS3から登場した「background-size」というプロパティですが、IE8以下は当然（？）対応していません。 が、非常に有難いことに、「jquery.backgroundSize.js」というプラグインを用いることでIE8以下でもbackground-sizeプロパティが使えるようになります。 1.background-sizeプロパティについてちょっとだけ CSS3から背景画像の幅と高さを拡大・縮小するプロパティが追加されました。それがbackground-sizeプロパティです。なんか文章で説明しても伝わりにくいと思うのですが、とに
レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」:phpspot開発日誌
Galereya. jQuery gallery. レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 PCでもスマホでも使えるPinterest風ギャラリーが作れるjQueryプラグイン。サンプルの画像は若干気持ちが悪いですが、使う分には問題ないですね。 カテゴリ分けしてフィルタリングも可能っぽい。 関連エントリ CSSで設定ができるPinterest風レイアウト実装ライブラリ「Salvattore」 ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグイン「Freewall」
Custom Field Suite－複数フィールドのリピート可能 | WordPress 編
Custom Field Suite は、Advanced Custom Fields からフォーク（※1）したプラグインで、安定性・ハイパフォーマンス・大きくなり過ぎないことを目標に作られました。Advanced Custom Fields ほど拡張性はありませんが、ウェブデザイナーやノンプラグラマーが使うには十分な機能を備えています。 Custom Field Suite は、Advanced Custom Fields では有料オプションとなっている Repeater に相当するフィールドタイプ Loop が無料で使えます。Repeater や Loop は、単一フィールドだけでなく複数フィールドの繰り返しができます。私が知っているカスタムフィールド系のプラグインで複数フィールドの繰り返しができるのは、Advanced Custom Fields と Custom Field Sui
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhone/Android/PCのブラウザ対応、フリック操作をシンプルに実装できるjQueryプラグイン - makogの日記
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル（iPhone/Androidでもご覧いただけます） jQuery.flickSimple ダウンロード（github） これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
高機能テキストエディタ「Sublime Text 2」をDLしてみた＆導入したプラグイン
巷で話題ﾌｯﾄｰしそうだよぉ…と言うか話題沸騰しておりますテキストエディタ、「Sublime Text 2」。 Sublime Text: The text editor you’ll fall in love with あおり文句は「The text editor you’ll fall in love with」。 英検2級の私が全力で和訳してみたところ「このテキストエディタは愛欲が凄い」みたいな事だと思うのですが、何はともあれずっと気になっていたので先日ようやっとDLしてみました。 参考記事 DLに当たって参考にしましたのは以下の記事。なんだかとっても便利そうなにほひ。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ”恋に落ちるエディタ”「Subl
[JS]画像やコンテンツを水平・垂直に気持ちよくスクロールさせて表示することにこだわったスクリプト -Sly
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです！ 特徴は気持ちのいいスクロールだけでなく、ナビゲーションのロジックも直観的で、次に表示するべきアイテムを自動的に先頭に配置します。クリックでアクティブにしたアイテムも常に保持します。 操作は上部のバー、FRAME上でホイール、パネルのクリック、下部のナビゲーションがあり、また下部のボタンでは前・次、最初・最後・中央などの操作もできます。 ナビゲーションでの操作は次に表示するアイテムを先頭に配置します。 デモでは、水平方向のスクロールだけでなく、垂直方向、無限スクロールもあります。
吹出し型ツールチップを自由に設置できるjQueryプラグイン「grumble.js」 | Web活メモ帳
これを使うと、漫画風の吹き出しを自由に表示する事が出来るようになります。 吹出しには背景画像が指定されているので、 CSSを変更してオリジナルの吹出しにする事も簡単そうでした。 使い方 以下のようなスクリプトを追加する事で表示する事ができました。 $('h1').grumble({ text: 'ここにメッセージを入れます!', angle: 85, distance: 100, showAfter: 500 }); オプションの説明 text:表示する文章 angle:角度 distance:距離 showAfter:指定した秒数後に表示（ミリ秒） オプショには他にもコールバック処理なんかもありました。 詳細&ダウンロードは下のリンクからどうぞ！
Movable Type プラグイン作成の基礎
Movable Type プラグイン作成の基礎 宮崎 真, 廣安 知之, 三木 光範 ISDL Report No. 20050813009 2005年 10月 4日 Abstract ブログ管理ソフトで最も一般的なMovable Typeのメリットはカスタマイズ性 が非常に高いことである．テンプレートやスタイルシートをカスタマイズすることで Blogのデザインを自在に変えることができる．また，各種プラグインを組み込むことで， 様々な機能を追加することができる． 本報告では，Movable Typeの特徴の一つであるプラグインの作成方法について， 簡単な例を挙げ説明する．なお，今回取り上げる例はグローバル・フィルターのみである． 1 はじめに Movable Typeはブログを管理するソフトであり，そのカスタマイズ性が高いことから， もっとも一般的に利用されており，多くのユーザ
独自のCSSを編集画面のリッチテキストエディタで使えるMovableTypeプラグイン:RealText - エンジニアブログ - スカイアーク
MovableType 4 から記事の編集画面でリッチテキストエディタを利用できるようになりました。大きな文字は大きく、赤い文字は赤く、実際の出力画面に近い状態で記事を編集出来るようになったのです。しかし、往々にしてサイトでは独自のCSSを読み込んでスタイルを定義しているのが一般的ですが、H1 タグに独自の装飾が施されていたところで、編集画面のリッチテキストエディタに H1 タグを書いても、その装飾は反映されることはありません。 そこで、リッチテキストエディタで、外部で定義した独自のCSSを読み込ませるためのプラグインを書いてみました。 インストール方法 ダウンロードしたプラグインを解凍して、MovableType のプラグインフォルダにコピーしてください。その後、ブログ毎にプラグインの設定を行います。 ブログ毎のプラグインの設定画面では、そのブログの記事を書く際に、リッチテキストエディタ
WordPressの便利なプラグイン集 -2008年10月
定番ものやコンテンツ・ナビゲーションの生成、ページ・タグの管理、バックアップ・管理の強化などWordpressの便利なプラグインの紹介です。
MTプラグイン Sort Categories And Folders
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 2008年10月20日 カテゴリ／フォルダ／ブログ記事／ウェブページを並べ替えるプラグインを公開しました。 当BlogではMovable Typ
idxctx プラグインというのを作ってみました。
例えばエントリーアーカイブで、ブログ全体の最新コメントをサイドバーに表示させたい場合。 MTの仕様では難しい(出来ない?)んですよね。 該当のエントリーのコメントだけがMTCommentsの対象になるので。 例えば月別アーカイブで、ブログ全体の最新エントリーをサイドバーに表示させたい場合。 出来ないんですよね。該当の月のエントリーだけがMTEntriesの対象になるので。 そこで、MTIndexContext というコンテナ・タグを追加するプラグインを作りました。 indexcontext.zip このコンテナ・タグで囲んだ箇所は、一時的にインデックステンプレートと同じ振る舞いになります。 これは、なにげに便利なんじゃないかな、と思います。例えば、全てのアーカイブページでメイン・ページと同じサイドバーを表示させたい場合、WidgetManagerを使っているなら全てのアーカイブテンプレート
MTカスタムフィールド画像を見えるようにする（推奨）
MTカスタムフィールド画像を見えるようにする（推奨） ネタ元：MTカスタムフィールド画像を見えるようにする こないだ書いたエントリーが参考先にあげてもらっていうるのですが、このやり方はあまりお勧めできません。(ごめんなさい) で、長谷川さんの書いてるjQueryのもあまりお勧めできない。 Junnamaさんのエントリーでも書かれている通り、MTには標準でカスタムフィールド画像のURLを出力するタグが用意されているので、それを使うのが一番正攻法です。 ちょっとややこしくなるので、めんどくさい方は以下のプラグインがお勧めですよ。 カスタムフィールドによるアップロード画像をサムネイルで表示するプラグイン 0.02 MT4.1のカスタムフィールドで指定した画像を素直なタグで出力する。 カスタムフィールドの取得はMTEntriesコンテナで利用します。 <MTEntries> </MTEntries
静的ページ用ページ分割プラグイン：PageBute | MTプラグイン配布 | MT エンジニアブログ | スカイアークシステム
2023.04.20 PageButeを更新しました。 PageBute の詳細は以下のページをご確認ください。 https://mtp.skyarc.co.jp/free-plugin/pagebute.html MT7以前のバージョンは未検証となっております。旧環境をご利用の方は本ページより対応したバージョンをご利用ください。 2018.6.22 PageButeを更新しました。 Pagebute3.5.8のMT7動作確認を行いました。 従来のテンプレートの他、コンテンツタイプテンプレートでも利用可能です。 公開キューを設定したテンプレート内でPageButeの機能が使われている場合に、定期タスクの実行時に大量のワーニングが発生する現象を改善しました。 2013.10.23 PageButeを更新しました。 ページ分割プラグインPageBute3.5.7を公開しました。 こんにちは。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープンソースのHTML5お絵かきウィジェット「Literally Canvas」:phpspot開発日誌
html5-css3.jp - このウェブサイトは販売用です！ - スマートフォン 編集者 方法 サイズ 日本 ツール ブラウザ テスト リソースおよび情報
http://moto-mono.net/2009/04/16/using-wordpress-as-cms.html