以下の2つの記事を参考にglue、OptiPNGのインストール、Python のパスを通したりして キレイにCSSと結合したpngファイルを吐き出してくれました。 ありがたや〜 私が使ったコマンドは glue icon sprite -p3 --retina 速いは正義！CSSスプライトの作成効率を1…

hタグの中で画像を表示させる方法のメモ。 indentで文字をずらす方法はもう古い。とのこと。 サイトタイトル h1 a { display:block; width:280px; height:100px; background-image:url("../img/logo_dummy.gif"); background-repeat:no-repeat; } h1 span { …

Androidやタブレットで表示したときにWebページが最適化されるようレスポンスブデザインでコーディングしました。今回はAndroidアプリのLPだったので対象メインユーザーはAndroid端末の方なの。だからPCは除外で。 モバイル端末だけどPCと同じようにブラウザ…

CSSフレームワーク oocss ー構造と見た目の分離 ーコンテナとコンテンツの分離 Smacss ーカテゴライズ ー命名規則 ーHTMLとCSSの分離 スタイルガイドジェネレーター ーStyleDocco

運用・効率 zen-CordingをNetBeansに導入して作業効率UPを計る （http://kenqsan.com/application/875/） スマホ対応 PCとスマホサイトの対応を一枚のHTMLで（Media Queries） Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用…