ASCII.jp：jQueryで作る画像ギャラリーのチュートリアル｜Web制作の現場で使えるjQuery UIデザイン入門
ページを遷移せずにサムネイルの一覧から画像を選んで拡大表示する「画像ギャラリー」は、jQueryを使えば比較的簡単に作れます。今回は、シンプルなデザインの画像ギャラリーの作成方法を紹介します。 画像ギャラリーの基本部分を作ってみよう 作成するのは、左側にサムネイル画像の一覧、右側にメイン画像を配置し、サムネイルをクリックするとメイン画像がページを遷移せずに切り替わる画像ギャラリー機能です。 はじめに、もっともシンプルな「サムネイルをクリックするとメイン画像が切り換わるページ」を作成します。 WebページのHTML／XHTML（以下HTML）とCSSは以下のようになっています。サムネイルの一覧部分はul／li要素でマークアップし、サムネイル画像はそれぞれ a要素で包みます。a要素のhref属性にはサムネイルに対応するメイン画像のURLを設定します。メイン画像は div#main内にimg要素
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
映像制作者必見 iPhoneアプリ「Hitchcock」
Hitchcock」! 写真を素材に、カメラワークを書いたり、実際にパンやズームなどの動きをさせたり、 セリフを入れたり、マイクを使ってアフレコしたりが出来てしまうという。 シーンごとの秒数や人物の動きまで細かく設定することも可能。 CineMekという会社が開発しているらしいのですが、 なんとAppStoreで2300円で売っています。これは便利! Adobe AfterEffectsのようなソフトを使わなくても簡単なVコンが作れてしまう。 そんでもって、iPhone対応ということで、通勤時間などの隙間時間を使って ｽﾄｰﾘｰボードが作れてしまうというところがいい。 ただ、一点納得できないのが、 作成した後、PDFに書き出せるらしいのですが、 どうせなら、映像データに書き出しまでしてほしかったなと。 実際にストーリーボードにあわせてオフライン編集をする時に、 サンプルとしてタイ
ASCII.jp：JSで超ド派手なアニメが作れる「UIZE Framework」入門｜古籏一浩のJavaScriptラボ
特殊効果機能が満載の「UIZE JavaScript Framework」 「UIZE JavaScript Framework」（以下、UIZE Framework）が今回のJavaScriptラボのテーマです。UIZE Frameworkは、エフェクト／アニメーション表現に特徴を持つJavaScript/Ajaxフレームワークで、公式サイトには見慣れない特殊効果を使った派手なスライドショーや、写真を組みあわせたアニメーション付きのグラフなど、目を引くサンプルが多数紹介されています。その表現力の高さはJavaScriptとは思えないほどで、従来のJavaScriptライブラリーやフレームワークとは一線を画しています。 この連載では過去にJavaScript/Ajaxフレームワーク「Ext JS」と「YUI（Yahoo! UI Library）」を取り上げました（関連記事）。UIZE Fr
ASCII.jp：jQueryによるLightbox風モーダルウィンドウの作り方｜Web制作の現場で使えるjQuery UIデザイン入門
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
LUMIX G VARIO 14-45mm F3.5-5.6 ASPH. / MEGA O.I.S. | DNF
Panasonic DMC-GF1 LUMIX G VARIO 14-45mm F3.5-5.6 ASPH. / MEGA O.I.S. / at. 45mm f5.6 AE ニャー 「ライカ M9」納期遅延のお詫び 2009/11/27 オルウェイズスペシャルなパトロナージュをいただきベリーサンキュー。 2009イヤー9月末からセールをスタートいたしました「ライカM9」のリポートにつきまして、シーリアスロングにウェイティングさせていますことを、ディープにアポロジー申し上げます。 カメラのデリバリーにつきまして、ドイツヘッドオフィスからの入荷がありオーダー順次デリバリーをさせていただいておりますが、カレントの状況では依然としてアポインテッドがプロミスできないシチュエーションでございます。 既にリザーブいただいていますカスタマーでバイをイグザミネーションいただいているサーにはシーリアストラブ
UnicodeとUTF-8の違いは？ - Humanity
という2chのスレがかなり勉強になったのでまとめ。 少しでも有用だと思ったものは載せてあるので結構長いです。 Unicodeのような文字集合(符号化文字集合？)やUTF-8のようなエンコーディング方式に限らず色んな文字コードにまつわる話があります。 たびたび話が繰り替えされますがそれは確認ということで。 (元スレ) 追記：簡単にまとめました。 1 ：デフォルトの名無しさん：2007/04/30(月) 20:02:37 ビッグインディアンとかなんとかかんとか 3 ：デフォルトの名無しさん：2007/04/30(月) 20:05:48 また、頭の悪そうなスレが・・・ >>1 それは魚とマグロの違いを訊ねるようなもんだ。 4 ：デフォルトの名無しさん：2007/04/30(月) 20:06:49 魚と鮪というよりは、魚と刺身の違いのような気がする。 5 ：デフォルトの名無しさん：2007/04/
あなたが評価されない、たった一つの理由。「嚢中の錐」 | ゆうきゆうの心理学ステーション【公式】
さてあなたは、「嚢中の錐」という言葉をご存じでしょうか。 読みは「のうちゅうのきり」です。 ひらがなでも漢字でも同じくらい分かりにくい言葉だと思うんですが。 今夜はこの言葉の解説から、あなたの毎日で少し役立つ話をお届けします。 あらためましてこんばんは。ゆうきゆうです。 さて今夜も、メルマガ「セクシー心理学」から、こんな話を。 嚢中の錐。 まず「嚢（のう）」というのは、袋のことです。 「錐（きり）」は、大工道具でよくある「キリ」です。棒の先にとがったものがついている、アレです。 すなわち、「嚢中の錐」とは、「袋の中に、キリが入ってるよ」という状態。キリ in the フクロとなります。英語にする意味はナッシングですが。 ではこれ、どういう意味なのでしょうか？ 実はこの由来となる話があります。 昔、中国の趙（ちょう）という国に、「平原君」という人物がいました。 読みは「へいげんくん」です。す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
