Web

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」という関係性です。
Web

クラウドワークスを使ってイラストアイコンを発注してみた感想

新しいブログを制作するにあたってウサギのイラストが必要になり、デザインをクラウドワークスに依頼してみました。その際に分かったことや気づいたことをご紹介します。
Web

ロゴデザインの参考にしたいギャラリーサイト11選

ロゴデザインで参考にしたいギャラリーサイトをまとめました。ロゴデザインの背景を知ることで、インスピレーションやデザインの参考にして頂ければと思います。
Web

サイバーエージェントのバイラルメディアが次々とクローズしている件

Web業界で何かと話題のバイラルメディア。バイラルメディアとは、簡単に言い換えると、世界中のニュース記事や個人のブログ記…
Web

サイトが急に500エラー。問合せる前に確認すべき原因と対策をまとめる。

昨日から、当ブログをはじめ、他のWordPressを使ったサイトが500エラー(500 Internal Server …