CSS3:奇数・偶数番目の要素を指定する。 CSS3の「nth-child」セレクタを使います。 .dataTable tr:nth-child(even) {~} //偶数番目のtrを指定 .dataTable tr:nth-child(odd) {~} //奇… ゴトーハック2014.01.22 2,033
CSS3:属性セレクタを使う 属性セレクタはHTML全ての要素を対象に、条件に一致する要素へスタイルを適用できます。 input[type="radio"] {~} 上記のようにフォームパーツのタイプごとにスタイル設定するのはCS… ゴトーハック2014.01.21 335
CSS3:checkedセレクタを使う 「checked」はチェックボックスとラジオボタンで使えるCSS3のセレクタです。 input[type=radio]:checked { ~ } ラジオボタン単体だけへのスタイル指定ではあまり使い道がありませんが、下記… ゴトーハック2014.01.20 679
Sassメモ:rgba()値を簡単に出す .box { background: rgba(255,255,102,0.5); } rgba()を使った色指定は簡単に半透明も含められるので便利ですが、16進数の色コードに慣れているとRGB値で書くのは結構手間です。… ゴトーハック2014.01.17 13,453
Sass:for文で一定パターンのCSSを生成する 下記のような一定パターンのCSSを量産したい時にSassのfor文が役に立ちます。 .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12p… ゴトーハック2014.01.16 25,323
MovableTypeで記事を1000件以上書き出そうとするとエラーが起こる対策 正確には記事が1000件以上あるとマズいのではなく、1回の MTEntries で1000回以上ループするとエラーが出てしまうようです。 普通のページ内で1000件も出力することはまず無いですが、 sitemap.xml… ゴトーハック2014.01.15 312
ベストなフロント開発環境構築:Yeomanの環境確認 前回の続きです。 Yeomanのパッケージを展開したフォルダ以下で下記のGruntコマンドを打ってください。 grunt server localhost:9000でブラウザが立ち上がり、生成された環境が表示されます。 … ゴトーハック2014.01.14 238
ベストなフロント開発環境構築:Yeomanのインストール YeomanとはGoogleの作ったIDEで、正確に言えばGruntとBowerとyoといった3つのツールをまとめた状態をYeomanと定義されています。 前提としてnode.jsが必要です。 下記コマンドでYeoman… ゴトーハック2014.01.10 312
ベストなフロント開発環境構築:Bowerのコンポーネントディレクトリを変える Bowerでライブラリをインストールする際、デフォのままではbower_componentsフォルダに収まりますが、階層を変えたい場合もあります。 bower.jsonと同じフォルダに.bowerrcを下記の内容で作って… ゴトーハック2014.01.09 227