Web

今更だけど確認しておきたいPhotoshopの環境設定

WebデザイナーがPhotoshopを使う前に確認した方がいい環境設定です。色や解像度、単位など。
Web

robots.txtとmetaでクローラーを拒否!検索エンジンに表示させない設定をする

テストアップなどでクライアントに確認してもらう時に行う検索エンジンのクローラーをrobots.txtとmetaで拒否する方法です。他のページの評価を下げないようにも必ず背っ手をしましょう。
Web

ドメインの www 有り無しをhtaccessの301リダイレクトで設定し正規化する方法

「ワラワラワラ」ではありません。ドメインの www を有り無しのどちらかに統一させて、ドメインを正規化する設定方法です。Googleも公式に www 有り無しのドメインでは、別サイトと認識する場合もあると説明しています。
Web

audioタグを使ってBGMが流れる機能を実装!レスポンシブでスマホにも対応させる!

HTML5のaudioタグを使ってBGMを流します。しかもレスポンシブでスマホに対応させます。コントロールバーは使わず独自のミュートボタン画像を使用してスタイリッシュに。
Web

WordPressで英語サイトなどのグローバルサイト(多言語サイト)を作る方法

WordPress(ワードプレス)で日本語サイトとは別に英語サイトを実装する方法です。このやり方を応用すれば、英語だけでなく、中国語、スペイン語など複数の言語に対応したグローバルサイト(多言語サイト)の制作が可能です。
Web

HTML5のaudioタグが再生されない?操作できない?そんな時の対処法

HTML5で実装された、簡単に音楽ファイルを再生することが出来るaudioタグについてのメモです。スマートフォンやタブレットなどでの注意点も。
Web

レスポンシブサイトに使える!画面サイズで読み込むJavascriptを切り替えるjs

レスポンシブウェブデザインでサイト作成をする際に便利な、画面サイズ指定に応じたjavascriptを読み込む条件分岐です。CSS同様にpx(ピクセル)指定で切り替えが可能。
Web

Webデザイナーは何でも屋じゃない!Webデザイナー、コーダー、マークアップエンジニア、フロントエンドエンジニアの違いと相関図

Webサイトを作る人=Webデザイナーと勘違いしている人も多いのではないでしょうか。Webサイトデザインが出来るだけのデザイナーもいれば何でも出来るデザイナーもいます。コーダーとマークアップエンジニアの違いも説明します。
Web

WordPressプラグイン「PS Auto Sitemap」で固定ページの順番を並び替える方法

閲覧者用のサイトマップページを自動で生成してくれるWordPressプラグイン「PS Auto Sitemap」で表示される固定ページの順番の並び替え方法をご紹介します。管理画面の「順位」の数値を変更すれば自由に変更が可能です。
Web

titleタグの文章区切りは半角「|」と全角「|」どちらがいいのか?

タイトルタグで複数のキーワードを区切る為に使われる縦棒(パイプライン)。SEO的には半角「|」と全角「|」のどっちを使うべきなのか?Googleによる32文字と決められた文字数制限で有効なtitleとは?重要なのは文字数ではなく容量(バイト)だったなど。
Web

小規模Web制作会社が行うべきWin-Winな関係作りとは?

少人数のチームで構成された小規模なWeb制作会社にとって制作にかかるコストは時に命取り。クライアントとの関係性も重要ですが無理な要望に応えてばかりでは赤字に。そこで意識すべきことはクライアントとWeb制作会社の「Win-Win」という関係性です。
フリーランス

アフィリエイター・ブロガーは文芸美術国民健康保険組合に入れるのか?加入者の私が解説します

年収が上がるにつれて、国民健康保険料も高くなります。アフィリエイターやブロガーの中には、上限の年間65万円(年間77万円)を支払っている方も少なくないはず。そこで行き着く先が文芸美術国民健康保険(以下、文美国保)です。実はプロブロガーの私も加入しています。どうのようにして加入できたのか?いくら節税できたのかご紹介します。