ブログBLOG

WEB制作依頼時に決めておくと良い項目14選

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

コーポレートサイト・ECサイト・ランディングページ、デザインの違いをまとめてみた

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

【GDPR対応】Cookie使用同意についての2022年4月以降の日本での対応は？（WordPress・jQueryでの対応について）

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

Webエンジニア制作独学ロードマップ（開発環境、HTML、Sass、JS、Git、PHP、WordPress）【2022年版】

Web制作会社のエンジニアになりたいが、 何を勉強すればいいのだろう どの教材をどれだけやればいいのだろう と悩んでいる方も多いではないのでしょうか。 そこで実際に働いているエンジニアが、「今だったらこうするな」といった学習方法を紹介します。 ...

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

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

【WordPress】MW WP Formでお問い合わせフォームを作ろう！

Webサイトには必ずと言っていいほど「お問い合わせフォーム」が設置されています。 WordPressでお問い合わせフォームを作成するプラグインは色々ありますが、弊社では「MW WP Form」を利用することが多いです。 そこで今回は、HTMLで静的に作成したお問い合わせフォームを「MW WP F ...

WordPress化を考慮したコーディングをしよう！

デザイン通りにコーディングできて、完成！と思っても、その後WordPress化する場合は注意が必要です。 記事のタイトルが長文になっても崩れないか？ 記事のサムネイル画像のサイズが変わった時の見た目はおかしくないか？ パンくずリストが長くなった時にどんな見た目にな ...

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

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

デザイナーが最低限知っておくべきWebライティングの基礎

Webライティングとは？ ブログの記事はもちろん、コーポレートサイト・ECサイトなどの文章を、 Webサイトを閲覧しているユーザーに理解しやすく、読みやすく書くことです。 プロのWebライターさんには及ばないものの、 簡単な文章ならリライトしてデザインを整えるのもWebデザイナーの仕事ではない ...

【jQuery】動きのあるアコーディオンメニュー・開閉ボタンまとめ（コピペ用サンプル付き）

アコーディオンメニューとは、最初はメニューの一部だけが表示されていて、 クリックすると隠れていた部分が開閉するタイプのメニューです。 小さいスペースにコンパクトにメニューを設置できるため、スマートフォンでは特に頻繁に使われています。 コーディングをしていると、Webサイトのどこかに必ずと言って ...