「スマートフォンのためのUIデザイン」を執筆しました - tikeda's blog
UIデザインの入門書「スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン」を執筆させて頂き、3月30日に発売になりました。ユーザーが見慣れて使い慣れたUIをルール（デザインガイドライン）や、UIコンポーネント毎のパターンにすることで、分かりやすく使いやすくできるのではないかという考え、iPhoneやAndroid、スマートフォンサイトとプラットフォームを越えUIデザインを捉えて解説しています。 スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン 作者: 池田拓司出版社/メーカー: ソフトバンククリエイティブ発売日: 2013/03/30メディア: 大型本 クリック: 117回この商品を含むブログ (5件) を見る UIデザインやスマートフォンのサービス開発に興味を持っている人や、仕事をしてみたいと思っている方の気持ちの後押しや原動力になればいいと
はてなを退職しました - tikeda's blog
2005年より勤めさせて頂きましたが、昨日最終出社日を終えて、株式会社はてなを退職いたしました。 はてなロゴやうごメモはてな、はてなトップ、ダイアリーテーマやハイクなど書けばきりがない程、様々なサービス開発、デザインに取り組んできました。特に社長のid:jkondo、はてなに声をかけて頂いた元スタッフのid:naoyaをはじめ、一緒に仕事をしてきた様々なスタッフ、そしてユーザーの方々にたくさんの助けをもらってここまでやってこれたと思っています。リリースの際はいつもディスプレイの向こうにいるユーザーの方々の表情や反応を想像してサービスを作る事が何よりも楽しかったです。本当にありがとうございました。 はてなを退職はしますが、今後もインターネットをより素敵なモノにしたいという思いは全く変わりません。4月からは新しい環境で、自分らしくまた頑張っていくつもりですので、今後とも1人のユーザーという事で
HTML構造 - tikeda's blog
※このHTML構造は結構古いので、私のエントリーではなくてスタッフであるid:kyabanaさんのエントリーの方を見てください！ 現時点でのHTML構造の概要メモ。CSSいじる用にどうぞ。 <body class=""> <div id="globalheader-container"></div> <div id="container"> <div id="container-inner"> <header id="blog-title"> <div id="blog-title-inner"> <h1 id="title">ブログタイトル</h1> <h2 id="blog-description">ブログ説明</h2> </div> </header> </div> <div id="content"> <div id="wrapper"> <div id="main"> <div
はてなダイアリーでGoogle Web Fontsを試す - tikeda's blog
Google Web Fonts!! はてなダイアリーは、今のところ多くのWeb Fontサービスが使えないのですが、Google Web Fontsは、無理やり使う事ができました。このブログでも一部使ってみています。 使い方 Google Web Fontsから使いたいフォントを選択 ページ中の「Use this font」を選択 ページ内のCSSファイルのパスをコピー はてなダイアリーの管理ページ→「デザイン」→「詳細デザイン」→「スタイルシート」欄で以下のようにCSSを@importで指定 @import "http://fonts.googleapis.com/css?family=Lobster"; 上の@import指定をした、下の行あたりに、フォントを変えたい部分にfont-familyを指定 @import "http://fonts.googleapis.com/css?
インターン募集とCSSアニメーション - tikeda::Diary
http://www.hatena.ne.jp/company/intern2010/ 本日より、2010年度のインターンの募集が始まりました。この募集ページ一見普通のページですが、大きく分けて5カ所に分かりやすい遊びを仕込みました。Safariなどでアクセスして、気になる所をクリックするとお楽しみ頂けます。動きはhtmlのclass名を変化させる事によるCSSで実現させてます。場所毎に少し具体的に解説しておきます。 右上のバッジ 単純回転です。最初1周5秒にしてたら、酔うとの意見を頂いたwので倍の10秒になっております。Chromeでも回ります。 h1 img.sun{ -webkit-animation: sunRoll 10s infinite linear; } @-webkit-keyframes sunRoll { from { -webkit-transform: rotat
「AV機器の表示用語及び図記号」勉強会 - tikeda's blog
最近社内では、パソコンの利用だけを想定したページだけではなく、スマートフォンや携帯用ページなどデバイスを越えてデザインをする機会がとても増えており、社内の各チームに所属するデザイナーは、それぞれアイコンや絵文字など利用する機会がもちろん増えるのですが、デジタルカメラやオーディオ機器など、工業製品でよく利用されるアイコンは、ハードウェア、時代、メーカーの枠組みを越えて一部標準化が行われています。その内容がどういう物で、どんな具体例があるかといった勉強会を先日社内で行いましたので、少し書いておきます。 例えば、チューリップのアイコンを見れば「マクロ撮影」という感覚はカメラを使った事がある人であれば何となく分かっている人が多くいるように思います。仮に自分の仕事に置き換えると「クローズアップのアイコン作って！」と頼まれた場合「虫眼鏡とかでなんか一部が拡大されてる感じで..？」みたいにどうしても説明
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
