関連する記事:4件 梅雨がくる前にやっておきたい、カビ撃退法と予防法(2010年05月10日|凱旋門 昇) 一人暮らし必見! 食器洗いを楽にするコツまとめ(2010年04月08日|西 康三) 300円で嫌いな食べ物を克服する方法(2010年01月10日|西 康三) 世界一簡単に、自宅でサラサラの氷を作成する方法(2009年11月27日|佐藤ゲルニカ)
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにおいてA Minimal HTML Document (HTML5 Edition)のタイトルのもと、HTML5を使った場合の最小限のHTML記述の例とその意味を紹介している。同氏は以前、同じくSitePointにHTML 4.01およびXHTML 1.0の最小構成紹介を掲載しており、今回掲載された記事はその流れにつながるものとなる。掲載されているHTML5の最小構成例は次のとおり。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Pedro Simonetti Garcia氏は26日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.3.0を公開した。Firebug LiteはIE6、IE7、IE8、Chrome、Safari、Opera、Firefoxに対応した開発ツール。FirefoxエクステンションであるFirebugが提供している機能をほかのブラウザに提供することを目指して開発されている。いくつかの機能を除いてFirebugと良く似た機能を提供している。 Google Chromeエクステンション登場、Firebug Lite Firebug Lite 1.2登場、IE
標準のボタンのデザインを変更したい。 しかし、Background を変更したらなんだかボタンぽい動きじゃなくなった。 背景画像をひとつだけ設定すると、ボタンを押しても、フォーカスしても設定された画像だけが表示されるためボタンらしい動きをしなくなります。 ボタン(Button) と トグルボタン(ToggleButton)の背景を変更する方法を紹介します。 ボタンの背景として用意しなければならないのは画像ファイルだけで5つあります。 必要がなければ作らなくてもいいんですが、最低でも2つは用意しましょう。 標準状態(フォーカスなし、押されていない) フォーカス状態 プレス状態(押されている状態) ボタンがDisableで標準状態(フォーカスなし、押されていない) ボタンがDisableでフォーカス状態 9-patch で画像を作成します。9-patch って何?というのは省略させてくださ
去年の年末に、「Sony Ericsson Xperia X10 add-on for the Android SDK」がリリースされていたのですが、なかなかインストールできていませんでした。 ようやくインストールができましたので、インストールメモです。 ユーザ登録以前、Android XPERIA X10スキンにする方法で遊んでいたのでユーザ登録しているはず(多分)なのですが、色々やってもログインできないのでユーザ登録をしました。SDKのインストールぐらいユーザ登録なしにしてもらいたいです。 ユーザ登録 ユーザ登録をすると、すぐに確認メールが飛んでくるので、メール内のアクティベーションリンクをクリックして終了です。 ダウンロードAndroid Doc & Toolsに、インストールガイドとSony Ericsson Xperia X10 add-on for the Android SD
ソフトウェアを公開するには、バージョン番号を必ず付ける必要がある。 Android用ソフトのバージョン番号の取扱いについてまとめてみた。 http://code.google.com/android/devel/sign-publish.html Androidでは、各アプリケーションは、マニュフェストファイルにバージョン番号を記載する。 このバージョン番号は、Androidによって論理的に意味付をされて使用されないため、自由なルール付けをして設定可能である。 バージョン情報は2つありAndroidManufest.xmlに記載を行う android:versionCodeInteger型のバージョン番号。どのように上げていくかは、開発者に任される。通常ユーザに見える事はない。GoogleのAndroid Marketにて、アップグレード情報として使用されるandroid:versionN
2,3ヵ月ぐらい前に、Photoshop用のAndroidのテンプレートが便利だよという記事を見かけたのですが、使う機会がなかったので、PSDファイルをダウンロードしておいたのですが、使用する機会が出ましたので実際に使用してみました。 なお私はデザイナーではなく、Photoshopもバリバリと使用できるわけではないので、間違いなどありましたらご指摘ください。 テンプレートのダウンロード今の所2つのテンプレートが無償で配布されています。 Pixel-armsさんのAndroid UI Template Kit SMASHING MAGAZINEのAndroid GUI PSD Vector Kit 環境設定上記PSDファイルをダウンロードして、Photoshopで開くと、以下のメッセージが出ます。 AndroidのGUIを忠実に再現するため、テンプレートにはDroid Fontが使用されてい
クロスドメインでのデジタルアイデンティティを守る APIアクセス権を委譲するプロトコル、 OAuthを知る 作島 立樹 NRIパシフィック 2008/1/21 マッシュアップと呼ばれる仕組みで、既存のWebサービスが次々とつながり、新たなサービスが登場している。しかし、メールアドレスなど重要な個人情報が意図せずに「つながれてしまう」可能性もある。そこで登場したのがアクセス権の「委譲」を目的としたプロトコル、OAuthである。本記事ではOAuthの仕組みとともに、なぜそれが登場したのかという背景にも触れる(編集部) マッシュアップの犠牲になるユーザーのアイデンティティ GETなどのHTTPメソッドをもちいてURLへリクエストする、いわゆる「RESTful」【注1】なWeb APIを使ったアプリケーション同士の交流は、いままさに隆盛を極めている。「マッシュアップ」と呼ばれているこのサービス形態
ソフト開発会社のタオソフトウェアは2010年5月26日、プログラミング知識がなくてもAndroid用アプリケーションを作成できるようにするサービスの試験運用を始めたと発表した。タオソフトが用意するフレームワークに沿って画像などのコンテンツを登録するだけで、Android用アプリケーションが自動生成される。試験運用中は、ユーザー登録をすれば無償で利用できる。 試験運用を始めたのは、「ドロクリ」と呼ぶサービス。フレームワークとして、アナログ時計と動画ビューワーの2種類を用意する。いずれも、Android用アプリケーションの作成に必要なプログラミングスキルなどは全く問われない。Android端末からも利用でき、特別な開発環境も不要である。 アナログ時計では、自身で作成したアイコン用画像と、時計の文字盤および時針の画像を登録するだけで、オリジナルの時計アプリケーションを作成できる(写真)。サンプル
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
ZURB JavaScript Annotation Plugin - ZURB Playground - ZURB.com 画像にクリック位置に注釈を入れられるjQueryプラグインが公開されています。 クリック位置に次のように注釈を入れることが出来ます。画像サイトなんかでここが凄いみたいな部分の投票とかに使えそうですね。 単に画像を注釈できるだけでなく、ajaxによってその注釈を保存することも出来るみたいです。 関連エントリ Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン CSSのみで画像に違和感なく注釈を入れるサンプル
Professor Cloud オシャレなサイトに使えそうな画像ズームが行えるjQueryプラグイン「Cloud Zoom」。 写真にカーソルを合わせるだけで、次のようにカーソル部分がズームされ、こうしたUIが必要な場面において便利に使うことが出来そうです。 範囲外を反転させることも出来るみたい。 アパレルサイトとかで、細部を拡大してより商品をしってもらう、的なインタフェースが必要な際にサクッと実装出来てしまいますね。 関連エントリ GoogleMapみたいに画像をズーム&グリグリ移動できるjQueryプラグイン「Mapbox」 細部のズームアップ表現に使えるPhotoshopチュートリアル 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々
1個目のselectで2個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin 1個目のselectで2個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、1個目のSelectボックスの内容によって2個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 1個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 1個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
画像を使用しないで、3Dの棒グラフをスタイルシートで実装するチュートリアルをmarco folioから紹介します。
日々Webの片隅でクリエイティブを叫ぶFlashクリエイター「NoBody」のネタ日記と、Flash技術置場です。 タイトル通りです。 英語版の体験版で、Flash CS5の新機能、マルチタッチに対応させてみました。 てか、いつもの仕事の感覚で動画作ったら、ニコニコ動画での諸々の制限がきつくて文字がつぶれちゃった~。 てことで、こっちにも解説必要だね。 stage.scaleMode = StageScaleMode.NO_SCALE; Multitouch.inputMode = MultitouchInputMode.GESTURE; test_mc.addEventListener(TransformGestureEvent.GESTURE_ROTATE , rotateFunc); test_mc.addEventListener(TransformGestureEvent
touchstartのeventオブジェクト † 以下で出力。 div.addEventListener("touchstart", function(event){ var a=[]; for(var i in event)a.push("event["+i+"] = "+event[i]); a.sort(); console.log(a.join("\n")); }, false); layerX, layerYはtargetのleft, topかも(未検証)。 event[AT_TARGET] = 2 event[BLUR] = 8192 event[BUBBLING_PHASE] = 3 event[CAPTURING_PHASE] = 1 event[CHANGE] = 32768 event[CLICK] = 64 event[DBLCLICK] = 128 event[DR
WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。… 詳細を見る
CSS3で表現できることを知っておきたい。 そんなときに参考になるのが、『Button Maker』。CSS3を使ったボタンジェネレータです。 スライダーでボタンの大きさやfont-size、角丸の度合いを設定できたり、ボーダーやグラデーションの色を設定できますね。 「View the CSS」をクリックすると、CSS3で実装するためのソースを見ることができます。 なかなか使いやすいので、一度見てみてください。 Button Maker コーポレートサイトに一部制作実績を追加しました。よろしければご覧ください。 制作実績 | 株式会社クリーム 少し前にコーポレートのドメインを取って、creamu.comからcreamu.co.jpに移行しています。Google Appsにメール設定も終わっていい感じになりました。 今月号のWeb Designingから、CSS Lab.の特集記事を担当して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く