レスポンシブデザイン ブレークポイント

Filed under: レスポンシブデザイン — kdcs @ 2014年11月10日 月曜日

レスポンシブデザインのブレークポイントはブラウザサイズによる判別を行う

端末解像度

iPhone4s 640px × 960px
iPhone 5s 640px × 1136px
iPhone 6 750px x 1334px
iPhone plus 1080px x 1920px
iPad Air
iPad mini(第2世代)
1536px × 2048px
Galaxy S4 1080px × 1920px
Galaxy S5 1080px × 1920px
Nexus 7(2013) 1200px × 1920px

ブラウザサイズ

iPhone 4s 320px x 480px
iPhone 5 320px x 568px
iPhone 6 375px x 667px
iPhone plus 414px x 736px
iPad Air
iPad mini(第2世代)
768px x 1024px
Galaxy S4
Xperia Z
360px × 640px
Galaxy S5 360px x 640px
Nexus7(2013) 600px × 960px

メディアクエリ(モバイルファースト)

/*スマートフォン用のスタイル*/
@media screen and (min-width:480px) {
/*横幅480px以上のスマホ*/
}
@media screen and (min-width:768px) {
/*横幅768px以上のタブレット*/
}
@media screen and (min-width:1024px) {
/*横幅1024px以上のパソコン*/
}

※7インチタブレットなどは横画面(ランドスケープ)にした場合960pxになるものがある

PC版スマホ版サイトの振り分け注意点

Filed under: .htaccess,スマートフォン関係 — kdcs @ 2014年9月30日 火曜日

同一URLでPCサイトとスマホサイトを振り分ける場合、インターネットのネットワーク上にキャッシュされている
データーが利用されることがあるので、うまく振り分けられないという可能性がある

その場合の対処法として「HTTPヘッダーでVaryを指定」がある

.htaccessファイルに以下を記述する (ユーザーエージェントによって内容が変わるという場合)

Header set Vary User-Agent

xampp1.8.3&wordpress4.0系

Filed under: tool,xampp — kdcs @ 2014年9月29日 月曜日

xampp1.8.3-5環境でのwordpress4.0系の本体及びプラグイン動作テスト

2014.9.29-
wp-DBManager2.71にて「mysqldumpへのパス」「mysqlへのパス」が
認識されなかった(自動調査させてもダメなため、以下のように手動で修正)

「mysqldumpへのパス」
/xampp/mysqlbin/mysqldump.exe → c:/xampp/mysql/bin/mysqldump.exe

「mysqlへのパス」
/xampp/mysqlbin/mysql.exe → c:/xampp/mysql/bin/mysql.exe

wordpressのサーバ要件

Filed under: wordpress — kdcs @ 2014年9月25日 木曜日

wordpress バージョン別のサーバ要件について
特にWP3.2系以降はPHP5.2.4以上が必要になっている

バージョン 3.2 系以降・最新4.0(2014.9.25現在)
PHP 5.2.4以上
MySQL 5.0.15以上

バージョン 2.9〜3.1 系
PHP 4.3以上
MySQL 4.1.2以上

xampp1.8.3-5-VC11

Filed under: tool,xampp — kdcs @ 2014年9月24日 水曜日

xamppについて
2014.9.24時点での最新版は1.8.3-5
レンタルサーバー(lolipop)の仕様が変わったためxamppテスト環境を再構築

Apache 2.4.10
MySQL 5.6.20
PHP 5.5.15 & 5.4.31
phpMyAdmin 4.2.7.1

レンタルサーバー(lolipop)の仕様---2014.9.24---
MySQL : 5.6.11
php : 5.4.32 or 5.3.15 or 5.2.17

-------------------------------
2015.11.28現在

users0xx users1xx のサーバーをご利用の場合
ver.5.3(CGI版)・ ver.5.4(CGI版)

users2xx users3xx のサーバーをご利用の場合
ver.5.4(CGI版)・ ver.5.5(CGI版)

users4xx users5xx users6xx のサーバーをご利用の場合
ver.5.4(CGI版)・ ver.5.5(CGI版)・ ver.5.6(モジュール版)
-------------------------------
(続きを読む…)

サイト内検索

カテゴリー

最近の投稿

↑上に戻る