第13回 フルスクリーンで背景画像を表示するには | gihyo.jp
Webでも裁ち落としでインパクトを出せる DTPでは、1ページ内に写真を裁ち落としでページいっぱいに載せ、その上に文字を置くのは定番のデザイン。でも、Webでそれを表現するのはなかなか難しいものです。ユーザーによってディスプレイの解像度や利用するブラウザが違うためです。 現在、多くの解像度やブラウザに対応できるように、widthを固定し、コンテンツをセンター配置にすることが多くなっています。その分、うまくフルスクリーンで表現できれば、することができれば、より一層かっこよさやインパクトを与えることができます。 今回ご紹介するのは、JavaScriptを使い、フルスクリーンで背景画像を表示する方法です。第6回「裁ち落としてインパクトのあるデザインを作るでも同じようなUIをご紹介しましたが、IE6で縦スクロールが出てしまうという欠点があります。オプションの充実度からも、今回のやり方のほうが使いや
初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)
jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。 誤解を恐れずに言えば、JavaScriptは「(X)HTMLとCSS（Cascading Style Sheets）を操作するためのプログラミング言語」です。Webサイトを作成するには、通常、(X)HTMLでコンテンツの構造や内容を、CSSで見た目であるレイアウトや装飾を記述します。これに対してJavaScriptは、ユーザーの操作などが発生したタイミングで(X)HTMLやCSSを動的に変更することにより、Webサイトにインタラクティブな動きを与えます。 たとえば、第1回で紹介したアコーディオンパネルは、「dt要素がクリックされたらdd要素のheightプロパティを変更する」という処理によって、パネル部分が伸び縮みする動きを実現しています。 jQueryに限らず、Ja
Twitterをサイトに組み込むチュートリアル＆サンプル集:phpspot開発日誌
Twitterをサイトに組み込むチュートリアル＆サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み Twitterのメッセージをページに載せられるJavaScript「Twitter.js」 JavaScript 単体でTwitterのメッセージをサイトに簡単に埋め込み可能 サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 画面遷移なしにTwitterステータス表示＆検索ができるウィジェットを設置可能。 PHP製のウィジェットや投稿用サンプルコード等 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterのメッセージ表示用のリロード機能付きウ
Developer's Guide - Google AJAX API - Google Code
注æ: ä¸é¨ã®ãã¼ã¸ã¯è±èªã§ã®ã¿ãå©ç¨ããã ãã¾ãã ã¹ã¿ã¼ã ã¬ã¤ã Google ã«ã¯ãMaps APIãAJAX Search APIãAJAX Feed API ã®ããã«ããµã¼ãã¼ãµã¤ã ã³ã¼ããä¼´ããã«ã¦ã§ã ãã¼ã¸ã§ä½¿ç¨ã§ãã AJAX API ãå¤æ°ããã¾ããã¦ã§ã ãã¼ã¸ã§ãã®ããã¤ããã¾ãã¯ãã¹ã¦ã使ãããã®æé ã¯ãã¦ã§ã ãã¼ã¸ã
jQueryで入力文字数を制限して誤入力を防げるプラグイン「jQuery Imput Limiter」:phpspot開発日誌
jQueryで入力文字数を制限して誤入力を防げるプラグイン「jQuery Imput Limiter」 2010年04月27日- Plugins | jQuery Plugins jQueryで入力文字数を制限して誤入力を防げるプラグイン「jQuery Imput Limiter」。 様々なフォームのエレメントがありますが、$(element).inputlimiter() のようにエレメントを初期化すればエレメントに入力文字制限を施せます。 例えば、次のように、テキストエリアに残り何文字かという情報を出すことが出来る上、それ以上入力しても入力できないように機能を入れられます。 あと何文字入れられるかというのがすぐ分かる上に、ポップアップなので場所もとらず使い易そうです。 （日本語の１文字も１文字として扱われるようなのでバイト数で測りたい場合には少し修正が必要。） デモページ コールバック
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery plugin: Tablesorter 2.0