南東風のパソコン関連ブログ

パソコン中心のブログ

レスポンシブ

PCボタンとスマホボタンの設置 レスポンシブ

katoshun.com デモページ Swich Screen | A40

メニュー関連 レスポンシブ

www.yukihy.com www.webopixel.net webmoyou.com 上記のデモ meanmenuサンプルサイト|うぇぶもよう matome.naver.jp jimeishi.net

写真の縦横比を変えずに一覧を作る

qiita.com 画像の比率を保ったまま枠内に収めて縦横中央表示するCSS(IE8対応) | while(isプログラマ)

サイズ違いの画像をタイル上に簡単に並べる

allabout.co.jp 配給サイト Masonry で Download masonry.pkgd.min.js 名前をつけて保存する htmlに一行追加 <script src="masonry.pkgd.min.js"></script> ※仕様が変わり、jQueryは不要に <div class="js-masonry"> <div class="item">~</div> <div class="item">~</div> <div class="item">~</div></div> 背景としては、こちらもできそうです。 infinityforest.net

レスポンシブチェック

lqd.jp http://lqd.jp/lab/rwd.html?url=milkysand.com レスポンシブチェック

メディアクエリ参照

www.entereal.co.jp qiita.com

レスポンシブWebデザイン

参考になりそうなサイト » レスポンシブWebデザインの作り方(簡単設定方法)webdesignerwork.jp レスポンシブWebデザイン対応のサイトを1から作ってみた手順と感想 | RCBlogruucb.com ゼロからはじめるスマートフォン専用サイト(iPhone&Android)の作り方…

Dreamweaver CS5 アドオン

先のサイトでダウンロードしたiPhone site extension さっそく追加してみた。挿入→iPhoneタブが追加されたり 新規作成で、iPhoneのテンプレートが見えたり またマルチスクリーンで、ブラウザチェックがまとめて見える iPhoneは、320ピクセル幅があるので、wi…

フリーものをチェックしました

まだ、試していません。自分のためにチェックしてみました。・無料れんたるスペース アンドロイド携帯も振り分ける。 http://web01z.com/ http://web01n.com/・貴重なご意見 きれいなコードをかけば、形はこだわらないというのは、確かにそうですね。 http:/…

まずは、勉強サイトを調べてみる

・ある意味パソコンのようにふるいしがらみがない分新しいスタイルシートを発揮できるかもとある。 ということは、いずれ、パソコンにも役にたつのかもしれませんね。 http://ascii.jp/elem/000/000/533/533011/index-3.html・ドリームウェーバーにいれるア…