ブログBLOG

Web制作会社が案件を受注する為にやる事！（社長日記 2022年7月）

2022年はBRISKは変化の年です。 BRISKは毎年変化をする事を意識しています。 毎年ゆるやかな変化をしていますが今年はいつもの年より変化が大きく この変化がBRISKの常識となっていきそうです。 一番の変化は数字でしょうか。 いつもだったら会社の目標数字が達成までいかないと思っていた月 ...

【Webデザイン】コーポレートサイトの見出しに使える適切な英語表現

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

しとしと雨の季節6月の振り返り（新卒デザイナーBLOG4期目　2022年6月）

梅雨に入り雨降る日々が続くのかと思いきや今年はあまり雨が降っておらず、空梅雨なんて文字をニュースで見かけるほどでした。 そんな一方でじわじわと暑さが増してきて、社内でも冷房の稼働をしはじめ扇風機もフル活用しています…！ 社内メンバーも半袖率が上がってきて、夏の近づきを感じています。 ...

BRISKは8月までWebエンジニア・Webデザイナーの23年新卒採用をしています！（社長日記 2022年6月）

3月からスタートした新卒採用も 4ヵ月が経過し残すところあと2か月です。 BRISKはどんな結果であれ8月には終了と考えています。 なぜ8月で終わるかというと過去の応募を集計すると 9月以降内定を出している事がないので ダラダラする必要はないという事で8月で終わりとしています。 ただ逆に言うと ...

CSSでinputとselectのカスタマイズをしよう（ラジオボタン・チェックボックス・セレクトボックス）

Webサイトのお問い合わせフォームなどでよく利用されるform関連の要素ですが、デフォルトのデザインのままだと少し地味で使いづらいように感じてしまいます。 そこで今回は、inputタグとselectタグをCSSのみで見た目が良くなるようカスタマイズし、より入力しやすいように調整する方法 ...

【2022年版】無料アイコン素材サイト13選【商用利用可能】

忙しい作業に追われる毎日、アイコンの手描きは難しい…そんな方に、 ハイクオリティで使いやすいアイコン素材をすぐに利用することができれば、 とっても心強いですよね。 そこで、無料で商用利用OKでクレジット表記不要なアイコンが探せるサイトを 今回は13サイト選んでみました。 ぜひブックマークしてW ...

ローディングアニメーション画面をhtmlで実装【初心者でも簡単！】

ページの読み込み中に数秒間白い画面が続くと、不安になることはありませんか？ ローディングアニメーションを実装することにより、ユーザー側に「ページをしっかり読み込んでいる」ことのアピールができます。 また、最近ではアニメーションを設置することも増えたので、ローディングの時点で視覚的に興味を与えること ...

HTMLとCSSで作るインフォグラフィック（円／棒グラフ・レーダーチャート）【アニメーションつき】

近年では、グラフやチャートといったインフォグラフィックを導入しているウェブサイトが増えてきています。インフォグラフィック化することでデータをよりわかりやすく表示出来たり、重要なポイントを強調したりできる、といったメリットを挙げることができます。 インフォグラフィックをウェブサイトに入れる場合、 ...

2022年新卒研修振り返り #気づき #良かった点 #改善点　～2年目の先輩講師より～

BRISK代表取締役の城戸です。 今年も2022年の新卒が入社し無事研修を終了致しました。 6名入社した新卒メンバーも1名が退職し、 最終週に1名がコロナ陽性となり、最終的には4名で研修が完了しました。 内容的には、今年で3回目となり回を追うごとに毎回良い研修となっています。 ただ同じ内容の研修 ...

新緑の季節！５月の振り返り（新卒デザイナーBLOG4期目　2022年5月）

今年の5月は気温差が激しいですね…春の陽気を感じたのもつかの間、近頃は雨の予報も多く、6月の気配が近づきつつあります。 BRISKでは4月の研修を終え、デザイナーメンバーも先輩の指導の下、実務を任され始めました！ 他にも今月からは予定通り、毎月新卒デザイナーBLOGでアイキャッチを作成し ...

5月は毎年何もないので小ネタ集です（社長日記 2022年5月）

5月になりました。 私は今年のGWも東京で過ごしました。 今年は帰省や旅行に行った方も多いようでしたが 混雑が嫌いなので特に予定をいれませんでした。 3回目のワクチン接種をしたぐらいです。 5月のBRISKは研修も終わり 新入社員の受け入れ作業が完了し 日常に戻りつつあります。 去年の今頃は ...

GSAPを使って複雑なオープニングアニメーションを作ってみよう

アニメーション。 それはWEBサイトには欠かせない演出です。 最近のWEBサイトはアニメーションがかなり複雑になってきている印象です。 ただ、アニメーションって結構難しいですよね。 簡単なアニメーションならcssでちょちょっと書けばできますが、いくつものアニメーションが連動し ...

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

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

脱！初心者デザイン～バナー編～

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

【jQuery】Yes/No診断コンテンツの実装方法【デモ付き】

医薬品や化粧品のサイトには診断コンテンツが実装されていることが多いです。 ですが、実際に診断コンテンツを実装しようと思っても、どのように作成して良いか分からないと思います。 「サイトに診断コンテンツをを実装したいが方法が分からない」 「実装にはプラグインが必要なのか」 などと実装方法が分からな ...

【最新】Swiperの使い方・カスタマイズを解説！サンプルやオプション15個付き ー基礎から応用までー

Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありますが、本記事ではその中でもSwiperを使用した実用的なカスタマイズ例をご紹介します。 デモページを見る まずはこちらのデモページをご覧ください。 片方だけはみ出しているスライ ...

10年やっている制作会社の4月のお話（社長日記 2022年4月）

おかげさまでBRISKは4月2日で丸10年となりました。 さらっとやり過ごそうと思っていましたが 長く一緒に働いている南本さんからお花を頂いたり 前職のファクトリアル様からバルーンを頂いたりとサプライズして頂きました。 物を頂いた事より気持ち・気遣いが大変うれしい気持ちです。 あらためてありがとう ...

新卒デザイナーBLOG4期目突入！～新メンバー紹介と4月の振り返り～（新卒デザイナーBLOG4期目　2022年4月）

第3期目の新卒BLOGも無事に終了し、今月からは新メンバー3名を迎え新卒デザイナーBLOG4期目に突入です！ 今季では来月から新卒メンバーに新たな取り組みにチャレンジしてもらう予定ですが 今月はまずメンバー紹介と、入社してからの研修の感想を書いていただきました！ それでは新卒BLOGです。 新 ...

新卒エンジニアBLOG4期目突入！～新メンバー紹介と4月の振り返り～（新卒エンジニアBLOG4期目　2022年4月）

新卒ブログ4期目が始まりました！ 今年は2名のエンジニアが入社しました！！ 約1年間皆さんと一緒に、新卒メンバーの成長を見届けていけたらなと思います。 また今年のエンジニアブログでも、昨年同様さまざまなことに挑戦していく予定です。 是非楽しみにしていてください！ それでは新卒エンジニアBLOGで ...

インナー幅をはみ出すレイアウトのコーディング

コーディングをしていると、コンテンツは特定の幅（インナー幅）に収まることが多いです。 ですが最近インナー幅からはみ出ているレイアウトのデザインが多くなったと感じます。 毎回どうやってコーディングするか悩んでしまっているので、頻出レイアウトのコーディングについてまとめてみました。 デモも用意しまし ...