Harley Davidson Motor Cycles
Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect. Supported browsers are Safari, Chrome, Webkit, Firefox 3.5+, IE9+, and Opera 11+. The plugin's functionality includes: setting or animating HTML content to an ar
幅800pxで表示したデモ [ad#ad-2] Elastislideのデモ デモではさまざまなタイプのスライダーがあります。 デモページ:5 2つのカルーセルをフロートで配置したタイプ [ad#ad-2] Elastislideの実装 HTML 各画像はリスト要素で配置し、スライダーを可変にするためにdiv要素で内包します。 <div id="carousel" class="es-carousel-wrapper"> <div class="es-carousel"> <ul> <li> <a href="#"> <img src="images/medium/1.jpg" alt="image01" /> </a> </li> <li>...</li> ... </ul> </div> </div> 画像の幅 サムネイル画像の幅はスクリプトで指定します。 $('#carousel')
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
Content and image sliders have become very popular in recent years.The reason is that you can add very dynamic and advanced effects in your websites and blogs.Especially featuring important articles is a perfect effect for blogs. Well,you can find many free or premium content and image sliders but today we bring together popular yet free jQuery content and image sliders from 2011. Galleria Galleri
TEXTAREA要素やINPUT要素の初期値を、クリックで自動に消すようにするプログラムを作ってみました。 初期値です。 TEXTAREA要素の初期値を指定しないと、HTMLの文法上にも問題があるので、使う意味はそこそこある気がします。 <TAG> には初期値となるテキストを指定しておきましょう。 仕様 基本 TEXTAREA 初期値です。 <textarea>初期値です。</textarea> 基本 INPUT <input type="text" value="初期値です。" /> type属性をtextにするか、type属性を省略します。 無効にする 初期値です。 <textarea class="nodes">初期値です。</textarea> <input type="text" class="nodes" value="初期値です。" /> class属性にnodesを付けると
WordPressのテーマを配布、プラグイン解説や日本語版の配布、テンプレートタグによるカスタマイズ方法を紹介、WordPressのリファレンスサイトを目指しています。 WordPressのテンプレートタグを一覧にしました。テーマ作成する時の、カスタマイズやテンプレートタグの引数を確認する時にお役立てください。 WordPressのテンプレートタグを使用した用途別のカスタマイズ方法は、 WordPress カスタマイズ一覧をご確認ください。 インクルードタグ カスタムタクソノミータグ カテゴリータグ クエリータグ コメントタグ ショートリンクタグ タイトルタグ タグ tags ナビゲーションメニュータグ パーマリンクタグ ブログ情報タグ リスト&ドロップダウンタグ リンクマネージャータグ リンク編集タグ ログイン/ログアウトタグ 一般的なタグ 執筆者タグ 投稿サムネイルタグ 投稿タグ 日付
同一ページ内でページ送りを実装するjQueryプラグイン。 $('#exp1').pager('div');のように、ページ送りするコンテンツを持つ親要素と各コンテンツの要素を指定します。 子要素の数だけ、ページが生成されます。 オプションで、リンクテキストやラベル名、ハイライト時のクラス名、コンテンツの最小高さ(min-height)などを指定することができます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="
Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M
用意するもの アイロン・アイロン台・霧吹き(霧がなるべく細かいもの) 温度設定 綿100%は高温(160~210℃)で、混合の生地は中温(120~160℃)で。 アイロンをかける順番 (Yシャツ・ブラウスなど) 綿のYシャツはシワになりやすいので、アイロンがけする前に全体に霧吹きを吹きかけ湿らせます。 先に全体に霧吹きをする事により、霧吹きする手間をはぶきシワが伸びアイロンしやすくなります。 POINT 霧吹きで全体を湿らす。 アイロンをかける順序は細かい部分から。 左手をうまく使い、縫い目を引っ張りながらかける。 アイロンは直線に動かす。ジグザグに動かすとシワになりやすい。 アイロンを動かす時は、先を少し浮かせるような感じで。 生地が厚い部分は裏表からアイロンをかけると、シワが伸びピッシとかかる。
シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く