年明けの 1/12(土)に、CSS Nite LP, Disk 26に参加してきました。
東京のセミナーは昨年6月の、LP23につづいて 2度め。
安定のアウェイ感。
既に結構な時間が経過して、記憶もおぼろげになってますが、思い出し思い出し感想を書いてみたいと思います。
以下セッション内容です。
- 基調講演: CSSの設計 - 高津戸 壮さん(ピクセルグリッド)
- パフォーマンスから考えるSass/Compassの導入・運用 - 石本 光司さん(サイバーエージェント)
- LESS is MORE: CSSプリプロセッサをシンプルに使う - 谷 拓樹さん(サイバーエージェント)
- Stylusが目指す"CSSプリプロセッサ" - 佐藤 歩さん(サイバーエージェント)
- CodeKitで始める次世代Web制作 - 木村 哲朗さん、西畑 一馬さん(まぼろし)
- 新世代エディタで作る、プリプロセッサー環境構築術 - たにぐち まことさん(エイチツーオー・スペース)
- 環境に合わせて快適コンパイル生活 - こもり まさあきさん
- GREEを支える技術フロントエンド版 - 山田 あかねさん(GREE)
- 毎日の料理のためのSass - 池田 拓司さん(クックパッド)
- CSSプリプロセッサーの登場・発展から考えるCSSデザインの過去・現在・未来 - 小久保 浩大郎さん(Google)×高津戸 壮さん、小山田 晃浩さん(ピクセルグリッド)
という、今流行りのCSSプリプロセッサ周りの盛り沢山な10セッション。
集中力がもつかどうか心配でしたが、長くても1セッション35分なので意外といけました。
でも気を抜いてると、ぱっ、ぱっ、ぱーて終わっちゃうので、逆に集中力いるんかな?
→続きを読む
- tag
- セミナー
- css
- CSS_nite
- CSSプリプロセッサ
- Sass
- LESS
- Stylus
- 高津戸壮
- 石本光司
- 谷拓樹
- 佐藤歩
- 木村哲朗
- 西畑一馬
- たにぐちまこと
- こもりまさあき
- 山田あかね
- 池田拓司
- 小久保浩大郎
- 小山田晃浩
結果だけ見ると、なんて事ないのですが、ハマったのでメモ。
例えば、こんなソースです。
<?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>
→続きを読む
- tag
- css
- js
- xhtml
- xml宣言
Firefox3.0で、下のような時に発生。
<div class="section">
<h2>タイトル</h2>
<table>
//テーブルの内容
</table>
</div>
→続きを読む
- tag
- css
- FireFox
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
- tag
- css
cssで、IMEの入力モードを制限するプロパティ。
ime-mode: disabled;
英数字入力モード(変更不可)
ime-mode: active;
日本語入力モード(変更可)
ime-mode: inactive;
英数字入力モード(変更可)
ただし、IEのみ
- tag
- css