matsuo– Author –
-
バナー・画像制作課題
バナーお題|ECサイト内に設置するバナ|セール誘導「おせち特集」
ネットショップ内の「おせち特集」ページに誘導するバナーを作成してください。バナーの設置箇所は「ショップトップページ」と「各商品ページの下部」と仮定して制作作業を進めてください。 どのようなネットショップを運営されていますか? 当ネットショ... -
コーディング課題
コーディング課題|フィットネスジムのウェブサイト
無料コーディング課題です。下記のデザインカンプをコーディングし、完成させてください。 Photoshopがなくてもコーディングができるように、記事の最後に書き出した画像をフォルダと、詳細なコーディング指示の画像を入れています。 【デザインカンプの詳... -
バナー・画像制作課題
バナー課題|シェアオフィスの内覧予約受付
Instagramに広告を出すための画像を作成してください。 自分で無料サービスを使って作ってみました(下に掲載)が、イマイチです。もっと洗練されたわかりやすいものを希望します。 クライアントはこの画像の何が良くないと思ったのでしょう?クライアント... -
バナー・画像制作課題
ECサイト内に設置するバナー作成|題材:セール誘導「夏のセール特集」
アパレル販売のネットショップのトップページに「夏のセール特集ページに誘導するバナー」を作成してください。販売しているものは、洋服・ファッション小物です。 当ネットショップの利用者層は30・40代女性が8割を占めます。・セールをきっかけに、初め... -
技術系解説記事
justify-content: space-betweenの最後の行を左寄せにしたい時の対処方法
【最後の行のスペースを埋めたい!】 こんなときありませんか?display:flexをしたときに、justify-content: space-betweenをすると子要素の数によっては、4番と5番の間にスペースができてしまいます。下の図のような状態です。 Flexboxを使っているときに... -
技術系解説記事
CSSは「点数」を持っていて、「優先順位」が生まれる
通常CSSで書いた命令は、下に書いたものが優先されます。 例えば下記のようなHTMLファイルがあったとします。 <nav class="gnav"> <ul> <li><a href="index.html">ホーム</a></li> <li><... -
技術系解説記事
Visual Studio CodeをMacにインストールする手順を、初心者向けに詳細に解説します
Microsoftが提供するVisual Studio Code(通称 VS Code)というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいよ... -
ブックレビュー
余白を活かしたデザインレイアウトの本。【けっきょく、よはく。】
10年以上勤めたパティシエから転職をいたしまして”デザイナー”の世界に飛び込んだ、1年目Webデザイナー、なっちゃんです! 職業訓練校を修了し入社したのは、デザイナーが私(実務経験無し)しかいないという小さな会社。仕事の中でバナーやDMを作るんです... -
技術系解説記事
ファビコンを設置するためのHTMLコード
head内に下記を記載します。下記の場合は画像の大きさは「64px」にしておきます。この場合画像の拡張子は.png <link rel="icon" type="image/png" href="パス/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64&q... -
技術系解説記事
ドメインとサーバーを契約し、自分のパソコン内にあるHTMLやCSSをWeb上に公開する方法
自分のパソコン内でHTMLやCSSでファイルを作ってWeb上に公開したい場合、またWordPressでWebサイトを作りたいと思った場合には「ドメイン」と「サーバー」が必要です。 おおまかな例えですが、Web上の土地を「サーバー」と言い、そこに建てたWebサイトそれ... -
技術系解説記事
スマホの時だけ改行したい、PCの時は改行したくない。という場合のCSS
スマートフォンではしたい部分があるがパソコンでは改行せずに表示させたい!そんな時に有効なCSSの書き方は? 意外とシンプルで基礎的なものを使います。display: none; と display: block; を使いわける! まず<br>に何かクラス名をつけてください... -
技術系解説記事
独自ドメインとサブドメインの違いって何?
【ドメインとは】 ◯◯◯.comのように、インターネット上における住所を表すものです。 元々インターネット上での住所とは、IPアドレスといって「012.34.567.89」のような数字の住所が振り当てられています。この数字の住所を人が見ても分かりやすくするため...