zerihik0のブックマーク - はてなブックマーク

HTML5の使えるスニペットを投稿・共有できる『html5snippets』 | 100SHIKI

そのまんまのサービスだが、便利そうなのでご紹介。 html5snippetsは、HTML5で使える便利なスニペット（短いコード）を投稿、共有できるサイトだ。 HTML5というか、CSS3やJavaScriptも含まれるが、どちらにしろ有用だろう。なお、FacebookかTwitterでログインすればマイページを作ることができるようだ。影をつけたり、角丸をつけたりだとか、良く使うコードがある場合はここで管理しておけばいいかもですな。

zerihik0 2011/05/06

html5

リンク

次にWebを作るときに使える、センスの良い背景画像配布サイト『Subtle Patterns』 | 100SHIKI

いわゆる背景画像の配布サイトがSubtle Pattersだ。シックでシンプルな作品がざざっと並んでいて見ているだけでも楽しいサイトである。これらを使えば「お、シンプルで良いデザインだね！」と言ってもらえるのではなかろうか。なお、背景画像のプレビューも可能で、このサイト自体の背景をダイナミックに変えてくれる。次にWebをつくるときに参考にしたいですな。

zerihik0 2011/04/30

リンク

iOSやMac OS Xの「使えるUI」が検索＆ダウンロードできる『Cocoa Controls』 | 100SHIKI

Apple系の開発をしている人に便利そうなサイトのご紹介。 Cocoa Controlsでは、iOSやMac OS Xにおける「使えるUI」を検索＆ダウンロードすることができます。「ひっぱって更新」「カバーフロー的なアルバム」など、iPhoneやMacアプリでよく見るUIがずらずらと並んでいて参考になる。また実際に使えるコードも付いているのが特徴的だ。基本的にgithubで管理されているようで、Forkされた数なんかも見ることができる。 Apple系のUIで悩んでいる方は覗いてみてはいかがでしょ？

zerihik0 2011/04/27

UI
Mac

リンク

CSS3の説明がグラフィカルでわかりやすい『CSS3 Files』 | 100SHIKI

そろそろCSS3・・・という人におすすめのサイトのご紹介。 CSS3 Filesを見れば、どの機能にどんなオプションがあるかが一目瞭然だ。また説明が妙にグラフィカルで素敵なデザインなので見ていて楽しいのが特徴だ。こうしたサイトは他にもあるが、同じ情報なら楽しく見たいところですな。

zerihik0 2011/03/15

CSS3

リンク

iPhoneアプリのUIパターンを集めた『Mobile Patterns』 | 100SHIKI

資料として良さそうなのでエントリー。 Mobile Patternsでは、iPhoneaアプリのUIパターンを集めて掲載している。スプラッシュスクリーンや、リスト、プロフィール画面など、よく使われれるUIごとに分類されているのが便利だ。 iPhoneやAndroidでアプリを作るときにはこうしたものを参考にしてもいいですね。ただ、まだ数がそれほど多くないので、これから充実していくことを期待したい。

zerihik0 2011/02/15

リンク

Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI

ちょっと前からあるが、やっぱりこれから大事になりそうなのでご紹介。 Android Patternsでは、AndroidのUIに関するデザインパターンを集めているようだ。データをどう見せるべきか、入力フォームをどう作るべきか、通知はどうあるべきか、などなどが画面とともに紹介されている。比較的自由度の高いAndroidであるが、ユーザーを迷わせないためにもこうしたパターンを抑えておきたいところだ。今年はAndroid開発！という方は覗いてみてはいかがだろう。

zerihik0 2011/02/12

リンク

TVの音を「聴かせるだけ」で番組を認識、友達と共有できるiPhoneアプリ『Intro_Now』 | 100SHIKI

このiPhoneアプリ、すごすぎ・・・。 Intro_Nowを使えば、TVに向けてボタンを押すだけでその番組を認識してくれるらしい。この技術、リアルタイムにTV番組をインデックス化したデータベースを使うことで可能になっているらしい。しかも番組を認識したあとに、それを友達と共有することが可能だ。 iPhoneからのボタン一発で「○○は今、この番組をみています」とつぶやけるわけだ。なんと未来的。もちろん日本の番組には対応していないのだがなんだかすごいテクノロジーが登場したみたいですな。このデータベースをもとにしたビジネスがたくさん考えられそうな・・・。今後に注目していきたいところだ。

zerihik0 2011/02/02

リンク

ゲーム感覚で読唇術を習得できるアプリ『Read My Quips』 | 100SHIKI

