BLOG

WEBに関する記事一覧

検索窓の作成におけるベストプラクティス(SBO)について【参考デザイン・コードサンプルもご紹介!】
投稿日:2023年8月3日

サイトに検索窓は設置していますか? 検索窓というのは、サイト検索の入力欄のことです。 商品を探したいECサイトや、記事がたくさん投稿されているサイト、Twitter(X)やYouTubeなどのメディア系のサイトでは、検索機能は必須ですよね。 そこで今回の記事では、使いやすく素敵な検索窓 ...

機種依存文字の解決方法について【変換ツール紹介!】
投稿日:2023年7月31日

自社で作成したツール「機種依存文字チェッカー&変換ツール」の紹介です。 テキストの中に,丸数字(①,②など)や単位文字(㎜,㎡など)やカッコ文字(㈱,㈲など)などのいわゆる「機種依存文字」もしくは「環境依存文字」と呼ばれている文字が入っているかどうかをチェックし,「通常の文字」に変換するツ ...

【目指せお問い合わせ増加!】コンバージョンに優れたデザインとは?
投稿日:2023年5月26日

皆さんがWEBサイトを持つ理由は様々ですが、「お問い合わせを増やしたい!」「資料ダウンロードから契約につなげたい!」という理由が多いと思います。 ですが、ただサイトを作ったところでいきなりお問い合わせが増えるわけではありません。 そこで、ユーザーにお問い合わせや契約などのアクションを起こ ...

【PHP】セキュリティを考慮したお問い合わせフォームを作ろう!
投稿日:2023年3月6日

みなさん、お問い合わせフォームはどうやって作っていますか? 恐らくCMSのプラグインを使って作成することがほとんどかと思います。 ただ、ときにはスクラッチでお問い合わせフォームを作成しなければならないことがあると思います。 そこで今回はPHPを使用して、セキュリティを考慮したお問い ...

【最新版!2023年】Webデザイントレンド予測!
投稿日:2022年11月29日

段々と寒さも本格的になり、12月に入ろうとしています。 もうすぐ2023年がやってきますね! そこで毎年恒例化!2023年のデザイントレンドの予測をしてみます。 今回はBRISKのデザイナーさんに意見を聞きながら記事を作成しました。 是非最後までご覧ください! [toc] ...

【画像を軽量化!】WebP(ウェッピー)とは?導入方法もご紹介!
投稿日:2022年10月5日

「Webサイト内の画像の表示が遅い...」と困った経験のある方はいらっしゃいませんか? 誰もが一度は通っている道だと思います。 そこで今、注目を集めているのが、圧縮率の高い画像フォーマット「WebP(ウェッピー)」です。 「WebPなんて聞いたことない!」「JPGとの違いは何なの? ...

WEB制作依頼時に決めておくと良い項目14選
投稿日:2022年8月24日

これからWEB制作を依頼しようとしている方で、「知識がないし、制作会社に依頼する前に決めておいたほうがいいことが何かわからない…」そう思っている人は多いのではないでしょうか? そう困っているあなたに依頼前に決めておいた方がスムーズに制作が進む情報が何かをご紹介します! これさえ知って ...

【Webデザイン】コーポレートサイトの見出しに使える適切な英語表現
投稿日:2022年7月12日

あなたがWebデザイナーなら… コーポレートサイトの見出しタイトルのデザイン装飾に、またはナビゲーションに、 おしゃれに見える英語表現を入れたこと、ないですか? ゴシック体の日本語で野暮ったく見えてしまう見出しも、 装飾として適度な『英語』を取り入れれば、 一気にカッコよくて洗 ...

コーポレートサイト・ECサイト・ランディングページ、デザインの違いをまとめてみた
投稿日:2022年5月11日

BRISKに入社する以前のお話ですが… 筆者がWeb制作会社に入社して1週間、突きつけられた専門用語。 「人材派遣サイトのLPのワイヤーフレーム作って」 未経験で入社した新人Webデザイナーだった筆者は右も左もわからず 「え・・エルピーってなんですか?」と聞き返しました…。 ...

脱!初心者デザイン~バナー編~
投稿日:2022年4月28日

WEBデザインに欠かせないバナー、デザイナーであれば一度は作成したことがあるのではないでしょうか? デザインを勉強する際にバナーのトレースやバナーの作成から始めた人も多く、 デザイナーの登竜門といってもいいかもしれませんね。 ですが、簡単そうに見えて作成に慣れていないとリテイク&迷走の沼に ...

【GDPR対応】Cookie使用同意についての2022年4月以降の日本での対応は?(WordPress・jQueryでの対応について)
投稿日:2022年2月18日

最近、いろんなサイトで「クッキーの使用に同意しますか」という表示を見かけることが増えたと思います。 これはヨーロッパ(EU)でのデータ保護に関連した法律(GDPR)に基づく表示です。 GDPRとは具体的にどういうものなのでしょうか 日本の ...

IE非対応の便利なCSSプロパティ集
投稿日:2022年2月3日

mix-blend-mode、filter、objext-fit……とても便利ですよね。 これらのプロパティを使うと、これまでjsで対応していた箇所や、再現が不可能なので画像で対応としていたものを、CSSだけで簡単に再現してくれます。 しかし、残念ながらこれらのプロパティはIE非対応です ...

新卒でWebエンジニアになる為のポートフォリオ
新卒でWebエンジニアになる為のポートフォリオ
投稿日:2022年1月20日

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

インフォグラフィックとは?ゼロから作成まで徹底解説!
投稿日:2022年1月11日

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

HTML・CSSコーディングを上達させるための方法とコツを解説!【初心者向け】
投稿日:2022年1月7日

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

【保存版】サンクスページのシーン別例文まとめ
投稿日:2022年1月5日

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

【保存版!】自動返信メールのシーン別例文まとめ
投稿日:2021年12月21日

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

CSSの数学関数を使って記述をスマートに!【calc(), min(), max(), clamp()】
投稿日:2021年12月16日

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

【2022年へ向けて】Webデザイン参考サイトまとめ【Web/LP/バナー/SNS広告】
投稿日:2021年12月9日

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

【デザインイメージ別】背景パターンの選び方・作例まとめ +無料のパターン素材も紹介!
投稿日:2021年12月2日

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