第3回Command Line APIとその活用、各タブからのデバッグ方法 堀邦明 2008-05-21
こんにちわ。4-ROOMSが終了なんてショック過ぎ!やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な2カラム型のアプリデザインです ePub(電子書籍)の作り方は先月のMDNで特集されていました iPadにしか見られない(WEBにない)仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横2パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
Japan Trend Shop is the most popular online store in Japan, shipping worldwide since 2004. Featured extensively in international media, the daily updated range of latest products includes Japanese appliances, home and kitchen items, beauty and cosmetic products, whacky gifts and much more. Take a look around and discover never-seen innovations to enhance your and your loved ones life.
MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under
波音、雨音、風音、砂音の自然環境をはじめ、動物や鳥の鳴き声、ノイズなど、緊張感やストレスを和らげるサウンドをオンラインで無料で聴けるサイトを紹介します。
Google CGI API for Japanese Input Google CGI API for Japanese Input は、日本語変換をインターネット上で実現するための、CGI サービスです。 リクエスト http://www.google.com/transliterate に対して HTTP リクエストを発行します。GET メソッドを使ってください。以下の CGI パラメータを (URL エンコードした上で) 指定します。 langpair=ja-Hira|ja text=(変換したいひらがな列) text のひらがな列は UTF-8 でエンコードします。例えば、「へんかん」をリクエストする場合は、 http://www.google.com/transliterate?langpair=ja-Hira|ja&text=%E3%81%B8%E3%82%93%E3%81
Flashゲームではよく使われるんでないかと思われる、ムービークリップの複製です。これは、たとえば32x32ピクセルのブロックを敷き詰める場合に利用できます。また、敵キャラクタを配置する場合にも利用することができそうです。 まずシンボルをトップメニューの[挿入]-[新規シンボル]にて作成します。アニメーションをしないキャラクタなら「グラフィック」を、アニメーションをするキャラクタなら「ムービークリップ」で作成します。 なお、「敷き詰める」みたいな処理を行いたい場合は編集時にグリッドを表示するようにして座標をきっちりあわせるようにします。トップメニューの[表示]-[グリッド]-[グリッドの編集]にてグリッド間隔をしていして、[表示]-[グリッド]-[グリッドの表示]をチェックするとグリッドが表示されます。上の画像では16x16ごとにグリッドを表示するようにして、32x32のブロックを描いてい
リンケージ設定された[ライブラリ]のMovieClipシンボルは、SWFに関連づけられるようです。 つまり、外部SWFファイルを読込んだとき、ロード対象のMovieClipインスタンスをターゲットにしてMovieClip.attachMovie()メソッドを呼出すと、引数に渡したリンケージ識別子はそのSWFファイルの[ライブラリ]に設定されていなければなりません。 サンプルを作成して確認する 以下のような手順でサンプルムービーを作成して、MovieClip.attachMovie()メソッドの動作を確かめてみましょう。 手順 新規flaファイルをふたつ用意し、それぞれ"main.fla"、"sub.fla"という名前で同階層に保存します。 ふたつのflaファイルに、ひとつずつMovieClipシンボルを作成し、リンケージ[識別子]を設定します。識別子名は、"main.fla"のMovieC
script.aculo.usのslider.jsはスライダ処理を行うためのライブラリです(ここではver 1.6.1を使用)。スライダー処理の追加は簡単でスタイルシートで幅/高さを指定し、divタグにIDを指定しておくだけです。定義する部分はスライダーの背景部分(トラック部分)とドラッグして動かすハンドル部分になっています。特にdivタグを入れ子にしなくても動作しますが、基本的にはトラックのdivタグの入れ子としてハンドル部分を定義しておきます。 script.aculo.usのスライダーの書式は以下のようになっています。 new Control.Slider("id_of_slider_handle","id_of_slider_track", [options]); 詳しいオプションに関しては以下のページを参照してください。 http://wiki.script.aculo.us/s
This is some preview text - you can paste more text in here (Safari) text-shadow was included in CSS2, removed from CSS2.1 and returns in CSS3. It has been supported in Safari since version 1.1, and is supported in Chrome, Firefox 3.5 and Opera 10. CSS Shadows take three length values, and a color. The length values are a horizontal offset, a vertical offset and a blur. Offsets may be negative or
個人的なまとめです。スライド で画像やコンテンツを実装して いるサイトのデザインサンプル です。jQuery等を使用している サイトに絞っています。 インスピレーション用のサンプル集です。サンプルを見ることで、使い勝手良し悪しの判断も出来るのではないかと思います。ブラウザはChromeのみでしか確認していません。 hm-andrei.ro デザイナーさんのポートフォリオ。手やフルーツは固定されています。いいアイデアですね。 hm-andrei.ro jguiss 画像は縦にスライドし、同時にテキストコンテンツが横スライドします。 jguiss Crush + Lovely コンテンツがダイナミックに縦スライドします。背景を変えるとなんか新鮮ですね。ロゴとサイドバーは固定。 Crush + Lovely Square Box Studio 縦スライドコンテンツですが、時間差にする事で視差が出
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ&ドラッグ出来るサンプル10種類 Sortables list
FrancescoMugnai.comのエントリーから、作業効率をアップするPhotoshopの20のショートカットを紹介します。 20 Photoshop Secrets Revealed… 15番目は不明でしたが、moritaさんのコメントにより解決しました。 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt Photoshopの起動時に、[Ctrl] + [Alt] + [Shift] Photoshopの設定を初期化。 「目(レイヤーの表示/非表示)」を[Alt] + クリック クリックしたレイヤー以外の表示・非表示の切替。 開いているファイル上で、[Space] カーソルがハンドアイコンに変わる。カーソルが行方不明になった時に便利。 レイヤースタイルの
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを1アクションで全て隠します。
In the woods BLOG イン・ザ・ウッズ。はやしの中。楽しいことを、楽しく書き溜めようとするブログ。2003年7月から書き始め、もうすぐ6年目。 明日から旅行で韓国ソウルに行ってくる。 2泊3日のプチトリップ。 iPhone購入後、初の海外旅行ということで、iPhoneが海外でどれほど使えるものなのか、ちょっと楽しみ。 そこで、事前準備として自分メモ。 世界対応ケータイ | SoftBank ご購入の際に特別に手続きをされない限りiPhone 3Gはそのまま海外の対応国でご利用いただけます。 まぁ、通話はいいとして、問題はパケット通信。パケ放題の対象外なだけに、パケ代がめちゃかかるiPhoneの設定は、念入りに確認しとかないと怖い。 以下の記事によると、 本田雅一の「週刊モバイル通信」 ・データローミングは当然、オフに ・機内モードについて という2点で
チルト(ティルト)シフトという、カメラのレンズを操作して被写界深度を調整することで、まるでミニチュア模型を撮影したような写真にしてしまう技法を用いて撮影された、ヴァン・ゴッホの絵画。 マットな線の太いゴッホの画風とのミスマッチ感覚を楽しむことができるんだ。 Tilt-Shift Brings Van Gogh Back to Life The Harvest, 1888 Starry Night Over the Rhone, 1888 Sunset: Wheat Fields Near Arles, 1888 Landscape at Auvers after the Rain, 1890 Pont de Langlois, 1888 Wheat Field with Rising Sun, 1889 The Painter on His Way to Work, 1888 The Re
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
Yahoo知恵遅れが相変わらずのクオリティすぎてワロタwwww カテゴリ☆☆☆☆ 1:以下、名無しにかわりましてVIPがお送りします:2010/09/23(木) 00:08:45.62 ID:b8hcPFo40 自分も二股かけておいて自分だけ悲劇のヒロインかよwwwwww http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1245375007?fr=top_mantenna 彼氏が結婚していました。 彼氏が結婚していました。 去年の年末に出会ってすぐに惹かれあいました。 当時私には別の彼氏がいて結婚の予定もありましたが、 「俺の方が絶対幸せにできる!」と猛アタックされ、 私も彼氏と別れ今の彼氏と付き合いだしました。 ところが、付き合っている間にいつのまにか元カノと結婚してました。 出会ったころはすでに元カノは彼
KAKEKSLOT: Sang Penyedia Situs Scatter Hitam Gacor KAKEKSLOT merupakan agen situs scatter hitam gacor. Main disini akan menjamin kemenangan player. Ayo login sekarang banyak kemenangan menanti. Sudah lama bermain slot mahjong namun tidak membuahkan hasil yang melimpah? Wah, sayang sekali. Sekaranglah saatnya untuk kamu meraih kemenangan jackpot bersama kami. Disini kami situs kakekslot telah menye
誰でも知ってるあのアイコン、一体どんな意味が? 毎日毎日ガジェットと過ごしていると、たくさんのアイコンが目に入ります。電源アイコン、コマンドアイコン、BluetoothにUSB! あまりにも当たり前になって気に留めてなかったアイコン達。一体それぞれのアイコンにはどんなストーリーがあるのでしょうか? 電源コンピューターの電源オン/オフボタンのアイコン。ここを押せばスタートしますよ。TシャツになったりNYのコンドームパッケージデザインに選ばれたり、人気絶頂のお馴染みアイコン。 このアイコンのストーリーは、第2次世界大戦までさかのぼります。エンジニア達は各電源ボタンやスイッチをバイナリシステムを使ったラベルでタグづけしていました。1はオン、0はオフ。1973年、国際電気標準会議(International Electrotechnical Commission)にて、切れ目のある円の中にラインは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く