Web制作

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

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

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

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

再生されない?操作できない?HTML5のaudioタグを使用する時の注意点

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

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

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

マウスオーバー(hover)のエフェクトをtransitionプロパティを使って超簡単にオシャレにする方法

aタグのマウスオーバー(hover)で、テキストや背景の色を変えたりする時に実装するとオシャレになるオススメテクニックを紹介します。といっても、CSSのaセレクタに1行加えるだけと超簡単。
2019.08.24
Web制作

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

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

CSSでの回り込み指定「float」には「clearfix」が便利でスマート

HTMLコーディングで要素の回り込みに使うfloat(フロート)プロパティ。扱いが難しく、レイアウトが崩れてしまうのであまり使いたくないという方も多いのではないでしょうか?そんな場合の解決策としてclearfix(クリアフィックス)がおすすめです。
2019.08.24
Web制作

Webデザイナーの私がサイトデザインをする際に気を付けていること、心掛けていること

自分がクライアントのWebサイトをデザインする際に、気を付けている事・心掛けている事をご紹介します。Web制作会社に勤めていた頃に先輩デザイナーから学んだ経験、そして数多くのWebサイトを制作してきて学んだ経験を元にしています。
2019.08.24
Web制作

Web制作会社によるワン・ストップ・サービスの意外な落とし穴

様々なサービスを1つの会社で対応することが可能なワン・ストップ・サービス。複数契約の手間が省けて便利な反面、実はほとんど外注化していたという信じられない事実も。うたい文句に騙されないためにも、本当に必要なサービスの見極めを行いましょう。
2019.08.24
Web制作

WebデザイナーがWordPressを扱うなら覚えておきたいPHP条件分岐のあれこれ

WebデザイナーでもWordPressを扱う時代。最低限知っておくとテーマカスタマイズの幅が広がるPHP条件分岐の基本です。慣れてくると頻繁に使うのでマスターしておきましょう。
2019.08.24
Web制作

制作したWordPressサイトの納品前にクライアントがバージョンアップをしないよう設定する

WordPressバージョンアップは時としてサイトの機能に不具合を及ぼす事も。そこでクライアントによるバージョンアップを防止する設定方法をご紹介します。ユーザー権限設定、便利なプラグイン、function.phpの記述など。
2019.08.24
Web制作

投稿記事の公開終了日時の設定が出来るWordPressプラグイン「VA Simple Expires」

「VA Simple Expires」は投稿記事や固定ページなどにページの公開終了日時を設定出来るようにするWordPressプラグインです。シンプルで軽量なのでコーポレートサイトなどの運用におすすめです。
2019.08.24
Web制作

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

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

メールソフトをGmailからOutlookへ移管する方法(OutlookでGmailを使う方法)

Microsoft Officeのメールソフト「Outlook」でGoogleのメールツール「Gmail」で作成したメールアカウントを使用する方法です。IMAP接続でGmailアカウント削除前の送受信メールのバックアップにも使えます。
2019.08.24
Web制作

WordPressのカテゴリースラッグを利用してCSSクラスやアイコン画像を変える方法

WordPressのカテゴリーのスラッグ名を使った便利な条件分岐をご紹介します。スラッグ名をスタイルシートのクラス名にしてレイアウト変えたり、画像ファイル名をスラッグ名にしてリストアイコンをカテゴリーごとに変える方法など。
2019.08.24
タイトルとURLをコピーしました