Web制作 要素を横並びに並列するなら「display: flex」にお任せ
「display: flex」を親要素に指定すると、子要素が横並びに並列！
デモ
テキスト
テキスト
テキスト
テキスト
CSS＋html（コメント無し）
<!-- C...
Web制作
Web制作 
Web制作 SEO設定としてサイト制作（リニューアル）時に確認するチェック項目
これから紹介するSEOのための各設定以前に、SEOとして最も重要なことには、ページの内容がユーザーにとって役立つ（悩みを解決する）ものになっているか？ということです。
想定したターゲットに対して分かりやすく、有益な内容になるよう、構成や言...
Web制作 AIDMAの法則で考える、ランディングページの構成について（LP構成要素のPDFダウンロード付き）
LPとLPOについて
本題に入る前に、LPとLPOについて触れたいと思います。
LP（ランディングページ）とは、ランディング＝着地（するページ）の意味で、最初に表示されるページを言いますが、Webマーケティングの施策として、有料広告から...
Web制作 GIFアニメーションの作り方 Photoshop編
Photoshopで、レイヤーに分けた画像（動画）から、パラパラ漫画のようなコマ送りのアニメーションGIFを作る方法をご紹介します。
まず、コマ送りにしたい画像をレイヤーに分けておきます。
メニュー／ウィンドウ／タイムライン...
Web制作 Webサイト制作における仕事の流れ・進め方（各工程の役割と確認事項）
Web制作にも、バナー制作からランディングページ、コーポレートサイト、リクルートサイト、ECサイト、キャンペーンサイト、製品カタログサイト、メディアサイトなど、その目的や規模は様々ですが、今回は、Web制作の依頼を受けてから提案・制作・納品...
Web制作 Webサイト制作前にお客様へ確認しておくべき16の項目
Web制作の仕事をしていると、Webサイト制作に関わった事のない営業の方から、お客様に「ホームページを作りたい」と言われたけど「何を確認すればいいの？」という質問を受けます。
Webサイトによって確認事項は様々ですが、共通して確認すべき事...
Web制作 Webデザイン要素の整理｜見出し・本文・余白・色
デザイン（情報）を整理する基本に、デザインの４大原則「近接（グループ化）」「整列（揃え）」「強弱（コントラスト）」「反復（一定のリズム）」がありますが、Webページをレイアウトする上で具体的にどのようなことに落とし込んで考えたら良いかという...
Web制作 Webデザインデータ制作時の４つの注意点【横幅・色・解像度・文字】
webでの販促施策の重要性がますます高まっている中で、通常は紙媒体のデザインをしているグラフィックデザイナーが、キャンペーンサイトやブランドサイトなどの、webデザインも合わせて制作するという事があります。その際、webデザインのデータ制作...
Web制作 WebデザインはCMYKじゃダメ？Webの色（RGB）と印刷の色（CMYK）の違いと変換時の注意点
グラフィックデザイナーがRGBを扱うのは困難？
広告媒体の制作を行う現場で、グラフィックデザイナーがポスターやPOPなど、通常CMYKデータを扱っている中で、Web用のバナーやランディングページ、キャンペーンサイトなど、デザインバリエーシ...
Web制作 CMSって何？どんな時に利用するの？利用方法は？（超初心者向け）
CMSって何？
web制作の現場でよく使われる言葉「CMS」とは、
Contents （webページの内容）を、
Management （管理・更新）する、
System （仕組み・機能）のことで、
上記の頭文字をとって「CM...
Web制作 【SSL】アドレスをhttpからhttpsに変更してサイトをSSL化するのは何故？
Q1.何故httpに、Sをつけるのか?
データを暗号化し個人情報の漏洩を防ぐ
セキュリティ面からhttpからhttpsに変更します。
httpsのsはsecure（セキュア）のs。セキュアとは「安全な」という意味です。Webページ...