500 Error » SkelJSについて雑記
SkelJSの簡単なまとめとその使い方を以下のようにまとめてみる SkelJSとは インストール方法 使い方 1.SkelJSとは SkelJSとはWebページを横に12個のunitを敷き詰めたものとし、そのunitを横幅に応じて入れ替えることでレスポンシブデザインを作るものです 2.インストール方法 jQueryと同様公式サイトよりskel.min.jsをダウンロードし、ページで読み込めばOK 3.使い方 意外とめんどうなのかもしれないですがそれもレスポンシブデザインを一個のhtmlから生成するんだし仕方ないのかもしれないです(テキトー ①css切り替えの設定 横幅に応じて配置を変えているということは、当然どれほどの横幅のときどの配置を採用するか、そのcssの名前はどのようにするかなどの設定が必要です htmlの中に書き込む場合は <script src=”skel.min.js”>
高機能で扱いやすい フリーjQueryスライダー「Top 30 Fabulous jQuery Sliders for Free」
TOP > plugin > 高機能で扱いやすい フリーjQueryスライダー「Top 30 Fabulous jQuery Sliders for Free」 jQueryによって誰でも簡単にwebサイトに動きをつけることができるようになりました。ですがなかなか意図通りの動きをするプラグインは少ないもの。そんな中今回紹介するのは、高機能で扱いやすいjQueryスライダーを集めた「Top 30 Fabulous jQuery Sliders for Free」です。 Top 30 Fabulous jQuery Sliders for Free | InstantShift 変わった動きをするスライダー、シンプルなものまで、たくさんのスライダーが紹介されています。その中でも気になるものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Adaptor :: jQuer
CSS3を使わずjQueryで、テキストボックスの初期値の文字をフォーカスした時に消えるようにするやり方（IEもいけるよ！）
jQuery 完成サンプルです 試しにクリックしたり、文字を入れてみてください。入力しようとすると、ちゃんと文字が消えて空っぽになります。 また、元々の文字は薄いグレーなのに、入力するときには濃い色の文字になってます。 何をどうしているのか まずはテキストボックスの初期値です。初めからテキストボックスに文字を入れておくには value を使います。 [html] <ul> <li><input type="text" value="ユーザー名" /></li> <li><input type="text" value="メールアドレス" /></li> </ul> [/html] そしてこのままだと、他の文字と同じように 濃い色の文字色のままです。とりあえずCSSでうすくしておきます。 [css] input[type="text"] { color: #ccc; } [/css] これで
シンプルなスライドショーjQueryプラグイン「jquery.SimpleSlideShow.js」
複数枚の画像をフェードイン、フェードアウトしながら繰り返し再生するjQueryプラグイン「jquery.SimpleSlideShow.js」をバージョンアップしました（Ver0.3 => Ver0.4）。 前バージョンからの変更点 （Ver0.5）キャプション表示が可能。 （Ver0.5）ナビゲーションの種類に画像を追加。 （Ver0.5）intervalが0のときはナビゲーションクリックでのみ切り替え可能に変更。 （Ver0.5）クリック時の切り替えをフェード表示に変更。 （Ver0.4）SimpleSlideShow関数の引数 width、height を廃止。 （Ver0.4）ナビゲーションを表示する引数 showNav を追加。 ダウンロード 使い方 下記のような感じでjQueryとjquery.SimpleSlideShow.jsとCSSを読み込みます。 <script typ
scrollfollowが動かない。最新版jquery用に調整する。｜ブログ｜横浜のウェブサイト・印刷物制作 マジリ
2012年07月11日 サイドなどでメニュー等をスクロールにあわせて付いてくるようにする、 jaueryを使用した便利なスクリプト、scrollfollowですが、 最新版で使う時は少しカスタマイズが必要なのと、 使用時に注意点があって、今日プチはまりしたのでメモです。 自分で用意するのは、jquery.scrollfollow.jsですね。 本家の元データの配布はこちら 見てもらえればすぐ分かりますが、このjsはjqueryが1.5.2で動作確認されてます。 2012年7月11日現在、jqueryの最新バージョンは1.7.2ですが、 1.7.2だとscrollfollowはそのまま動きません。 で、一部カスタマイズが必要なのですが、58行目と59行目を以下のように書き換えます。 var parentHeight = parseInt( box.cont.outerHeight() );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://daily.d3js.info/?p=296