placeholder 属性と jQuery で IE にもプレースホルダを
フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用するプレースホルダ。HTML5 では、placeholder 属性が新たに追加され、プレースホルダの提供が簡単に行えますが、この属性の値を活かして、未対応環境にもプレースホルダを提供する jQuery プラグインを紹介します。 フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する （プレースホルダ） なんてことはよくやります。 HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になっていますが、今のところ IE が対応していな
はじめてのjQueryMobile - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。 新たなモバイル向けフレームワークとして期待が高まりますが、 今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。 だいたいのイメージを掴んで頂ければ幸いです。 公式 : jQuery Mobile | jQuery Mobile jQueryではなく、jQueryUIのモバイル版 と、言うべきでしょうか？ jQueryMobileが提供してくれるのは、 スマートフォン向けのテーマスタイルシートと、 それをより簡単にレンダリングする為の仕組みです。 はじめ勘違いしていたのですが、 jQueryをモバイル向けにチューンした物ではないので注意。 使用の際にはjQueryを一緒に読み込む必要があります。 <link
実例から学ぶ、CSS3とjQueryを併用する際の切り分け方法
CSS3でもjQueryでも実装できるシャッターのようにスライドするエフェクトを例に、CSS3とjQueryを併用し切り分けて実装する方法を紹介します。 Garage Door Style Menu デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 マークアップとスタイリング jQuery Method CSS3 Method CSS3とjQueryの併用 -Modernizr マークアップとスタイリング HTML HTMLはクリーンでセマンティックに実装されています。 <ul id="garagedoor"> <li id="shutter1"><a href="#1">Link 1</a></li> <li id="shutter2"><a href="#2">Link 2</a></li> <li id="shutter3"><a href="#3">Link 3
[JS]水平・垂直など多彩なデザインが可能なDock風ナビゲーションのスクリプト -jqDock
水平タイプ、垂直タイプなど多彩なデザインが可能なMac OS XのDock風ナビゲーションを実装するスクリプトを紹介します。 下記のキャプチャは水平タイプのもので上から、上揃え、中央揃え、下揃えとなっています。 jqDock デモ [ad#ad-2] デモでは、HTML5, XHTML 1.0(Transitional, Strict), HTML 4.01(Transitional, Strict)のDoctype有り・無しごとの動作確認ができます。 下記では、その多彩なデザインをいくつか紹介します。 左から、Sleep Slide（アイドル時にスライドで隠れる）、Colourise（カラー）、ClickFreeze（クリックで固定）、ラベル表示 [ad#ad-2] スクリプトのオプションも豊富で、下記にいくつか紹介します。 サイトのデモではこれらのオプションが簡単に試せます。 acti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Weekly Design News – Resources, Tutorials and Freebies (N.106)
IDEA * IDEA
5509.me
ピュアHTMLでキャラクターと背景がアニメーションするjQuery – creamu