記事– category –

画面幅いっぱいの画像の中央にテキストを配置したメインビジュアルをデザインしました。でも、ヘッダーを固定させる記述をすると、中央からテキストがずれてしまいます。どうすればいいですか？ 今回のような、スクロール時にヘッダーを固定させるときの場...

こんにちは、ひよこWebデザイナーの社員Ｈです！私は異業種からWebデザイナーとして制作会社に入社。それまでは職業訓練校でデザインやコーディングを学んでいました。私と同じWebデザイナーになりたての方や、Webデザイナーを目指す方々のお力になれたら...

バナーを作るとき、欲しい写真やイラストの素材がなかなか見つからなかったことはありませんか？下手をするとIllustratorやPhotoshopでの作業時間よりも、画像選びに時間がかかって、あっという間に1時間も経過していた、なんてことも……。 画像を探すのっ...

【グラデーションマスクとは】 グラデーションマスクを活用すると、2枚の画像がふわっと交差して合成する写真が作れる 【まずはおさらい！レイヤーマスクとは？】 「マスク」とは「隠す」という意味のことばです。レイヤーマスクとは文字通り、画像（レイ...

【そもそもレイヤーマスクとは？】 「マスク」とは「隠す」という意味のことばです。レイヤーマスクとは文字通り、画像（レイヤー）の一部を隠したい場合に使用します。 「画像を切り抜く型紙」をイメージすると分かりやすいかな？ 【超簡単！レイヤーマス...

【Adobe Creative Cloudコンプリートプランを安くつかうには】 今年の4月から、個人向けのAdobe Creative Cloudコンプリートプランが値上げになりました。 年間払いの月額請求額232円の値上げ（月6,248円から6,480円に）月払いの月額請求額402円の値上げ（...

ご自分のパソコンで作成しているWebサイト、サーバーにアップロードしたらどんなURLになるか想像できていますか？ https://webtan.tech/と、https://webtan.tech/index.htmlは全く同じ画面になるってことなんですね。 そう、そして一番外側のフォルダ以外...

本記事をご覧いただきありがとうございます！コーディング経験３ヶ月、新米実習生Sと申します。前回の記事「初心者必見！positionの使い方（具体例付き）」に引き続き、今回はWeb制作に必須の相棒「box-sizing」について解説させていただきます。難しい専...

【バックアップと更新】 更新の前には必ずバックアップをしよう（もし更新のタイミングで壊れてもバックアップがあれば元に戻せるよ） サーバー会社のバックアップ昨日を使ったり、WordPressのプラグインを使ったり、バックアップの方法は色々あるのですが...

皆様はじめまして、実習生のOです。Webの分野にかねてより興味を持っており、Webデザイナーになるために日夜勉強中です。htmlにはいくつかのタグが存在しますが、今回は意外と使い所がある<span>タグについてご紹介します。 【spanタグとは】 <sp...

Web鍛をご覧の皆様、はじめまして！コーディング経験３ヶ月、新米実習生Sと申します。今回は、基礎の基礎では学ばないものの、コーディングにおいて必須の相棒、「position」について解説します。新米だからこそ、初心者の方と同じ目線に立った説明ができ...

【文章関連の知っておきたい情報や便利サービス】 【校正用語】イラストで解説！校正記号31種類の使い方https://kagurazaka-editors.jp/calibration-symbol/【文章校正】オンライン文章校正支援サービスPRUV（プルーフ）https://pruv.jp/ 【デザイン関連の...