Instagramに広告を出すための画像を作成してみましょう。写真やイラストは無料素材を利用してください（素材サイト例→https://unsplash.com/） 【提出条件】 サイズ：1080px × 1080px形式：JPG画像（最終納品はPSD or Ai ファイル） 【必要な文章】 内覧予...

アパレル販売のネットショップのトップページに「夏のセール特集ページに誘導するバナー」を作成してください。販売しているものは、洋服・ファッション小物です。 当ネットショップの利用者層は30・40代女性が8割を占めます。・セールをきっかけに、初め...

【最後の行のスペースを埋めたい！】 こんなときありませんか？display:flexをしたときに、justify-content: space-betweenをすると子要素の数によっては、4番と5番の間にスペースができてしまいます。下の図のような状態です。 イメージするのはこの形 間...

通常CSSで書いた命令は、下に書いたものが優先されます。 例えば下記のようなHTMLファイルがあったとします。 <section class="contents"> <h1>就職 咲子　ポートフォリオ</h1> </section> 「就職 咲子　ポートフォリオ...

Microsoftが提供するVisual Studio Code（通称 VS Code）というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいよ...

10年以上勤めたパティシエから転職をいたしまして”デザイナー”の世界に飛び込んだ、1年目Webデザイナー、なっちゃんです！ 職業訓練校を修了し入社したのは、デザイナーが私（実務経験無し）しかいないという小さな会社。仕事の中でバナーやDMを作るんです...

head内に下記を記載します。下記の場合は画像の大きさは「64px」にしておきます。 <link rel="icon" type="image/png" href="パス/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64">

自分のパソコン内でHTMLやCSSでファイルを作ってウェブ上に公開したい場合、またWordPressでウェブサイトを作りたいと思った場合には「ドメイン」と「サーバー」が必要です。 おおまかな例えですが、ウェブ上の土地を「サーバー」と言い、そこに建てたウェ...

スマートフォンではしたい部分があるがパソコンでは改行せずに表示させたい！そんな時に有効なCSSの書き方は？ 意外とシンプルで基礎的なものを使います。display: none; と display: block; を使いわける！ まず<br>に何かクラス名をつけてください...

【ドメインとは】 ◯◯◯.comのように、インターネット上における住所を表すものです。 元々インターネット上での住所とは、IPアドレスといって「012.34.567.89」のような数字の住所が振り当てられています。この数字の住所を人が見ても分かりやすくするため...

PCとスマホでそれぞれ別々の画像に切り替えて表示したい！というケースに遭遇しましたか？方法はいくつかありますが、今回は初心者向けに2つの書き方をご紹介します。 【方法１：HTMLとCSSでレスポンシブ】 <img class="img-pc" src="im...

Brackets（ブラケッツ）というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいようにDockに置く」の3ステップです...