テスト
テスト
2008/11/27
2007/04/16
2007/02/04
とりあえず設定したいCSSの基本設定
最近この手の記事をよく見かけるので、僕もそれにのっかります。。
もちろんデザインによってはこの通りではありませんが、自分のメモ代わりに、ということもかねて。
まず何より先に。
@charset "SHIFT_JIS";HTML側で使用しているエンコードに合わせて選択。
@charset "UTF-8";
@charset "EUC-JP";
これは絶対１行目に記述してください。
しかし、なんでSHIFT_JISだけ「_（アンダーバー）」なんでしょうね？
全体の設定
* {margin、paddingを０に。
margin: 0;
padding: 0;
border-style: none;
}
ボーダーも消してしまいましょう。
bodyの設定
body {デザインにもよりますが、こんな感じの設定が多いです。
text-align: center;
font: normal normal 0.75em/1.4 "ヒラギノ角ゴ Pro W3", メイリオ, "Hiragino Kakugo Pro W3", Meiryo, Osaka, "MS Pゴシック", Arial, Helvetica, Geneva, sans-serif;
color: #333;
}
フォント設定はショートハンドにしてしまってますが、これは今使っているCSSEditというMacソフトがこのような設定になっているため。
font-sizeは標準的なブラウザーであればデフォルトで16pxに設定されているものが多いので、0.75emとすることで12pxになります。
font-sizeをpxの絶対値指定する人も多いようですが、IEでは文字の大きさを変更できなくなるというバグ（仕様？）があるため、できる限り相対値にしましょう。
line-heightは比較的読みやすいと言われている1.4に。
fonto-familyがやたらと登録されていますが、この程度でもOKだと思う。
font-family: Arial, Helvetica, Geneva, sans-serif;ただ一部ブラウザーで文字化けするとクライアントに報告された経験から上記のように設定しています。
floatのクリア設定
.clearfix:after {有名なclearfixを使わせてもらっています。
content:".";
height: 0px;
clear: both;
display: block;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
これを使うおかげでboxの最後に
<br style="clear:both;">のような設定をする必要がなくなりました。
あとは必要に応じて
#wrapperを使ったり。
{
margin: 0 auto;
width: ***px;
vertical-align: top;
}
@charsetの次の行ぐらいからコメントタグを使って
/*
タイトル：案件名
制作日時：＊＊年＊＊月＊＊日
改訂日時：＊＊年＊＊月＊＊日＊＊時＊＊分／＊＊を変更
*/
のようにCSSのメモ書きを残しています。
全ての案件でこの設定が使えるわけではないですが、あくまでメモ書き・参考程度に。。
2007/01/28
覚え書き
IE5.0、IE5.5の共存について
MultipleIEの利用
http://tredosoft.com/Multiple_IE
スタンドアローン版を個別に入れる
http://browsers.evolt.org/
上記IEインストール後にエラーが発生する場合は
http://www.microsoft.com/downloads/details.aspx?FamilyID=6DEE32AB-B618-4FB3-9A45-CDD08162E167&displaylang=en
よりッチをダウンロードし、そのまま実行せずに、解凍ソフトで解凍後、
wininet.dllをIE5とIE5.5のあるフォルダにコピーする。
2007/01/25
NHKスペシャル「“グーグル革命”の衝撃」を観て。
いまさらながら。。
内容としてはGoogleを知らない人にとって、Googleがどういう会社で何をしているのか、というのはそれなりにまとまっていたのでは、と思います。
もちろん１時間程度でその全てを語り尽くせるはずもないので、物足りない気分もかなりありますが。。
もっととんでもない秘密が公開されるかと期待した人にとってはつまらない番組なんでしょうね。
Googleのおかげで売り上げが３倍に伸びた会社や、Googleのランキングで上位を保証する会社、Google八分の憂き目にあった会社。。
個人的に興味を持ったのは生活のすべてをGoogleに依存している彼の存在です。
生活に必要な情報に限らず、商品の購入、生活に必要なお金、究極は自分の記憶ですらGoogleに依存する始末。。
電脳化とはまさにこんな感じなのかなぁ、と。
自分が生きた証をネットに残す。
その情報のすべてを支配するのがGoogle。
個人の嗜好だけでなく、個人の生活全てまで記録できてしまう。。
恐ろしいことだと思いながらも、そのサービスを受諾している自分がいます。。
2006/07/30
もし、Vistaがでたら。
Windows XP Proを買おう。
ただそれだけなんですけどね。
相変わらずTP T23でWin2kな環境なんですが、とくに現状不満はないので。
HDDだけ入れ替えてしまえば今の環境をいじらずにOS入れられるし。
メモリだけ1GBに拡張しようとは考えています。
あとはいつまでT23で仕事を続けていくか。
Vistaをいれるとなるとかなりつらそうなので、T3xかT4xあたりを狙おうかな。
新品でWinノートを購入する気は皆無です。
ってか、Macですら買うのが面倒に思えてきたんですが。。。
みんなマシンってどのぐらいの頻度で買い換えるんだろうか。。。
2006/07/27
スモールビジネスを貫く。
アンカテ(Uncategorizable Blog) - 「スモールビジネスの国」と「強者と弱者の国」
僕自身もSOHOと呼ばれるワークスタイルなので、この記事を単興味深くよませてもらいました。
- ベンチャーのように大金を集めない
- バブリーに稼ぐのではなくて、小さいことを武器にして小回りをきかせて稼ぐ
- 経営者(創業者)のアイディアと情熱と信念による経営
- 成長指向ではない
というか、自分の好きなようにやっているだけな気もしますが。。。
大手でディレクション経験をした身としては、上昇志向ばかりで、自分の足下が見えてない人が多すぎ。
大昔の燃費ばかり悪くて、小回りのきかないアメ車のように。
経営者は身の保身とお金のことしか見えていない。
だからといって計算はしていない。
結局そのツケをクライアントが支払っている気がするんですよね。
- 競合相手を下回れ(同種の製品の中で単純で使いやすいものにチャンスがある)
- 自分が使うようなサービス(製品)を作れ
- 自己資金で行け
- 必要な機能を網羅したリストを作って、半分だけ実装せよ
- 会議は捨てろ
しかし現実といえば、
- とにかく少しでも多くの機能を実装して（クライアントから）お金を！
- そのサービス誰が使うの？
- 資金はクライアントがだすもの。
- 必要な機能は網羅できていないけど、意味なくそれ以上の機能を実装する。
- 無駄な会議ばかり。
コンパクトなものが好きな自分としては、身の程にあったスモールビジネスが一番です。
もちろんクライアントとの信頼があってのものですけど。
登録:
投稿 (Atom)
