Web制作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

robots.txtとmetaでクローラーを拒否して検索エンジンにインデックスさせない設定について

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

画像を使わずCSSだけでいい感じのグラデーションボタンを作る(マウスON/OFFあり)

CSSだけで画像のようなボタンを実装する方法です。マウスオンのhoverも簡単に対応しているのでオススメです。
2019.08.24
Web制作

Webデザイナーがワイヤーフレームをこれほどまで必要とする本当の理由

クラウドソーシングではWebディレクターが不在の制作案件がよくありますが、その際に重要なのがワイヤーフレーム。そもそもワイヤーフレームとは何か?これがないとどう困るのかを説明します。
2019.08.24
Web制作

キュレーターやバイラル運営者に画像を無断でパクられないようにマスクを利用する

キュレーションサイトやバイラルメディア、まとめサイトなどは平気で画像をパクリます。そんな無法者から自分の画像を守る方法です。
2019.08.24
Web制作

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

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

WordPressでお知らせ一覧リストのアイコンをカテゴリーごとに自動で変更させる

WordPressで「お知らせ」や「新着情報」のアイコンをカテゴリー変化させる方法です。カテゴリーのスラッグを取得してクラス名や画像名を変えています。簡単なのでオススメです。
2019.08.24
タイトルとURLをコピーしました