CSS PhotoshopからレイヤーのCSSをコピーする
Photoshopのデザインからコーディングをするとき、CSSについては今までエクステンションのCSS3Psというのを使っていたのですが、最近動かなくなったようなので代替をさがしたお話です。
CSS
CSS 
Javascript CSSとJSでブレイクポイントがずれる時の処理を使いやすくする
CSSとJSでブレイクポイントがずれる時の処理を使いやすくする
Javascript ソースコードを見やすく表示してくれるgoogle-code-prettifyが便利
ソースコードを表示する際、以前はSyntaxHighlighterを使っていたのですが指定の仕方が自分的に面倒だったのと、少し動作が重い気がしたので使うのを止めていました。そしてとある訪れたサイトでソースコードを表示してるの何を使ってるのだ...
ツール オープンソースのコードエディタAdobe Bracketsを使ってみた
存在自体は前から知っていたのですが、どんな感じかなということで「Adobe Blackets」を使ってみました。
ツール 初めてSassとCompassを使った際に参考にした記事まとめ
しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをま...
CSS CSSアニメーションの初歩をおさらい
最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。ベ...
HTML 「HTML5 Conference 2012」のスライド資料とメモ
ずいぶん遅くなってしまいましたが、2012年9月8日にあった「HTML5 Conference 2012」に行ってきたので、そちらに関するメモ的なものを残しておこうかと思います。基本的にはスライドへのリンクになります。
Javascript IE6で簡単にfixedを使えるようにするjQuery.exFixed.js
サイトを作る際に要素を画面のとある位置に固定して配置したい時に使うposition: fixed;ですが、ご存知の通り、IE6では使用できません。だからといってIE6のシェアも下がってきているなか複雑になる対策をしたくもないので、jsでサッ...
CSS デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」
サイトを制作する際、最初にブラウザ初期値のCSSをリセットする方も多いと思います。様々なリセットCSSがありますが、ほぼすべての要素をリセットさせるものや、最近のHTML5に関するタグがないものもあります。
CSS 効率よく作るために私がしているCSSファイル分割方法
CSSレイアウトで組む事が一般的となった昨今、記述するCSSの量が増えてきたので複数のCSSファイルで管理することが多くなってきました。どういう基準でファイルを分割するかはそれぞれですし、サイトを見ても様々なやり方があるようです。
ツール Dwでコーディングがちょこっと早くなる小技
コーディングを早くすると言えば超速コーディングとして話題になった「Zen-Coding」がありますが、記述方法を覚えなければいけないのもあって及び腰な人も多いのではないでしょうか（私です）。
CSS あのサイトが@ importを使わない理由
近頃いろんなサイトのHTMLソースを見ていて気づいたのですが、CSSを読み込む際の「@ import」がないサイトが多い事に気づきました。私はよく使っているので何で使ってないのかが気になったので調べてみました。