ブログBLOG

新卒でWebエンジニアになる為のポートフォリオ

これから新卒でWebエンジニアを目指すみなさん、どんなポートフォリオを作ればいいかお悩みではないでしょうか？ この記事ではそんな悩めるあなたに向けて、ポートフォリオ作成のポイントをご紹介します！ ポイントを正しくおさえて採用者に刺さるポートフォリオを作成しましょう！ ポートフォリオを作る前 ...

インフォグラフィックとは？ゼロから作成まで徹底解説！

みなさんは「インフォグラフィック」という単語を聞いて何を思い浮かべますか？ この単語を聞いたことのある方は「あれだな！」と、ピンとくると思います。 聞いたことのない人は単語から推測して、「イラストを使ったものかな？」などと想像するかもしれません。 本記事ではインフォグラフィックについて0から解説 ...

HTML・CSSコーディングを上達させるための方法とコツを解説！【初心者向け】

HTML・CSSはWebサイト制作の基本です。 最近ではノーコードでサイト構築ができるサービスも多いですが、Webサイト制作に携わりたいとか自分のサイトを自由にカスタムしたいという時には、避けては通れない道です。 （HTML・CSSが書けなくても、多少の知識と理解は必要です。） 学生さ ...

【保存版】サンクスページのシーン別例文まとめ

ホームページを作成するにあたってお問い合わせページは必須だと思います。 お問い合わせがあるということはサンクスページも必要になってきます。 本記事では、お問い合わせ、資料請求、商品購入、会員登録など、 特によく必要となる内容を中心にシーン別のサンクスページの例文をご紹介します！ どんな文章が合 ...

【保存版！】自動返信メールのシーン別例文まとめ

「自動返信メールを使ってみたいけど、目的別に文章を考えるのが大変」 「こんなとき、どんなメール文面にしたら良いだろう...」 と迷われたことはありませんか？ 大した内容ではないはずなのに、いざ考えてみると意外と時間がかかるのが自動返信メールの文面ですよね。 特にサイト制作会社側の立場では、「クラ ...

CSSの数学関数を使って記述をスマートに！【calc(), min(), max(), clamp()】

CSS関数をご存じですか？ よく使うのがcalc()やtranslate()、rgba()などで、関数名 + ()で記述されるもののことを指します。 今回は、中でもCSSの数学関数に焦点を絞って解説していこうと思います。 calc()は普段から使っている方も多いと思いますが、min() ...

【2022年へ向けて】Webデザイン参考サイトまとめ【Web/LP/バナー/SNS広告】

今年ももう年末を迎えようとしていますね。 オリンピックが開催されたり、ディズニーシーが20周年だったり、今年もいろいろありましたがあっという間でした。 デザイントレンドは年々移り変わっていて、情報収集は欠かせません。 そこで、2022年に向けて、最新のWebデザイン参考サイトを、Webサイト・レ ...

【デザインイメージ別】背景パターンの選び方・作例まとめ +無料のパターン素材も紹介！

今回はデザインに合ったパターン背景の選び方をご紹介します！ 「パターンを使ってみたけどしっくりこない」「今のデザインにどんなパターンを使えばよいか分からない」 そんな方のために、デザインイメージ別にさまざまなパターンをご紹介します！ サイトに統一感や、アクセントを生み出してくれること間違いなしで ...

【コピペでOK】CSSのホバーアニメーションまとめ（デモ・サンプルコード付き）

ナビゲーションやボタンは、サイトを閲覧するときに必ず操作する要素ですよね。 ちょっとした要素に素敵なホバーアニメーションがついていると、細部へのこだわりが見えて、サイトの印象もよくなります。 また、ナビやボタンのホバー時のデザインはなく、コーダーにおまかせということもあります。 コ ...

【2022年 Web/UI】最新のデザイントレンド予測！

2021年も終わりが近づいていますね。 そこで本記事では、2022年のデザイントレンドを予測したいと思います！ 予測だけでなく、解説したり、実際にデザインを作成しているので是非2022年のデザイン作成の 参考にしてみてください。 それではどうぞ！ グラスモーフィズム グラスモーフィズムとは ...