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