css

cssフレームワーク skeletonで雛型作成

css

趣味のサイト作成にcssフレームワークのskeletonを使ってみることにしましたBootstrapも触ってみたいなと思いつつ個人のサイトでは持て余しそうなので・・・skeletonは非常にシンプルで必要最小限の機能だけ提供してくれます構成はヘッダ、メニュー、メイン…

HTTP_USER_AGENTを利用してcssを切り替える

PC用のcssとスマホ用のcssを用意してデバイスによって読み込むcssを切り替えたいと思います。最初に考えたのがlink要素の「media」属性を利用すること メディアクエリというやつですPC用 <link rel="stylesheet" type="text/css" media="screen and (min-width:901px)" href="css/style_pc.css"/> 画面サイズが901px以上の場合、style_pc.cssを読み込みますスマホ用 </link>

viewportを指定してスマホでも見やすくする

css

勉強も兼ねて構築中のサイトをスマホでみると非常にみにくい 何故ならPC用のサイトしか用意していないからPC用のサイトが9割ほど完成したのでスマホ用のデザインもぼちぼち考えていきますPC用のサイトをスマホでみるとみにくい原因はというと、 スマホがPC用…