jQueryMobileのボタン内のテキストを改行
jQuery Mobile使うとスマートフォンっぽいUIにしてくれるのでまぁ便利なんだけど、微妙なところの調整が良く分からない。掲題の通りで、ボタン内のテキストを改行して全てを表示させたい。デフォルトだと「…」と省略されるので。 ぐぐるが、とくに解決方法みつけられないので、自力で頑張る。 .ui-btn-inner の 「white-space: nowrap;」が効いてるので折り返されないで表示されてる。 んで、ボタン内の文字列はspan.ui-btn-textに入れられるようなので、このスタイルを設定すればよさそう。 サンプル <style type="text/css"> div.ws-normal span.ui-btn-text { white-space:normal; } div.ws-pre span.ui-btn-text { white-space:pre; } </s
jQuery初心者向けの基礎をしっかり学べるサイト
【ｊQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
jQueryを使った横にスクロールするタブメニュー
Slide one jQueryを使った横メニューです。 クリックをしなくても一定時間で次のタブに切り替わります。 時間の設定などはJavaScriptで変更できます。 タブの数も自由に変更できます。 Slide two 最初に表示するタブは以下のclassで指定します。 <ul class="slides-nav"> <li class="on"><a href="#slide-one">Slide one</a></li> <li><a href="#slide-two">Slide two</a></li> <li><a href="#slide-three">Slide three</a></li> </ul> Slide three slideshow.jsの上の方をいじるとタブの入れ替わり方を変更できます。 timeout: 300, // 自動でタブがかわる間隔 slideS
画像ギャラリー用jQueryプラグインなどまとめ | PozuPad
何かと使うことの多いギャラリー系プラグイン。生憎僕は1から作ることができないので、その都度配布されてるものをちまちま探していたりします。毎回同じプラグインを見ては、「あぁこれ前も見たなー」と思い出す情けない僕なので、ギャラリー集をまとめることにしました。 なお、ライセンス関係はメモしていないので各サイトにてご確認ください。 ギャラリー（ポップアップ型） ColorBox [ jQuery ] エフェクトがたくさん用意されていますね。 Fancybox [ jQuery ] シンプルなギャラリー。 Galleria [ jQuery ] フルスクリーン対応。 Galleriffic [ jQuery ] サムネイルリストの隣に画像表示。 Image Gallery v1.0 [ Flash ] 使う場面はあまり思いつきませんが、こういうの作れたら良いなぁ。 Lightview [ jQuer
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dev7studios