資料として良さそうなのでエントリー。 Mobile Patternsでは、iPhoneaアプリのUIパターンを集めて掲載している。 スプラッシュスクリーンや、リスト、プロフィール画面など、よく使われれるUIごとに分類されているのが便利だ。 iPhoneやAndroidでアプリを作るときにはこうしたものを参考にしてもいいですね。 ただ、まだ数がそれほど多くないので、これから充実していくことを期待したい。
![iPhoneアプリのUIパターンを集めた『Mobile Patterns』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/d72a71e435b84c876a8d6db5b22cd18e7695e08c/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201102%2F15_logo.gif)
画像をアップすると似たような画像を一気に検索してくれる『TinEye』 May 9th, 2008 Posted in 検索 Write comment 激しくプライベートベータ版だが、これは期待できそうなサービス。 TinEyeはいわゆる画像を使った検索エンジンである。キーワードをテキストでいれる通常の検索エンジンと同じように、画像をアップすると似たような画像を探してきてくれる、という訳だ。 まだまだ精度の問題があるだろうが、これが実現されればある画像が使われているサイトを一気に検索することができるようになる。 よくネット上で画像が微妙に修正されて(パロディ画像など)広がることがあるが、そのような画像の広がりも調べることができるようだ。 なによりうまく言語化できない検索を実現できる、という点が大きいだろう。この写真に写っているこれって??という検索に威力を発揮しそうだ。 画像で検索する、
転送したURLがクリックされたらメールで教えてくれる『LinkBlip』 February 17th, 2008 Posted in その他 Write comment シンプルなだけに使ってみようかな、と思われるツールのご紹介。 LinkBlipはいわゆるクリック通知ツールである。あるURLを友達に転送したけど、あいつ見てくれたかな・・・という時に使えなくもない。 使い方は簡単で、LinkBlipのサイトで自分のメールアドレスと、クリックされたかどうか調べたいURLを入れるだけである。そして誰かがそのURLをクリックしたらメールで知らせてくれる、というものだ。 なお、仕組み的に一度LinkBlipを通らないといけないので、友達に渡すURLはLinkBlipで短縮されたものになる(事前にクリック通知だよー、と知らせておいた方が無難ですな)。 さらにクリックされた日時や、(解析できれば)クリ
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
これはすごい・・・。 TIDEは「Tiny IDE(統合開発環境)」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日本語もきちんと通るようだ。 しかもIDEだけあって、変数の中身をウォッチしたり、ステップごとに実行していくことが可能だ。 JavaScriptは慣れていないとどうにもとっつきにくかったりするが、こうした環境があればその動作を確認しながら学習していくことができるだろう。 まだベータ版ということで多少のバグがあるようだが、これからJavaScriptをやってみよう!と思われている方にはお勧めだ。
このサイトでメニューを作って張ってみたんですが メニューがTOP画像の上に表示されるのです。 どうすればよいでしょうか? Top Tools Yotube Music Diary これがHTMLで ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left; font-family:”Trebuchet
オンラインでぱらぱらめくる雑誌やカタログなどのインターフェースはよく見る。 ページのはしにマウスを持っていくとペロリとめくれる例のやつだ。 そうしたインターフェースを使うには今まで専用のソフトなどが必要だったが、format pixelではウェブ上で簡単に作れるようだ。 ちょっと自分でも作ってみたが、直感的な操作でカタログっぽいものがすぐできた。 レイアウトも柔軟に行えるのでちょっと凝ったフォトアルバムや招待状などをつくるのにいいのかもしれない。 DTP(Desk Top Publishing)もWTP(Web Top Publishing)へと変化していく時代ですかね・・・。 管理人の独り言 『おとりよせ』 個人的におとりよせがブームだ(最近ひきこもりぎみ・・・)。先日は友人に紹介してもらったチーズケーキを食してみた。 冷凍して、解凍させながら食べる、というのがなかなか新感覚でよかった。
古くなったiPodをMac用の診断ツールに出来る『Micromat』 January 4th, 2007 Posted in 未分類 Write comment 何台もiPodを持っている・・・という人は少なくないのではなかろうか(自分もそうだ)。 そうなるとちょっと困るのが古いiPodである。人にあげたり、オークションに出せればいいが、なんとなくそれも面倒なときが多い。 そこで「古いiPodに新しい使い道を!」と考えたのがMicromatだ。 このサイトでは(Mac用であるが)古いiPodをMacの診断ツールに変えるツールを提供している。これを使えばiPodからMacを起動してハードウェアのエラーを探したり、違うバージョンのOSを起動したり、といったことができる。 またiPodは基本的に大容量なので、診断ツール以外にも自分の好みのソフトウェアやデータを入れておける点が素晴らしい。 古くな
学習するのが億劫だったけどやっぱり勉強してよかった!と思えることがいくつかある。 そのうちの一つが「正規表現」である。見た目が難解なので敬遠しがちだが、いったん習得してしまえばこれほどパワフルなものはない。 そうしたものはもっと学習しやすくなるべきだと思う。 そこで登場したのがReReplaceである。このサイトではウェブ上で簡単に正規表現を実践することができる。 検索や置換をしたいテキストを選択し、ウェブ上で納得いくまで試行錯誤することが可能だ(Ajax化してればなおいいと思うのだが・・・)。 ちょっと難解だけどとてつもなくパワフル・・・そうしたものこそ、簡単にいじれるツールが欲しいですね。
コメントやトラックバックだけではなくて、もっと読者と交流したい! なんて思っているブロガーのためのツールがBlogspinである。なかなかいいかも。 このサイトで登録すると自分のブログに設置する小さなボタンをもらうことができる。そのボタンを読者がクリックすると掲示板やカレンダー、プロフィールなどをコンパクトにまとめたサブウィンドウが現れるという仕組みである。 別途ページを作って掲示板やカレンダーページをたてるまでもないなぁ、でも手軽にあるのなら使ってもいいかなぁ、と思っている人にはいいだろう。 あくまでもブログがメイン、その他は全部このウィンドウに入れてしまえ、という発想が潔い。日本語版で誰か作ってくれないかな。
インターネットへの恩返し (CSS Optimiser.com) October 1st, 2005 Posted in 未分類 Write comment ウェブを作るときにCSSでレイアウトを組むようになって久しい。 そうなるとCSSのさまざまなテクニックに興味が出てくるものである。そのうちの一つにCSSファイルの圧縮がある。 不要なスペースを削ったり、似たような要素をグルーピングすればCSSのファイルサイズを圧縮することができる。そしてCSSを圧縮できればページのロード時間も縮小できるのだ。 そう考えるとCSS Optimiserは便利だ。 このサイトではあなたが作ったCSSファイルのサイズを最適化してくれる。使い方は簡単でCSSファイルをアップロードするだけでOKだ。ためしにこのサイトのCSSファイルを最適化してみたが、39.52%も圧縮することができた。 自分が学んだテクニックを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く