タグ

ブックマーク / www.hamashun.com (4)

  • 浅漬けCSS | Blog hamashun.com

    最初に結論 ブラウザの差異を最小限だけリセットするCSSって浅漬けCSSって感じじゃない? きっかけはTwitter 昨日、@reaさんがTwitterにポストした一言がきっかけです。 最近、ぬか味噌 CSS を使わなくなった。デメリットの方が多い気がする。 それに対する@hamashun(僕)の反応がこんな感じです。 @rea 実はぬかみそ的な CSS は使った事がなかったりします。 必要な要素への margin と padding のリセットと、あとは border 消したり、とかは大抵毎回使いますけどもー。 浅漬け CSS 。 ちなみにここでのborderを消す、というのはimg要素にリンクをした時に表示されるborderについてです。 フォームのborderとかは消していないです。 Twitterのログだけだと説明不足だったのでここで追記。 @reaさんから頂いた更なる反応。 @h

  • PSDをXHTMLとCSSにしてくれるサービス、PSD2CSS Onlineを試してみた | Blog hamashun.com

    PhotoShopのPSDファイルをXHTMLCSSに一発変換できる「psd2css」:phpspot開発日誌でも紹介されていて結構なブクマもついていたサービス、PSD2CSS onlineがどんな感じなのか知りたかったので、実際に試してみました。 複雑なデザイン 複雑っていうのは、今回用意した物の中でっていう事です。 背景画像やテキスト装飾などを盛り込んでみました。 ソースコード1 これはひどい>< 全ての要素が画像として切り出されて、positionプロパティで配置されています。 色分けのみのデザイン 今度はかなりシンプルにして、色で塗り分けたカラムを並べただけにしてみました。 ソースコード2 これもひどい>< こちらも変わらず、画像をpositionプロパティで並べたものになっています。 枠線のみのデザイン 枠線のみで構成されたPSDを用意しました。 ソースコード3 もうだめぽ><

  • 勉強会のまとめ方を公開するよ!

    おかげさまで勉強会のまとめ記事が人気です。 知り合いからもまとめ方を知りたいと言われたので、hamashunのやり方を書いてみます。 ノートPCの使用が前提になっています(ある程度のタイプ速度が出せないと手書きの方がいいかも)。 勉強会当日のメモを取る時 多少の誤字は気にしない 「くだしあ」とか「でうs」とか、その程度の誤字は無視します。 あくまでメモなので、読み返した時に記憶を蘇らせるキーにする事が重要です。 あんまりにもひどい誤字は、スピーカーさんの喋りが一息ついた時に直します。 喋っている間はタイプし続けた方がいいと思います。 見出しを作る スピーカーさんの話し方やスライドの雰囲気から察して、いわゆる大見出し的な発言は目立つようにします。 頭に■とか付けるだけでも大分違います。 僕が使っているez-htmlというエディタは、txtファイルでも色指定を設定できるので、視覚的に区別しやす

    moqada
    moqada 2007/09/24
    どうメモをとってどうまとめるか
  • そろそろCSSハックの良し悪しについて考えてみる(書式編) | Blog hamashun.com

    関連リンク そろそろCSSハックの良し悪しについて考えてみる(書式編) そろそろCSSハックの良し悪しについて考えてみる(管理編) おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ

  • 1