[bootstrap3] 「.fa-spin」だけで実装できるwebfontインジケータ 「bootstrap3」と「font-awesome4」では、インジケータに専用gif画像を用意しなくても、特定のクラスをwebfontに指定するだけでインジケータを表示することができます。 <i class=&q… Yukimi Satoハック2014.05.22 1,806
「:focus」で入力エリアのon-offをCSSで制御する input[type=text]{ border:1px solid #cccccc; } input[type=text]:focus{ border:1px solid #000000; } <input ty… Yukimi Satoハック2014.05.20 274
ネットワーク経由で簡単に導入できる「Bootstrap CDN」 http://www.bootstrapcdn.com/ サーバーやローカルにBootstrapを配置せずに使える「Bootstrap CDN」がサービス開始していました。 ソースに該当のCSSとjsの2行を入れるだけで… Yukimi Satoハック2014.05.20 258
PNG画像をPhotoshopでサイズ削減したい時のTips ツールなどで自動圧縮をかけた時に逆に画像が荒くなってしまう時、自分で少しでも綺麗にサイズ削減する時のポイント。 1、PNG8で保存する Gifと同じで最大256色しか保存されないため、半透過ではない場合はPNG8で保存し… Yukimi Satoハック2014.05.16 223
HTML5とCSS3のブラウザ別対応状況がわかるまとめ「HTML5 & CSS3 Support」 HTML5 & CSS3 Support http://fmbip.com/litmus/ CSS3の各セレクタ別に対応状況がまとめられており、特にIE対応の前には一度確認しておきたいページです。 Yukimi Satoハック2014.05.16 249
スマホ版ページを持つPC版ページに設定しておきたい「rel=”alternate” media=”handheld”」 スマホサイトで設定しておきたい「rel=”canonical”」 https://hacknote.jp/archives/2676/ 今回はPC版に設定するスマホサイトがあることをクローラーにお… Yukimi Satoハック2014.05.15 374
スマホサイトで設定しておきたい「rel=”canonical”」 「カノニカル」と読みます。 PCとスマホ用サイトを別々のURLで出力生成している場合、「重複コンテンツ」という問題に当たります。 これをクローラーに「重複ページではなく、ちゃんと正規ページがあります」とお知らせする設定に… Yukimi Satoハック2014.05.15 287
PNG画像を圧縮してファイルサイズを小さくしてくれるwebサービス「TinyPNG」 TinyPNG https://tinypng.com/ 使い方 圧縮したいPNGファイルをドロップするだけ。自動的に圧縮が始まり、圧縮前と圧縮後のファイルサイズから何%ダウンしたのか、トータルでどれだけサイズを削減でき… Yukimi Satoハック2014.05.14 269
HTML5で表記が短縮されたmetaタグ一覧 DOCTYPEの記述 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org… Yukimi Satoハック2014.05.14 400