html code リダイレクト：301（恒久的なURL変更）
301リダイレクト 恒久的にURLを変更になる場合は、301リダイレクト設定をして旧URLへのアクセスを新URLに誘導できます。 「このURLへのアクセスは、これからずっと永遠に次のURLに飛ばしてね」という転送設定なので、次のような場合には301リダイレクトを設定しましょう。 サイトのドメインを変【...続きを読む】
Design
html code 
html code fontawesome：WordPressサイトにプラグイン無しで導入する手順
Font Awesome をプラグイン無しで WordPressサイトに導入する手順を解説します。 WordPress 以外のサイトにも使えますよ。 Font Awesome アカウントを登録する Font Awesome のサイトを開いて をクリックしましょう。 最初からプロ版を登録するなら、 を【...続きを読む】
Adobe css：レスポンシブ デザインのウェブページをきれいに印刷するためにcssに書くこと
@media print {section { display: block; page-break-before: always; }pre code {page-break-after: always;}@page {margin-top:0.4cm;margin: 0.5cm;}p a, co【...続きを読む】
Design Chrome：デベロッパーツールでスマホ機種を追加する
デベロッパーツールは、スマートフォンなどモバイル端末を含め、CSSなど細かい部分を検証することができるので、ウェブサイトのデザイン調整に活用していらっしゃるかたが多い機能ですね。 今回はデベロッパーツールにスマホ端末を追加する手順を説明します。 デフォルトで設定されている端末一覧から選択することもで【...続きを読む】
Design パソコンでスマホ画面表示を一括チェック！レスポンシブ デザイン チェック ツール
スマホなどのモバイル端末でレスポンシブ デザインがどのように表示されるか？ 実機はもう不要です！ デバイスやサイズを指定してひとつひとつ確認するのも面倒なので、複数のユーザーエージェントの見え方を一括チェックできるGoogle Chrome拡張機能をご紹介しますね。しかも、操作はいたってカンタン。 【...続きを読む】
Design jpgをカンタンに高品質・高圧縮！クォリティもコントロール可
JPEG圧縮：カンタンで高品質・高圧縮！しかも無料 使い方はカンタン 1. サイトにアクセスして画像をアップロード 画像のアップロード方法は2つ。 ボタンをクリックして、パソコンからファイルを選択します。 あるいは、「ファイルをここにドラッグ＆ドロップしてください。」部分にパソコンのファイルをドラッ【...続きを読む】
Design ピクセルとミリを変換する
画像サイズを正確に変換できる便利サイト：amanaimagesヘルプサイト ストックフォト老舗の（株）アマナさんのヘルプページが超便利なのでご紹介（というか備忘） できること ピクセルと解像度から使用サイズ(mm)を求める サイズ（ｍｍ）と解像度から必要なピクセル数を求める 紙サイズのpixcel 【...続きを読む】
Design Google：Googleでカラーコード検索するとカラーピッカーが使える
Googleの検索フィールドにカラーコードを入力すると、カラーピッカーが表示されます。 Googleカラーコード検索はこんな時に便利♪ サイト制作中にササっと色を探したいとき 異なるカラーモードの色番号を知りたいとき（16進カラーコードをCMYKにするとか） とにかく便利。 Googleカラーコード【...続きを読む】
Design 利用価値大！海外のフリー画像サイト6選
サイト制作にもブログにも、質の高い画像は必須。なので、普段使っているサイトをまとめました。（これこそ備忘） Pixabay.com 日本語で検索もできるので便利。商用利用無料。帰属表示不要。利用に関するFAQページ DesignersPics.com 個人利用・商用利用とも無料。ウェブだけでなく、プ【...続きを読む】
Design オリジナル404エラーを設定する方法
404エラーとは？ 表示しようとしたURLが存在しない場合、サーバからブラウザに「そのページは存在しません」というメッセージが返されます。 WordPressなどのテーマやテンプレートの中には、あらかじめ404エラーページが用意されているものもありますが、もし、404エラー対応がなされていない場合に【...続きを読む】
Design Chrome：ColorPick Eyedropperで表示しているサイトのカラーコードを秒速で調べる
ColorPick Eyedropperは、表示中のブラウザに使われているカラーコードをチェックできるChrome拡張機能です。 ポインタを合わせてその部分のカラーコードを調べるのはもちろんのこと、チェックしたカラーコードを保存・印刷もできるので便利です。個人利用から複数サイト利用までライセンスが提【...続きを読む】
Design SSL：SSL化したのに、「このサイトへの接続は保護されていません」と表示される
常時SSL化（https）の重要性 SSL（Secure Sockets Layer）は、ウェブサーバとブラウザ間のインターネット通信を暗号化する仕組みです。データの送受信が暗号化されているため、悪意のある第三者の傍受や情報の改ざんを防ぐことができます。 SSLを設定すると、ブラウザのアドレスバーの【...続きを読む】
Adobe PHP：PHP5.1.0以降で発生するDATE関数エラー
date.timezoneのエラー PHP Warning: date(): It is not safe to rely on the system’s timezone settings. You are *required* to use the date.timezone setting o【...続きを読む】
Design fontawesomeとglyphicon
Font Awesome ver. 4.7.0 ここが使いやすいと思う。 ↓フォントオーサム↓ ↓グリフィコンズ↓