はてなブックマーク

マルチデバイス対応＝レスポンシブ ではない！ マルチデバイス対応、レスポンシブレイアウトでのWeb制作はここ数年（ここ2,3年の事ですね。）ですでに当たり前のものとなってしまいました。 以前はスマホ対応をするかしないかをお客様に確認していましたが、現在では有無を言わさずのようです。 レスポンシブサイトはGoogle大先生が推奨しており、またワンソースですべてのデバイス（ガラケーを除く）に対応できる謳い文句からお手軽感をお持ちの方も多く、「マルチデバイス対応＝レスポンシブ」 の印象が強いですがそうではありません。マルチデバイス対応の中の構築法の一つとしてレスポンシブデザインがあります。 レスポンシブの構築は、従来から使われているフロートでのレイアウトにメディアクエリを加えての構築方法が主流でした。 この方法は、ある程度古いバージョンのブラウザでも対応可能です。 反面、デバイス幅によってレイア

WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker（フォント・チェッカー） ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen

〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL：048-594-8880 （平日10:00～18:00 土日祝祭休） E-Mail info@aveit.biz 2013/07/15 cssでのpositionプロパティ。よくお世話になります。 これ。 ○ static これが初期値。特に配置方法の指定なし。まぁ、ほとんど指定すことは無い。 いまだかつて使ったことが無い。 ○ relative 相対位置。ここを基準位置とする場合に指定する。 ○ absolute 絶対位置への配置。親要素（ボックス）にpositionプロパティのstatic以外が指定されている場合に、親要素（ボックス）の左上が基準位置となる。親要素（ボックス）にstatic以外の値が指定されていない場合にブラウザウィンドウの左上が基準位置となる。なので、通常absoluteを使う場合はその上のボックスにrelati

WordPressテーマのローカル開発環境を作る ！xampp + Dreamweaver + WordPress xamppはローカルでphpやcgiなどをテスト・開発できる素敵なフリーソフト。 もう何年も前から絶えずPCには入れているのですがほとんど使わず。ここに来てようやく重い腰、、、重すぎる腰を上げました。 というのも、WordPressの独自テーマを制作するのにいちいちサーバーに上げて表示・動作確認をしていたんですが、それでは何せ時間がかかる。 これじゃダメだ・・・と。遅いですね！ で、今のPC購入当初から入れていたxamppを起動したら、、、phpバージョンが古かった。 新しいxamppをダウンロード設置。その前に古いのをアンインストール。 xamppをダウンロード インストーラー版と解凍版？zipファイル、がありますが、今回は解凍版。レジストリを書き換えないと言う事で。 違い

今までの静的ページはそのままに、WordPressでブログやお知らせ、ニュース部分を後付けする場合も多いと思います。 その場合でも、記事の最新情報を既存の静的ページに最新情報としてお知らせできれば、TOPページが生きたページとなりとても有効だと思います。 私の「デザイン事務所｜エイビッツ」のサイトも静的ページです。 丸ごとWordPressに変更しようとも考えましたが、まず自サイトをそこまでいじっている時間が無い！に加えて、SEO対策用にカスタマイズした「コラム自動更新システム」内の記事が、見事に検索でヒットしている。 検索から来ていただいている方々の98％ほどはこのコラムページ。そして素通り・・・(;o;) すでに古くなっている技術情報なども多々ありますが、それでも結構な数のリンクを貼っていただいているので、デッドリンクになってしまうのが忍びないし、こんな記事をも参考にしていただいている

〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL：048-594-8880 （平日10:00～18:00 土日祝祭休） E-Mail info@aveit.biz 2013/10/24 以前にもIE6～9とモダンブラウザによるCSSハックの記事を書きましたが、単体で使う分にはハックが効いても、同時に数種類ハックをかけると機能しない場合がありました。 通常、ハックを使うコーディングは極力避けているのですが、あるASPカート内である一か所に必要に迫られて1px単位のしゅうせいが必要だった案件で出くわした摩訶不思議な体験をメモしておきます。 尚、IE9/IE10に関しては実機、IE6～8に関してはIETesterでの検証となっています。 Macでの検証はしておりません。 以前のコラム↓↓↓ IE6/IE7/IE8/IE9 CSSハックまとめ → モダンブラウザ CSSハックまとめ → IE

〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL：048-594-8880 （平日10:00～18:00 土日祝祭休） E-Mail info@aveit.biz 2013/01/06 以前にもロリポップサーバーで拡張子.htmlのままphpを動かす記事を書きました。 ↓↓↓ 拡張子.htmlでphpを動かす。ロリポップサーバー編 http://www.aveit.biz/column/detail1319299322.html それ以来あまり触ることのなかったロリポップサーバーですが、phpのバージョンが一部変更となっているようです。 以前のように、突然旧来の方法がまったく使えなくなることは無いようですが、現在2013.1.6 時点でドメインによってphp5.2とphp5.3が選べるようになっています。 管理画面からphp設定へ進むと選択画面があります。 私が以前操作した時はこのよ

〒360-0854 埼玉県熊谷市 玉井南1丁目 TEL：048-594-8880 （平日10:00～18:00 土日祝祭休） E-Mail info@aveit.biz 2011/11/16 スマートフォンサイトも随分と普及して来ましたが、入り口だけスマートフォン専用で中身はPCサイトを見せる方式のサイトも多いですね。また、初めからPCサイトを見たいと言うユーザーも多いため、スマートフォン専用ページでも下の方にPCサイトへのリンクを張るのは今の所常識？のようです。 ここで問題なのがiPhone で使われているSafariのレンダリングエンジンWebkit。 iPhoneではフォントサイズが自動調整されてしまう場合があります。 ※これはiPhone版のSafariの仕様で、小さい画面に効果的にWEBページを表示するためにページの幅やその他パーツとの相対的な位置に応じて文字サイズを自動で拡大調