読唇術ができるとなにかとかっこいい感じだ（使いどころは難しいが）。そこでおすすめしたいのがRead My Quipsである。このアプリ（Win＆Mac用）を使えば、ゲーム感覚で読唇術を学ぶことができる。実際には雑音の中でしゃべる人の映像を見ながら、その人が何を言っているかをあてていくことになる。この雑音のレベルは自在に変更することができるので、練習しながら徐々に難易度をあげていけば確かに読唇術を習得することができそうだ。もちろん完全にできるようになるには時間がかかるだろうし、実用性があるかと言えば「？」ではあるが、興味がある人はいかがですかね。

zerihik0 2011/01/24

アプリ

リンク

今年こそはRubyを勉強するぞ！という人のための『Hackety Hack!』 | 100SHIKI

Windows、MacOS、Linuxすべてに対応していて便利そうなのでご紹介。 Hackety Hack!はRubyを勉強したい人のためのデスクトップアプリケーションだ。最近はWeb上でこうしたチュートリアルもたくさんあるが、オフラインで学べるこうしたアプリも落ち着いて勉強できて良いだろう。内容は初心者向けで、文法の基礎から基本的な命令までが網羅されているようだ。またユーザー登録をすればつくったプログラムをサイトにアップして共有することも可能だ。今年こそ何かの言語を覚えるぞ！という人はチャレンジしてみてはいかがだろうか。

zerihik0 2011/01/17

Ruby

リンク

商品を撮影するだけで詳しい情報にアクセスできる『Kooaba』 | 100SHIKI

まだ日本で買えない＆使えないのだが、実に未来ちっくなのでご紹介。 KooabaのiPhoneアプリを使えば、DVDや雑誌、ゲームなどを撮影するだけでその商品情報にアクセスすることができる。よく店頭で「この本のレビューが見たいなぁ」というときがあるが、そういうときに便利だろう。もちろんその場で検索することもできるが、本の表紙をカメラで撮るだけでOKなのでだいぶ簡単だ。実際の認識率などが気になるが、近い将来、こうしたツールは間違いなく出てくるだろう。世の中、どんどん便利になりますなぁ。

zerihik0 2010/06/06

リンク

グリッドベースのサイトを作りたいなら『Tiny Fluid Grid』が便利 | 100SHIKI

ちと技術的なツールだが、メモ的にエントリー。用途にもよるだろうが格子状のラインに沿って要素を配置したサイトを作りたいならグリッドベースのデザインが便利だ。そう考えるとTiny Fluid Gridは知っておいてもいいだろう。このサイトでは作りたいグリッドのサイズを指定するだけで必要なCSSファイルをダウンロードすることができる。あとはこれをベースにサイトをデザインしていけばいいだけだ。最近のサイト作りはスピード勝負のようなところもある。こうしたツールをうまく使いこなしたいですね。

zerihik0 2010/05/31

css

リンク

あなたのサイトで音声認識が使えるようになるAPI『SpeechAPI』 | 100SHIKI

試してみたところ、ちと微妙だったが、可能性を感じたのでご紹介。 SpeechAPIは、JavaScriptだけで音声認識をしてくれるAPIだ。これを使えばあなたのサイトに音声コマンドなんかを仕込んだり、しゃべった言葉をフォームに埋め込むなんてこともできる。また音声からテキストのみでなく、テキストから音声、といったことも可能なようだ。 FLASH経由でマイクを使うため毎回許可を求められるのが微妙だが、アクセシビリティ的に必要なシーンでは重宝するのではないだろうか。日本語で使うことができないのが残念だが、覚えておいても良いですな。

zerihik0 2010/05/22

API

リンク

YouTubeを使って即席DJパフォーマンス！『Two YouTube Videos and Mxxxx Cross Fader』 | 100SHIKI

HOME その他 YouTubeを使って即席DJパフォーマンス！『Two YouTube Videos and Mxxxx Cross Fader』 YouTubeを使って即席DJパフォーマンス！『Two YouTube Videos and Mxxxx Cross Fader』 January 24th, 2010 Posted in その他 Write comment

zerihik0 2010/01/24

リンク

今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜世界のアイデアを日替わりで

これはすごく便利。 Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。 HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点が特徴である。テンプレ自体は英語で作られているが、日本語対応に改造するのもそれほど難しくはないだろう。仕事をするときに最も難しいのは「始める」ことである。こうしたテンプレを使ってウェブ作りをさっと始められると確かに便利ですね。

zerihik0 2009/12/15

Webデザイン

リンク

あの人とあの人がTwitter上でどんな会話をしたかがよくわかる『bettween』 | 100SHIKI

これはわりと便利ですな。 bettweenを使うと、Twitterユーザー同士の会話を、過去にさかのぼってきれいに見せてくれますよ。この人とこの人はどんな関係なのだろう？とか、この人と自分は今までにどんなやりとりがあったっけ？というときに便利ですな。 Twitterもだんだん普及してきたようなのでこうしたツールを覚えておくとなにかといいかもですね。