[B! css][hatena] handoのブックマーク

汎用CSS - tikeda's blog

先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。構成ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画

hando 2006/09/05

かしこい

リンク

Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた - 日経トレンディネット

次期Windows OS「Vista」に標準搭載される「Internet Explorer 7（IE7）」（日本語版）のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている（笑）。マクロソフトの看板アプリケーションに抜かりがあるはずはない。ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE

hando 2006/05/22

リンク

効率よく育てやすくデザインする - tikeda's blog

デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。テキスト要素はなるべく画像にしない特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。シンボルイメージはグローバルなイメージでサービスシンボルは一番の特徴を捉えるだけのシンプルに（ダイアリーだと「日記を書く」、人力だと「質問と回答」）。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。シンボル作りはillustratorで粘る特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh

hando 2006/05/16

リンク

CSSのぞき見ブックマークレット

posted by nano on February 27, 2006 19:45 tohatena css bookmarklet はてなブックマークの、デザイン編集ページで編集できるCSSを覗き見したい人のためのブックマークレットです。 ?B CSSをのぞく（Firefox1.5でのみ動作確認しました。）誰かのはてなブックマークのページで押せば、CSSのファイルが新しいウィンドウで開きます。ファイルの下のぶぶんにそのユーザーが追加したスタイルが載ってるはずです。（はてなが用意したデザインテーマとかだったら表示されません）カッコイイデザインに出会ったら、このブックマークレットで覗いてみてパク参考にできるかもしれません。 (03.01.2006) ブックマークレットの中身は以下のような感じです javascript:url=location.href;urn=url.match(/ht