リストの高さを揃える便利なJS（2）
以前、「リストの高さを揃える便利なJS」でheightLine.jsをご紹介しました。「heightLine」というclass名を付けるだけなので、管理が大変簡単なのですが、どうもIE8 に限って動作が重くなる事があるようです。 今回は、より軽い動作のものをご紹介します。 ■jquery.tile.js jquery.tile.jsをダウンロードします。 HTMLの＜head＞内の記述は下記のようになります。 同じページの中で、class やIDで振分ける事ができます。 ■使用例1 $(function() { $(".tile li").tile(); }); リスト1 リスト2 リスト3 リスト4 「.title」に内包されるリストの高さを同じにします。 「リスト1」から別のブロックの「リスト4」まで同じ高さになります。 ■使用例2 $(function() { $("#tile3 l
The jQuery Credit Card | jQuery Foundation
jQuery: The Write Less, Do More, JavaScript LibraryThe jQuery Credit Card Your support helps us keep the jQuery project going strong. The jQuery Foundation is pleased to offer a platinum rewards jQuery credit card for those who want to support the jQuery Foundation's activities while expressing their commitment to jQuery. The jQuery credit card is an easy way for anyone to contribute to the growth
ドッグフードの選び方
たくさんのメーカーがさまざまな種類のペットフードを販売しています。ペットといえど家族と同じですから食事には気をつけたいものです。しかし、購入して中身をよく見ると、ときどき驚くようなものがあります。思わず袋の裏面に小さく表記してある配合成分表を確認してしまうこともあります。 ドッグフードの中には見栄えを良くするためか着色料を使用していたり、風味向上のため香料を使っているものが少なからず存在します。中には粒の形を骨の形やハート型にしたような、ワンちゃんにとっては関係ないような形にしてあるものも存在し、明らかに購買意欲をかき立てるようなものがあります。 赤や緑の色・形の良さ・人工的な風味などは犬の健康的な食生活には何の役にも立たないもので、それどころか、その製造過程で加えられた着色料・添加物は犬にとって健康に害になる、悪影響を及ぼすものであることが多いのです。着色料や香料を使用する理由はそれだけ
jQuery – CSSのclassを追加・削除する『 addClass() / removeClass() / toggleClass() 』 | 1：n – DETELU Blog
jQueryではCSSのclassを簡単に追加・削除することができます。classを操作する場合は『 addClass() / removeClass() / toggleClass() 』を使います。 //id=msgの要素にclass=redを追加する $("#msg").addClass("red"); //id=msgの要素のclass=redを削除する $("#msg").removeClass("red"); //id=msgの要素のclass=redがあれば削除、なければ追加する $("#msg").toggleClass("red"); 「addClass()」「removeClass()」は簡単かと思いますが、「toggleClass()」は指定したクラス名があれば削除、なければ追加するという「ONとOFFを切り替える仕組み（これをトグルといいます）」を持っています。 こ
作業録：jQueryでインクリメンタルサーチ
liの子要素のspanを見出しとしてインクリメンタルサーチをする。 ついでにspanの弟要素のdivを別枠で表示させる。 jquery
[JS]木の葉が木枯らしに舞うように軽やかなアニメーションでコンテンツを次々に表示するスクリプト -Windy
画像や見出し・パラグラフなどを配置したパネルを木枯らしに舞う葉っぱのようなアニメーションで次々に表示するjQueryのプラグインを紹介します。 Demo 3: jQuery UI Sliderを使ったタイプ Windyの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.windy.js"></script> Step 2: HTML コンテンツはリスト要素で、各アイテムに画像や見出し・パラグラフを自由に配置できます。 <ul
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
花王 ソフィーナ ソフィーナボーテ TOP
SOFINA beaute（ソフィーナ ボーテ）公式サイト。美白も保湿も大切にしたい、30～40代の肌のためのスキンケア。あなたのきれいが、生まれ変わる。
スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量jQueryイメージスライダー・FLEXSLIDER - かちびと.net
スマートフォンやiPadなどのタブレットはもちろん、 様々なウィンドウサイズにも自動でレイアウトを 調整するレスポンシブなjQueryスライダーのご 紹介。FLEXSLIDERは4KBと軽量で、実装も 手軽なので覚えておくと重宝しそうです。マーク アップも簡単なのでiPhone向けサイトの構築 時に導入を検討したいですね。 以前もレスポンシブWebデザイン対応のスライダーをご紹介しました（Blueberryというスクリプトです）が、こちらは加えて軽量なスクリプトで表示も速いようです。 見た目はシンプルなスライダーですが、iPhoneやiPadのようなウィンドウサイズの狭いデバイスにもレイアウトを自動で調整してくれます。スクリプトも4KBと、とても軽量なのでMediaQueriesとうまく併用したいところですね。 iPhoneでの表示。自動で幅を調整しています。 iPadの幅だとこんな感じ。
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
会社ロゴマーク デザインアーカイブ
Captcha security check laquu.com is for sale Please prove you're not a robot View Price Processing
Blueberry - A simple, fluid, responsive jQuery image slider.
Introducing a jQuery image slider written specifically for responsive web design. Resize this page to see it in action! What is Blueberry? Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts. A brief history With the popularity of smart phones and tablet devices responsive/fluid web layouts have become an
HugeDomains.com
Captcha security check suzken.com is for sale Please prove you're not a robot View Price Processing
[JS]ノート風のレイアウトもOK！画像をベースラインに揃えて配置するだけのシンプルなスクリプト -Baseline.js
Baseline.js適用後 Baseline.jsの使い方 使い方は2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery.min.js"></script> <script src="js/jquery.baseline.js"></script> Step 2: JavaScript 適用する範囲をjQeuryのセレクタで指定し、ペースラインをpxで指定します。 $('img').baseline(24); //全てのimg要素に24pxのベースライン $('.content img').baseline(30); //.content内のimg要素に30pxのベースライン レスポンシブデザインにも対応しており、ブレイクポイントごとにベー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JR東日本：行くぜ、東北。
showjin.me
Loading...
07 « 1月 « 2011 « 渋谷でサボるエンジニアの日記
Xi（クロッシィ）