tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた
hatena毎日使っているのにデフォルトのスタイルのままになっていた「はてなブックマーク」の CSS を変えました。こんな感じです。 b:id:nitoyon「はてブ」の何となく分かりにくい部分を、分かりやすく見せることを目標に作ってみました。以下では、今回のデザインでこだわった「タイトル部分のアイコン」と「コメントのふきだし」について簡単に説明してみたいと思います。 タイトル部分のアイコンまずは、タイトル部分。デフォルトのタイトル部分のアイコンや数字の羅列は意味が分かりにくいですよね。マウスを乗せたらツールチップで説明が表示されるのですが、なんか直感的じゃない。この部分の数字の意味を分からずにはてブを使ってるひとも多いのでは…。 なので、画像を書き換えて分かりやすくしてみました。RSS の青くてかっこ悪いアイコンも、オレンジ色のおしゃれなやつに。いろんな人にお気に入りにいれてほしいので、
第8回 デザイナーとともにより良いサイトを目指そう 〜「はてな」のやり方：ITpro
連載第5回（「デザインのセンス，持ってますか？」）においてちょっと触れましたが，ウェブサイトを構築する際に，デザイナーとエンジニア（プログラマ）がかかわり，共同で作業を行うケースというのは少なくないと思います。これはもちろん，デザイナーとエンジニアがどちらもそれぞれ別のスキルを持っているからなのですが，それぞれのスキルや立場が異なるために，お互いにうまく意思疎通ができないケースも多いんじゃないかと思っています。 例えば，デザイナーの作成したウェブページのデザインが，システムを作る側からすると扱いづらい構成になっていたり，逆にエンジニアがシステムの修正や機能追加を行った際に行った表示上の変更が，デザイナーからすると許せないものだったり。そうでなくてもデザイナーの意図を読みきれていなかったり，といった感じで，お互いの作業が，相手の作業を阻害してしまったり，手戻りを発生させてしまうといった経験を
ドット絵ができるまで - tikeda's blog
アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き：http://d.hatena.ne.jp/tikeda/20050715/1121441586
はてな 日本語で上手いプレゼンをしている映像が見れるサイトを教えてほしいです。
日本語で上手いプレゼンをしている映像が見れるサイトを教えてほしいです。
tikeda::Diary - ドット絵でオフィス
名刺のデザイン案を作るのに、ドット絵でパソコンに向かうスタッフを描いたのですが、続きを描いてみたくなり、本棚を描き、冷蔵庫を描き、あしかを描き、ホワイトボードを描き、ゴミ箱を描き、色々描いたらオフィスになりました。 機会があったら何かに使おう。
はてなのユーザインタフェースが使いにくいのは企画ができていないから - 分裂勘違い君劇場 by ふろむだ
じゃね? つまり、企画が定まっていないから、ヨーロッパの都市のように都市計画的にデザインすることができなくって、東京のような都市になっちゃう。 企画という作業って、自分探しの旅みたいなところがあって、企画しながら、自分が何を企画したいのか、なにを企画すべきなのか、を見いだしていく作業。商品やサービスのアイデンティティ探しの旅なわけだ。あらかじめ、何を企画すべきか、つまり商品のアイデンティティが分かっていたら、そもそも、企画屋があんなに髪振り乱して、徹夜してがんばる必要などない。企画でいちばんたいへんなのは、アイデンティティの構築という作業。人生において、自分自身が何者であるかを見いだし、自分自身の居場所を見つけ、自分のアイデンティティを構築するのが、たいへんな作業であるのと同じように、その商品が何者であるのかを見いだし、その商品の居場所を見つけ、アイデンティティを構築するのは、マジたいへん
そが部
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
2008-04-01
「こんにちわ、皆さんご機嫌いかがですか」 「3月21日から 公開デザイン祭2008春 が、始まっていますが、どうです？4月6日の締め切りに向けて制作は進んでいますか？」 「大賞はAmazonギフト券5万円分、と気になるものの、 『スタイルシートって難しいんじゃないか？』 と考えている人も多いかもしれませんね」 「でも、全然そんなことはありませんよ」 「今日は簡単に公開デザインを作る過程を紹介してみましょう、これを読んで皆さんも是非チャレンジしてくださいね」 「そもそも公開デザインとは何か？ついてはこちらを参考にしてください 他人のデザインをインポートする（公開デザイン一覧） - はてなダイアリーのヘルプ」 「はてなダイアリーに慣れない方が公開デザインを作るにあたって、最初につまづくのはどういう仕様なのか、分からないことでしょう。スタイルシートのことは分かっても、ダイアリーの構造までは把握し
チープカ - はてなダイアリーのspan.sanchor問題
はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました＾＾。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ
第1回 「使いやすさ」について改めて考えてみよう
皆さん，はじめまして。このたび，「技術者視点のユーザビリティ考～使いやすいサイトへのアプローチ」というタイトルでこちらで連載させていただくことになった水野貴明です。私は株式会社はてなという会社でエンジニアとして働きながら，技術系のライターをやっています。株式会社はてなは，ブログサービスである「はてなダイアリー」や，ソーシャルブックマークサービス「はてなブックマーク」などのサービスをウェブ上で展開している会社です。 本連載では，ウェブ系のエンジニア（もう少し厳密に言えばプログラマやデータベース設計，システムデザインなどを行う人間）としての立場から，ウェブサイトの使いやすさをどのように実現していくのか，ということを，筆者の経験やそれを通じて考えたことなどを含めて，お話ししていければと思っています。よろしくおねがいします。 サイトの使いやすさはデザイナーの領域？ まずは第1回ということで，ウェブ
はてなユーザーアイコンの傾向（イヌネコなど） - 聴く耳を持たない(片方しか)
一昨日、昨日に続いてまだユーザーアイコンネタです。もうアイコンまとめは今回でラスト、内容は 似顔絵ツールで作成したアイコン WiiのMii 似顔絵イラストメーカー サウスパーク風 ザ・シンプソンズ風 スイーツ 果物 メガネ 顔の一部や身体の一部 生き物 鳥類 ウサギ 蝶 馬 イヌ ネコ 今日も画像が非常に多いのでたたんでおきます。 まず、はてなブックマークコメントで要望のあったものから。 b:id:iskwrskさんから 次はMii特集とか。印象に残らないからMiiの人としか区別付かないんだけど。 http://b.hatena.ne.jp/iskwrsk/20080208#bookmark-7401364 ということで、Miiなど似顔絵ツールを使ったアイコンのまとめ 似顔絵ツール Mii WiiのMiiではない、Mii風にネット上で作れるサービスがあるのでそちらで作成されたものもあるかも
料理人に最も必要なものは舌である - jkondoの日記
料理人に最も必要なものは舌なんだなあと感じたのはNHKのテレビ小説ほんまもんを見ていた時なんですが、包丁捌きとか調理のテクニックではなくて、うまいかまずいかを感じられる舌が最も重要なんですよね。 これはよく誤解されているような気がするのですが写真家にしてもそうです。カメラを使いこなすテクニックとか知識じゃなくて、どういう映像が最も感動的かということが分かる視覚というか感性が最も大事で、その個性が作家性を定義すると思います。 今日はデザインの話を社内でしていて、まあ具体的にはダイアリーの編集画面について話し合いをしていた訳ですが、デザインもアイコンの色がどうこうとかいう以前に、まずデザインを目の前にして良いと思うか悪いと思うか、舌が効くかどうかという感性が大事で、うまい料亭に通う食通が全員料理人では無くとも、そうした食通らが料理人の腕を育てるように、ものづくりに関わる人間が舌を鍛えないと味は
HUG Kyoto - jkondoの日記
HUG Kyoto = Hatena Users Group Kyotoというイベントに参加した。 はてなが京都に本社移転しますという発表した後、京都造形大の中西先生（id:gintacat）が声をかけてくださり実現したイベントだ。実際に行ってみると40人もの方が集まっており、その規模に驚いた。中西先生のお付き合いのある方に留まらず、京大や同志社の学生の方や社会人の方など、幅広いはてなユーザーが集まって京都移転を歓迎していただき、まさにHugされたような温かいイベントだった。 ユーザーの方とたくさん話をしていて思ったのは、僕たちが普段高度な事をやっていると思って取り組んでいるような事が、実はユーザーの方には当たり前なのだ、という事だ。たとえばはてなグループは使い辛いですね、という意見をたくさん頂く。どの辺が使い辛いですか？どういう風になると良いと思いますか？と尋ねると、だいたいなるほどと納
聴く耳を持たない(片方しか) - はてなてぬぐい欲しい！
思わず膝ポンの素晴らしいアイデアの はてなアイデア - はてな新ロゴデザインが「青海波」に似ていて実は和風なので「はてなてぬぐい」を作るといいと思います。「しなもん」柄などのバリエーションもあったらきっとかわいい！ なるほど、確かに新しいはてなロゴは和柄にアレンジしたらマッチしそうですね。 はてなてぬぐいといった和装のグッズがあれば欲しいですし、またシリコンバレーの米はてな近辺に持って行ってもきっとウケるだろう、とも思いました。というわけで、このアイデアは是非とも実装して欲しいなぁ、というところ。 で、こんな手拭いがあったらいいよなー、というのを頼まれてもいないけれどいくつか勝手にスケッチしてみました。もちろん、はてなロゴの派生物なので、クリエイティブ・コモンズで公開します。 表示 - 非営利 - 継承 - Creative Commons まぁ、あくまでアイデアスケッチなので、完成度は低
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなダイアリーをはてなダイアリーっぽく無くす方法 - チープカ
人力検索はてな - 小さいサイズでも可読性に優れる日本語フォントを教えてください。
CSSのみのプルダウンメニュー - チープカ
はてな：漢字が使えるフリーフォント
hatebmap