タグ

ブックマーク / tikeda.hatenablog.com (9)

  • はてなダイアリーで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?

    はてなダイアリーでGoogle Web Fontsを試す - tikeda's blog
  • スマートフォン用に毎回作る画像 - tikeda's blog

    スマートフォン用サービスを作る時に必要な画像を用意する際、よくサイズを忘れがちな為、社内用にドキュメントを最近まとめてました。内容が一般的なのでダイアリーにも書いておきます。Androidはひとくくりにするには、不明確な点も多いし、今後アップデートも多そうですが、参考までという事で。ちなみにファイルはPNG。 アプリケーションアイコン iPhoneAndroid - 3GSw57xh57 4w114xh114 w72xh72 ※2.0。割と細かいので以下参考 Icon Design Guidelines, Android 2.0 ヘッダー画像 iPhoneAndroid - 3GSw320xh44 4w640xh88 x1w480xh45 x2w960xh90 タブにのせるアイコン iPhoneAndroid - 3GSw40xh33 4w80xh66 ※selectedはauto eff

    スマートフォン用に毎回作る画像 - tikeda's blog
    hitode909
    hitode909 2010/11/27
  • インターン募集と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

    インターン募集とCSSアニメーション - tikeda::Diary
    hitode909
    hitode909 2010/06/22
  • 「AV機器の表示用語及び図記号」勉強会 - tikeda's blog

    最近社内では、パソコンの利用だけを想定したページだけではなく、スマートフォンや携帯用ページなどデバイスを越えてデザインをする機会がとても増えており、社内の各チームに所属するデザイナーは、それぞれアイコンや絵文字など利用する機会がもちろん増えるのですが、デジタルカメラやオーディオ機器など、工業製品でよく利用されるアイコンは、ハードウェア、時代、メーカーの枠組みを越えて一部標準化が行われています。その内容がどういう物で、どんな具体例があるかといった勉強会を先日社内で行いましたので、少し書いておきます。 例えば、チューリップのアイコンを見れば「マクロ撮影」という感覚はカメラを使った事がある人であれば何となく分かっている人が多くいるように思います。仮に自分の仕事に置き換えると「クローズアップのアイコン作って!」と頼まれた場合「虫眼鏡とかでなんか一部が拡大されてる感じで..?」みたいにどうしても説明

    「AV機器の表示用語及び図記号」勉強会 - tikeda's blog
    hitode909
    hitode909 2010/03/17
  • ガンダム - tikeda's blog

    夕方は逆光 コアファイター 迫力満点。踏まれそう 緑の陰で宇宙を見上げる 人多すぎ。地球大混乱 数週間前にお台場に行って来た時の写真ですが展示は確か明日まで?だったはず。解体する時は頭を外して右腕を宇宙にかざしてあのポーズにして欲しいです。

    ガンダム - tikeda's blog
    hitode909
    hitode909 2009/08/30
  • デザイナーインターン募集開始 - tikeda's blog

    求人情報:募集要項:インターンシップ - はてな 久しぶりの更新です、こんにちは。 昨年同様に今年もデザイナーインターンも募集を開始しました。期間は8/3日〜8/14でエンジニアと開始日は同じですが、半分の期間になっています。実施日も学生の方は夏休み中と思いますので、昨年よりも参加しやすくなっているかと思います。 内容は、ウェブサービスに関係するデザインについてはもちろん、今回は、サービスやコンテンツをどのようにデザインして伝えるかという部分の課題も含んでいて、2週間の間にもりだくさんの内容となっています。もちろん、期間中はスタッフの人達と同じ会社での生活を送って頂きます。ご興味のある方は、是非ご応募ください。お待ちしています! 以下は、昨年デザイナーインターンに参加した人のダイアリーです。内容や感想を読むことができます。興味のある方は是非読んでみて雰囲気をつかんでみてください。 インター

    デザイナーインターン募集開始 - tikeda's blog
    hitode909
    hitode909 2009/07/06
  • 「飛び出し注意」の看板デザイン - tikeda's blog

    琵琶湖沿いの町を散歩してたら、1時間程度歩いただけなのに似たような少年を多くみかけました。時々お友達っぽい子もいましたが、ある程度子供のパターンが統一されているようです。 間違い探しのようですが、飛び出し注意の看板です。似てる感じでも手作りである事で、1つ1つの看板に個性が生まれていて道路標識のような統一のシンボルマークにするより、効果がありそうでなデザインですね。 あと、デフォルメ具合(手の指のあたりとか)がなんともいい感じです。 余談 調べていたらこんなサイトもありました。 とびちゅう(飛び出し注意)写真館 INDEX

    「飛び出し注意」の看板デザイン - tikeda's blog
    hitode909
    hitode909 2008/06/23
    よく見る
  • 気胸 - tikeda's blog

    先週、3度目の気胸になってしまいました。2年近くなっていなかったので油断しました。症状は軽く、空気も抜く処置もせず、入院せずにすみましたが、何せ3度目、手術しようか悩み所です。入院するなら覚悟はしてましたが、ただ、今回処置せず済んだので、そのまま手術という流れにもならず、モヤモヤとした今日この頃です。

    気胸 - tikeda's blog
    hitode909
    hitode909 2008/02/27
  • ビデオキのロゴ案 - tikeda's blog

    動画紹介支援ツール「ビデオキ」の公開につきまして - はてなダイアリー日記 今日、日記に動画を簡単に張れる「ビデオキ」の機能が追加されました。そのロゴ案です。 一番左が採用。ビデオ木シリーズ。 おまけ1 馬?? おまけ2 手足を付けたりいじくって、仲間を増やしてみました。 おまけ3 久しぶりにイラレに触れたらおもしろかったので、想像を広げてみました。

    ビデオキのロゴ案 - tikeda's blog
    hitode909
    hitode909 2006/09/20
    これはおもしろい
  • 1