civatan55のブックマーク (254)

  • Harley Davidson Slideshow

    Harley Davidson Motor Cycles

    civatan55
    civatan55 2012/05/28
    フェードインするjqueryスライダー。汎用性高そう。
  • Azoffdesign - Situs Berita Terpercaya -

    Bagi kamu para pecinta judi online yang ingin bermain dan melakukan pemasangan taruhan melalui smartphone, saat ini kamu sudah bisa memanfaatkan fasilitas atau aplikasi togel online yang mendukung untuk hp android dan jenis smartphone lainnya…

    civatan55
    civatan55 2012/05/28
    地図とかこれで飾ったら面白いかも
  • jQuery Plugin: rotate3Di - Flip HTML content in 3D - zachstronaut

    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

    civatan55
    civatan55 2012/05/28
    対象物を3D回転させます。サイトのちょっとしたアクセントに使えそう。(ファイルのDLボタンとか)
  • [JS]Responsive Web Designに対応したカルーセルタイプのスライダー -Elastislide

    幅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')

    civatan55
    civatan55 2012/05/28
    レスポンシブウェブデザインに対応しているスライダー
  • [JS]jQueryのプラグイン100選 -2011年総集編

    2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連

    civatan55
    civatan55 2012/05/28
    2011年に流行ったjqueryプラグイン各種。スライダーやタブ、EFOやローディング機能まで。
  • 20+ Popular and Free jQuery Content and Image Sliders from 2011 - Designbeep

    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

    civatan55
    civatan55 2012/05/28
    便利なスライダー集(海外サイト)
  • http://translate.googleusercontent.com/

    civatan55
    civatan55 2012/05/28
    横幅固定だけど結構汎用性高そうなスライダー。
  • wordpress TOPページを固定ページにしドメイン直下に置く方法 | WEBデザイナーのしおり

    1.まず、デフォルトのpage.phpを複製し、top.php又はhome.phpなどに名前を変更しupロードします。 管理画面で作成したtop.phpを表示し、一番上に下記を追加します。 <?php /* Template Name: top (任意の名前) */ ?> 2.次にページの新規作成でTOPページを作り、テンプレートのプルダウンメニューから先ほど作成したTOPを選択します。 ここまではページによってテンプレートを変更したいで説明した事と同じです。 3.ここから固定ページをドメイン直下に置く方法の説明です。 管理画面の設定タブの中の一般設定を開き下記を修正します。

    wordpress TOPページを固定ページにしドメイン直下に置く方法 | WEBデザイナーのしおり
    civatan55
    civatan55 2012/05/18
    これ、重要
  • Validator.nu

    This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Validator.nu (X)HTML5 Validator (Living Validator)Validator InputDocument

    civatan55
    civatan55 2012/05/11
    HTML5の文法チェッカー。英語なのでわかりにくいかも。
  • TEXTAREA や INPUT の初期値をクリックで消す - GAM-22のメモ

    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を付けると

    civatan55
    civatan55 2012/05/09
    お問い合わせフォームに使えそう。
  • WordPressのテンプレートタグ一覧 リファレンス

    WordPressのテーマを配布、プラグイン解説や日語版の配布、テンプレートタグによるカスタマイズ方法を紹介、WordPressのリファレンスサイトを目指しています。 WordPressのテンプレートタグを一覧にしました。テーマ作成する時の、カスタマイズやテンプレートタグの引数を確認する時にお役立てください。 WordPressのテンプレートタグを使用した用途別のカスタマイズ方法は、 WordPress カスタマイズ一覧をご確認ください。 インクルードタグ カスタムタクソノミータグ カテゴリータグ クエリータグ コメントタグ ショートリンクタグ タイトルタグ タグ tags ナビゲーションメニュータグ パーマリンクタグ ブログ情報タグ リスト&ドロップダウンタグ リンクマネージャータグ リンク編集タグ ログイン/ログアウトタグ 一般的なタグ 執筆者タグ 投稿サムネイルタグ 投稿タグ 日付

    WordPressのテンプレートタグ一覧 リファレンス
    civatan55
    civatan55 2012/05/07
    慣れるまでは便利かも。
  • レスポンシブWebデザインで使えるjQueryプラグインいろいろ

    FitText - A plugin for i... / slabText / FitVids.JS - A lightweig...他...全7件

    レスポンシブWebデザインで使えるjQueryプラグインいろいろ
    civatan55
    civatan55 2012/04/25
    参考にしてみよう
  • css-lecture.com

    civatan55
    civatan55 2012/04/23
    会員登録やお問い合わせフォームで良く見かけるアレ。
  • responsivepx for Japanese

    responsivepxとは responsivepxとは、Media Queryを使用したレスポンシブなWebサイトをインタラクティブに表示確認することができるツールです。 URLを入力して表示させたら後はバーで幅や高さを調整してください。こちらで試すと分かりやすいです→http://css-tricks.com このツールはgithubにてコードが公開されています。 Built by @rem / kachibito.net

    civatan55
    civatan55 2012/04/19
    画面幅や高さを自由に変更し、見た目を確認できるサイト。サイズ感が見れるので結構いいかも。
  • ページネーション(ページ送り)|jQuery plugin|Ajax|PHP & JavaScript Room

    同一ページ内でページ送りを実装する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="

    ページネーション(ページ送り)|jQuery plugin|Ajax|PHP & JavaScript Room
    civatan55
    civatan55 2012/04/11
    WPやEC-CUBEみたいなページネーションをカンタンにできるjqueryライブラリ。
  • PHP & JavaScript Room

    Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ

    PHP & JavaScript Room
    civatan55
    civatan55 2012/04/06
    jqueryやhtml5のtipsサイト
  • 画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

    画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。

    画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
    civatan55
    civatan55 2012/04/06
    jqueryのサンプル集
  • かっこいいjQueryのスライダー25 – creamu

    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

    civatan55
    civatan55 2012/04/06
    かっこいいスライダー集。
  • 家庭で出来るプロの仕上がりYシャツのアイロンのかけ方とコツ教えます!

    用意するもの アイロン・アイロン台・霧吹き(霧がなるべく細かいもの) 温度設定 綿100%は高温(160~210℃)で、混合の生地は中温(120~160℃)で。 アイロンをかける順番 (Yシャツ・ブラウスなど) 綿のYシャツはシワになりやすいので、アイロンがけする前に全体に霧吹きを吹きかけ湿らせます。 先に全体に霧吹きをする事により、霧吹きする手間をはぶきシワが伸びアイロンしやすくなります。 POINT 霧吹きで全体を湿らす。 アイロンをかける順序は細かい部分から。 左手をうまく使い、縫い目を引っ張りながらかける。 アイロンは直線に動かす。ジグザグに動かすとシワになりやすい。 アイロンを動かす時は、先を少し浮かせるような感じで。 生地が厚い部分は裏表からアイロンをかけると、シワが伸びピッシとかかる。

    civatan55
    civatan55 2012/04/05
    アイロンのかけ方。しわくちゃのシャツを着てたらだらしない人だと思われるので、常に意識!
  • 著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid

    シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in

    著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
    civatan55
    civatan55 2012/03/28
    レスポンシブWEBデザインのフレームワーク。