BLOG

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

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

【WordPress】特定のカスタム投稿の編集権限をユーザーに与える方法
2021年11月30日

クライアントからの要望でWordPressを複数のユーザーで運用する場合にユーザー毎に権限を分けたり、 元々ある権限グループ以外に専用の権限グループを追加して細かく設定したい場合があると思います。 これらを解決できる「User Role Editor」プラグインと、追加で処理を書くことで ...

WooCommerceの導入とカスタマイズ方法まとめ
2021年11月30日

ここ数年でオンラインショップの普及がすごい進んだような気がします。 こんなご時世なので、通常よりもさらにオンラインショップの利用数が増えています。 そんな状況の中でWooCommerceに出会ったのですが、一番いいなと思ったのはWordPress上で管理できることです。 他サイトに登録して ...

動きを変える月(社長日記 2021年11月)
2021年11月29日

10月公開の案件がいくつかあったので 11月に入り落ち着きだした印象です。 11月までの数字は確保しているので 12月からの数字を作るモードに変わっていくタイミングです。 今月までは私自身も案件に入りタイトなスケジュールをこなしていたので 案件に入らない時間が多くなるとそわそわ ...

【コピペでOK】サイトを印象的に!ホバーアニメーションまとめ【デモ・サンプルコード付き】
2021年11月26日

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

【2022年 Web/UI】最新のデザイントレンド予測!
2021年11月25日

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

この時期は何をしたらいい?来年の新卒さんへ先輩からアドバイス!(新卒デザイナーBLOG3期目 2021年11月)
2021年11月25日

11月も終わりが近づき、肌寒くなってきましたね。冬も、年末もう目前となってきました… この時期は年内にお願いします!という駆け込みの案件があったり毎年年末にかけて忙しくなってきます。 他にも、BRISKの採用ページの改修や新たなお問い合わせフォームの設置を検討したりと、来年に向けて動き始めて ...

先輩エンジニアから来年の新卒に向けてアドバイス!!(新卒エンジニアBLOG3期目 2021年11月)
2021年11月25日

今年も残り1か月になってしましました。 そろそろ今年も終わりなので来年の新卒さんにとって、今自分が何に取り組んだ方が良いのか気になるのではないでしょうか。 そこで今月は先輩エンジニアから来年の新卒さんへのアドバイスを聞いてみました! それでは、11月の新卒エンジニアブログです! ...

Sass(SCSS記法)の書き方紹介
2021年11月17日

2020年の冬からSassが社内標準として採用されました。 最初は戸惑いましたが、慣れるとCSSを書くのがつらくなるぐらい便利です。 Sassのごく一部の機能しか使っていないな、と思ったので書き方をまとめてみました。 [toc] Sassについて Sass(Syntac ...

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

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

【Gridは便利?】CSS Grid Layout(Grid)を使った実践的なコーディングサンプル3選!
【Gridは便利?】CSS Grid Layout(Grid)を使った実践的なコーディングサンプル3選!
2021年11月16日

みなさんは実案件でGridを導入していますか? GridはIE以外の主要ブラウザでサポートされています。 そのため、IE対応をしなければならない案件ではなかなか導入ができないのが実情です。。。 しかし、マイクロソフトから正式に、「Internet Explorer 11 デ ...

【jQuery】動きのあるアコーディオンメニューまとめ(コピペ用サンプル付き)
2021年11月12日

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

Illustrator初心者でも簡単3ステップで描けるアイコン作成
2021年11月4日

Webアイコンといえば、ボタンの遷移先を示したり、サービスの内容を簡潔に表したりと、役割は様々。 「文字だけの情報ではユーザーに伝わりにくい…」 「写真素材ばかりでバランスが悪い……」 そんなとき配置するだけで文字の情報量をはるかにしのぐ存在と言えます。 無料で使用できるアイコン ...

もっと知りたい!デザイン知識 ~色・配色編~
もっと知りたい!デザイン知識 ~色・配色編~
2021年11月2日

前回紹介した「脱!初心者デザイン」では、配色の基礎を非デザイナーさん向けにまとめました。 前「脱!初心者デザイン~色・配色編~」はこちら 今回はさらに詳しく専門的に配色や色についてご紹介出来たらなと思います。 色相環を元にした配色、トーンを使った配色、色の組み合わせで起きる対比効果 ...

Web制作の価格・サービスは自身で決めます~効率的に考えるWeb制作会社より~(社長日記 2021年10月)
2021年10月29日

世の中にあるサービスのほとんどがお店(会社)で値段を付けています。 また、サービス内容も同じ事でお店が決めています。 受託開発のWeb業界であるあるなのですが、一部クライアント側で そのサービス・価格を決めたがる風習があります。 最初に提示されて、了解を得てスタート。 ここまで ...

【CMS】URLでYouTube・Facebook・Twitter の動画や投稿を表示させる方法
2021年10月28日

HTMLで動画やSNSの投稿を表示させたい場合は、iframeを使うことが多いですよね。 普通にサイトに埋め込みたいという場合でしたら、動画サイト側で用意されたiframeをコードに張り付ければ表示されるので大変便利です。 しかし、お客さんがCMSで任意の動画や投稿を表示させたいという場合は ...

仕事にも慣れ始めた新卒デザイナーの忙しい!と感じる日は?(新卒デザイナーBLOG3期目 2021年10月)
2021年10月28日

10月に入ってやっと涼しい心地よい気候でしばらく過ごせるかと思いきや、 日によって暑かったり寒かったり気温に振り回された後、急に寒くなりました。 BRISKでも案件に振り回されるような忙しい、10月でした…というのが今月の感想ですね… 忙しいことはありがたい事ですが、来月は少し余裕が生 ...

新卒エンジニアの忙しい日のスケジュール(新卒エンジニアBLOG3期目 2021年10月)
2021年10月28日

今年は秋を感じないほどあっという間に寒くなりましたね。 10月は社内全体が忙しく、新卒も仕事が多く回ってきて大変な日が多かったと思います。 そこで忙しい日にどんなスケジュールで仕事を進めて行くのかを聞いてみました! それでは、10月の新卒エンジニアブログです! [toc] ...

JPG,PNG,SVG,GIFを使い分けて画像をきれいに表示しよう
2021年10月27日

Webサイトを制作する際、アイコン、メインビジュアル、投稿のサムネイルなど、大小様々な画像を扱うことになります。 画像にはJPG、PNG、SVG、GIFなどのファイル形式がありますが、なんとなくで使い分けてしまっていませんか? Web制作において、画像はできるだけ綺麗で、かつ軽くする ...

最近流行しているWEBデザインに使用されているイラストを分析!
2021年10月27日

最近のWEBサイトではコンテンツのあしらい仕様のほかに、 MVや、キービジュアルにイラストを使用しているサイトも多くみられますよね。 一口にイラストといっても種類は様々で、サイトにあうイラストを作成したいけど、どんなデザインがいいかな? 作るサイトにあうイラストを探すなら、どんなものが ...