タグ tikeda
人気順 10 users 50 users 100 users 500 users 1000 usersクックパッドに入社しました - tikeda::Diary
2012/04/03
56 users
アプローチ
クックパッド
クックパッド株式会社
diary
08:364/1付けでクックパッド株式会社に入社いたしました。料理は誰もが楽しめる、生活の中にいつもあるクリエイティブな活動だと思っています。そんな料理をより便利で気持ちよく楽しめるよう、様々なデザインのアプローチをもって、クックパッドらしいサービスを作っていく事に努めていきたいと思います。また個人的にも家族が最も使っているサービスでもあるので、自分達の頑張りをもって食生活が潤い、またそれが仕事に... 続きを読む
はてなを退職しました - tikeda::Diary
10:312005年より勤めさせて頂きましたが、昨日最終出差日を終えて、株式会社はてなを退職いたしました。はてなロゴやうごメモはてな、はてなトップ、ダイアリーテーマやハイクなど書けばきりがない程、様々なサービス開発、デザインに取り組んできました。特に社長のid:jkondo、はてなに声をかけて頂いた元スタッフのid:naoyaをはじめ、一緒に仕事をしてきた様々なスタッフ、そしてユーザーの方々にたく... 続きを読む
はてなにおけるCSSメタ言語（CSSプリプロセッサ）の導入について - Hatena Developer Blog
2012/03/19
247 users
CSSプリプロセッサ
CSSメタ言語
近年
導入
はてな
こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語（CSSプリプロセッサ）。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか ... 続きを読む
tikeda::Diary - はてなダイアリーの新ヘッダーをアレンジ
2007/04/01
59 users
diary
アレンジ
はてなダイアリー
12:09はてなダイアリーの新しい基本デザインを公開しました - はてなダイアリー日記先日はてなダイアリーのヘッダーに新しい細いバージョンが加わりました。このヘッダーは、太いのよりもスタイルシートを使って見せ方をアレンジしやすいと思います。いくつか試しにアレンジしてみましたのでよかったら参考にしてください。実際にスタイルシートも載せて起きますので「詳細デザイン」のスタイル欄に入れれば見ることができ... 続きを読む
tikeda::Diary - 新はてなグッズ
14:38はてなガムに続き、新しいはてなグッズができました。photo by id:naoya 続きを読む
tikeda::Diary - 汎用CSS
汎用CSS 13:34 先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただけれ... 続きを読む
tikeda::Group
tikeda::Diary - 効率よく育てやすくデザインする
22:13デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。CSS言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。テキスト要素はなるべく画像にしない特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。シンボルイ... 続きを読む
角丸ライブラリ - tikeda::Diary:
09:53最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。0501curve.zip中身はこんな感じ。ベーシックなタイプ01：小さ目な角丸02：大き目な角丸03：斜線の角丸（背景画像をループ）04：ストライプの角丸（背景画... 続きを読む
tikeda::Diary - はてな内の2カラムレイアウト
2006/04/29
122 users
diary
はてな内
15:30最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。HTML CSS #main{ float:left; width:100%; } #side... 続きを読む
tikeda::Diary - はてなワンワンワールドに召喚獣
2006/03/03
62 users
ティラノサウルス
巣鴨
怪獣
恐竜
diary
はてなワンワンワールドに召喚獣 12:56 先ほどから、はてなワンワンワールドで恐竜が現れるパニックがおこってます。 恵比寿で 巣鴨で 福岡で 沖縄で という事で出現した恐竜の全体像はこんな感じ。最初はティラノサウルスをイメージして描いていたのですが、途中から自分の想像上の怪獣になってしまってます。次は何が登場するかはお楽しみ。（まさか、会社で恐竜描くとは夢にも思わなかった。でも、こういうのドット... 続きを読む
tikeda::Diary - Recoloredというソフトを試してみました
2005/12/10
23 users
diary
モノクロ
竹富島
ペンツール
左側
23:51モノクロ写真をカラー写真に復元する、Recoloredというソフトがありこれが面白いです。ペンツールで色を直感的に指定しなんとなくそれっぽい色が割り当てられ復元されていくというもの。竹富島なごみの塔の写真をモノクロに変換して、的確に再現されるか試してみました。まずはモノクロにした写真をソフトで開きます。左側が操作側、右側がレンダリング画面ですが、ます空の色を入れるため、適当に青ラインを引... 続きを読む
tikeda::Diary - RSSモジュールを展覧会っぽく演出
23:33RSSモジュールで表示した写真を横スクロールで展覧会っぽく演出してみました。最近、ダイアリーのヘッダーを触っていて、何かヘッダーを使っていつもと違った見せ方が色々できそうだな〜と思いやってみました。普段ダイアリーのデザインをする時はテーマにする事が念頭にある為、「モジュール＝サイドバーに並べる」と考えてしまってますがその辺を考えず試してみました。 一見複雑そうですが、ヘッダーにモジュール... 続きを読む
tikeda::Diary - ドット絵でオフィス
2005/10/31
87 users
アシカ
本棚
diary
冷蔵庫
ホワイトボード
09:09名刺のデザイン案を作るのに、ドット絵でパソコンに向かうスタッフを描いたのですが、続きを描いてみたくなり、本棚を描き、冷蔵庫を描き、あしかを描き、ホワイトボードを描き、ゴミ箱を描き、色々描いたらオフィスになりました。機会があったら何かに使おう。 続きを読む
tikeda::Diary - 今更だけどAqua風デザイン分解
01:19OSXアイコンやWidgetなんかでは定番となってるAqua風のデザイン。ちょっと遅い感じですが、今更ながらAqua風を突っ込んでみました。Photoshopを使った簡単な作り方のTIPSなんかは時々目にしてたので、自分はIllustratorでやってみた。現物は以下のドロップと矢印です。簡単なパスで作られたデータです。これだと印刷物なんかでも大丈夫。色々な応用も可能です。実際CMYKカ... 続きを読む
tikeda::Diary - ドット絵ができるまで
2005/07/13
145 users
Wink
ディテール
diary
アイコン
手法
23:01アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、... 続きを読む