はてなを退職しました - tikeda's blog
2005年より勤めさせて頂きましたが、昨日最終出社日を終えて、株式会社はてなを退職いたしました。 はてなロゴやうごメモはてな、はてなトップ、ダイアリーテーマやハイクなど書けばきりがない程、様々なサービス開発、デザインに取り組んできました。特に社長のid:jkondo、はてなに声をかけて頂いた元スタッフのid:naoyaをはじめ、一緒に仕事をしてきた様々なスタッフ、そしてユーザーの方々にたくさんの助けをもらってここまでやってこれたと思っています。リリースの際はいつもディスプレイの向こうにいるユーザーの方々の表情や反応を想像してサービスを作る事が何よりも楽しかったです。本当にありがとうございました。 はてなを退職はしますが、今後もインターネットをより素敵なモノにしたいという思いは全く変わりません。4月からは新しい環境で、自分らしくまた頑張っていくつもりですので、今後とも1人のユーザーという事で
はてな京都オフィス柱のデザイン - tikeda's blog
はてな京都本社が3倍に増床！改装の一部始終をレポート - はてなブックマークニュース はてな京都オフィス増床にあたり、フロア中央の3本立つ柱のデザインをしました。京都を感じる風景を描いています。 元になったのは、はてなココをデザインした時に作っていたこのテイストなのですが、このままのラフなタッチで、床面に近い色のラインのみであまりオフィスの邪魔にならないようにしていて、机の少し上の面に地平線がくるよう地面も加えた絵に改めました。 柱はそれぞれサイズも幅も異なりいびつな形です。一番大変だったのは、この柱全ての始点と終点を合わせて繋がった絵に見せること。風景なので、接合部が綺麗じゃないと360度美しくありません。接合部は空のジョイントを減らす事でずれを軽減しているのですが、施工まではミニチュアや合成を作って何度もシミュレーションを行いました。 また、3本それぞれの柱の絵を1面ずつずらし、オフィ
はてな内の2カラムレイアウト - tikeda's blog
最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ
RSSモジュールを展覧会っぽく演出 - tikeda's blog
RSSモジュールで表示した写真を横スクロールで展覧会っぽく演出してみました。最近、ダイアリーのヘッダーを触っていて、何かヘッダーを使っていつもと違った見せ方が色々できそうだな〜と思いやってみました。普段ダイアリーのデザインをする時はテーマにする事が念頭にある為、「モジュール＝サイドバーに並べる」と考えてしまってますがその辺を考えず試してみました。 一見複雑そうですが、ヘッダーにモジュールを挿入しdivタグで囲んだだけで、後はCSSです。 <div id="art"> <hatena name="rss" url="http://f.hatena.ne.jp/domu/rss" template="hatena-photo" moduletitle="Okinawa Photo"> </div> <div class="main">CSSは、やっつけで、引き続きいじる予定なので日記には書きま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
