maki-o memo

制作に関する私的なメモです

選択されているタグ : css

タグを絞り込む : CSS_nite CSSプリプロセッサ FireFox js LESS Sass Stylus xhtml xml宣言 こもりまさあき たにぐちまこと セミナー 佐藤歩 小久保浩大郎 小山田晃浩 山田あかね 木村哲朗 池田拓司 石本光司 西畑一馬 谷拓樹 高津戸壮

CSS Nite LP, Disk 26「CSS Preprocessor Shootout」 に参加しました

年明けの 1/12(土)に、CSS Nite LP, Disk 26に参加してきました。
東京のセミナーは昨年6月の、LP23につづいて 2度め。
安定のアウェイ感。

CSS Nite LP, Disk 26

既に結構な時間が経過して、記憶もおぼろげになってますが、思い出し思い出し感想を書いてみたいと思います。

以下セッション内容です。

  • 基調講演: CSSの設計 - 高津戸 壮さん(ピクセルグリッド)
  • パフォーマンスから考えるSass/Compassの導入・運用 - 石本 光司さん(サイバーエージェント)
  • LESS is MORE: CSSプリプロセッサをシンプルに使う - 谷 拓樹さん(サイバーエージェント)
  • Stylusが目指す"CSSプリプロセッサ" - 佐藤 歩さん(サイバーエージェント)
  • CodeKitで始める次世代Web制作 - 木村 哲朗さん、西畑 一馬さん(まぼろし)
  • 新世代エディタで作る、プリプロセッサー環境構築術 - たにぐち まことさん(エイチツーオー・スペース)
  • 環境に合わせて快適コンパイル生活 - こもり まさあきさん
  • GREEを支える技術フロントエンド版 - 山田 あかねさん(GREE)
  • 毎日の料理のためのSass - 池田 拓司さん(クックパッド)
  • CSSプリプロセッサーの登場・発展から考えるCSSデザインの過去・現在・未来 - 小久保 浩大郎さん(Google)×高津戸 壮さん、小山田 晃浩さん(ピクセルグリッド)

という、今流行りのCSSプリプロセッサ周りの盛り沢山な10セッション。
集中力がもつかどうか心配でしたが、長くても1セッション35分なので意外といけました。
でも気を抜いてると、ぱっ、ぱっ、ぱーて終わっちゃうので、逆に集中力いるんかな?


xml宣言をする事による、jsでの不具合

結果だけ見ると、なんて事ないのですが、ハマったのでメモ。

例えば、こんなソースです。

<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>
//略
<style type="text/css">
li {
    float: left;
    padding-bottom: 10px;
}
</style>
</head>
<body>
<ul>
    <li>テキスト<br />テキスト</li>
    <li>テキスト</li>
    <li>テキスト</li>
</ul>
</body>
</html>

Firefoxで、左のborderが1pxずれる

Firefox3.0で、下のような時に発生。

<div class="section">
    <h2>タイトル</h2>
    <table>
        //テーブルの内容
    </table>
</div>

チェックボックスの制御

smartyのhtml_checkboxes使ってる時、チェックボックスが並ぶ場合に端で微妙な切れ方をします。それをcssで制御。

smartyでチェックボックスを自動生成すると、label要素で囲まれます。 なので、それにcssを指定します。

label { display: inline-block; }

これでOK。 widthも指定できます。 IE6、FF3、OP9.5、Safari3.2(すべてWin) では動いてます。

元ネタ:http://webos-goodies.jp/archives/51275332.html

入力モードを自動的に選択

cssで、IMEの入力モードを制限するプロパティ。

ime-mode: disabled; 英数字入力モード(変更不可)

ime-mode: active; 日本語入力モード(変更可)

ime-mode: inactive; 英数字入力モード(変更可)

ただし、IEのみ


プロフィール

フロントエンドエンジニア

Tomokazu Makita

名古屋でフリーランスでWeb制作してます。 フロントエンドのことを主にやってます。
a-blog cmsを使用したサイト制作が得意です。
お仕事のご相談随時受付中。

雪山大すき。冬は雪山の合間に仕事します。
財布はいつも吹雪です。

エントリーリスト

タグ