Webデザイン・開発の基本 HTMLネタのポータル

※ [JS]画像の形状に合わせてテキストを回り込ませるスクリプト -jQSlickWrap | コリス ※

[ ← 前の画面 ]  [ AD ] 書籍・書評情報のポータル [ ニコニコ ] [ 関連記事 ]
[JS]画像の形状に合わせてテキストを回り込ませるスクリプト -jQSlickWrap | コリス

通常画像にテキストを回り込ませる際は、テキストが矩形のエリアになりますが、これを円形や複雑な形状に合わせて回り込ませるスクリプトを紹介します。スクリプトがオンの時は、画像の形状に合わせて回り込みスクリプトにはHTML5のcanvasが利用されており、IE6/7などの非対応ブラウザでは矩形に表示されます。 ※サイトにIE7でアクセスしたところ、「Google Chrome Frame をいれろ」と表...

coliss.com 2009/11/24 23:41:01 
[ スポンサード リンク ]

[JS]一つのリスト要素で実装する画像ギャラリーのスクリプト -slideViewerPro | コリス[JS]一つのリスト要素で実装する画像ギャラリーのスクリプト -slideViewerPro | コリス [ 情報元へ ]
カスタマイズが可能な、一つのリスト要素で実装する画像ギャラリーのスクリプト「slideViewerPro」を紹介します。slideViewerPro上記のキャプチャはslideViewerProの元となるslideViewerのもので、直系の子孫にあたるとのことです。画像の箇所は、一つのリスト要素...

HTMLを解析して登録できるフィードのメニューを作ってくれる『jQuery Feed Menu』 | IDEA*IDEAHTMLを解析して登録できるフィードのメニューを作ってくれる『jQuery Feed Menu』 | IDEA*IDEA [ 情報元へ ]
HTMLを解析して登録できるフィードのメニューを作ってくれる『jQuery Feed Menu』 October 20, 2008 6:46 AM written by Gen Taguchiページ内にRSSを多く仕込んでいる人におすすめのツールが「jQuery Feed Menu」です。jQue...

HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌 [ 情報元へ ]
HOKYPOKY. | MULTICOL. jQuery PluginMULTICOL. はHTMLで雑誌のような美しい...

[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト | コリス[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト | コリス [ 情報元へ ]
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。背景画像スクリプトのベースにはjQueryが使用されており、下記のスクリプトをプラグインとして使用します。$(function() {// ***//...

jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌 [ 情報元へ ]
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか?というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマー...

コンテンツを滑らかにスライドさせるjQueryプラグイン:phpspot開発日誌コンテンツを滑らかにスライドさせるjQueryプラグイン:phpspot開発日誌 [ 情報元へ ]
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin ...

ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.netウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net [ 情報元へ ]
ウィンドウサイズを変えると コンテンツ(記事等)が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ...

インタラクティブにjQueryのセレクタの挙動を学べる『Interactive jQuery selector tester』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~インタラクティブにjQueryのセレクタの挙動を学べる『Interactive jQuery selector tester』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~ [ 情報元へ ]
前にどっかで紹介したような・・・まぁ、いいですか。Interactive jQuery selector testerはjQueryのセレクタの挙動を学ぶことができるツールです。テストしたいHTMLを貼り付け、セレクタを入力するとマッチするDOMがインタラクティブにわかりますよ。↑ シンプルで使い...

ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」:phpspot開発日誌ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」:phpspot開発日誌 [ 情報元へ ]
ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」2009年06月08日


[ ← 前の画面に戻る ]
※ この情報のコメント・メモ ※

画像の形状に合わせてテキストを回り込ませるスクリプト-jQSlickWrap  [ gomiboot ]

DTPっぽい。  [ Asami.CryBaby ]

ちょっと面白い  [ penalty ]


[ ← 前の画面に戻る ]
[ スポンサード リンク ]
[ 追加された期間を表示 ]
ピックアップ
css』 の注目情報
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式 Webデザイン・開発の基本 HTMLネタのポータル

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。見出し(Headline)のサンプル集色やボーダーのサイズ等の装飾部分をお...

2010/06/14 2:02:01
 
[CSS]サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート | コリス Webデザイン・開発の基本 HTMLネタのポータル

一枚の画像で、サイズ指定があるものやないものなど異なるサイズのボックスいっぱいに背景を表示するスタイルシートを紹介します。CSS3 Background Images – 100% width/height of container デモ上記三つのデモは上から順に、widthとheightの指定あ...

2010/08/02 2:01:06
 
角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」 : ライフハッカー[日本版] Webデザイン・開発の基本 HTMLネタのポータル

Webツール , その他 , デザイン角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」掲載日時:2010.08.25 18:00  コメント [0], トラックバック [0]最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。C...

2010/08/26 2:01:03
 
人気のタグ