BLOG ブログ

ゴールデンウィークが明けて、少しずつ汗がにじむ季節になってきました！ お出かけ日和な日が多いので、梅雨になる前にどこか遠出をしたいものです…。 新卒研修から約1か月。 新卒エンジニアのお二人に、インタビュー形式で研修についての感想を伺いました！ それでは、新卒エンジニアブログです ...

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

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

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

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

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

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

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

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

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

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

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

3月の数字が4月に逃げつつあり、3月は現時点で目標には到達するものの 大きな額では無くなっているそんな3月です。 メンバーの中でお客さんが急ぎでなければ後回し が蔓延しておりよい結果に繋がっていない現実です。 自分で目標を作りそれに向かい進めないと 今より大きくなるのは難しいし ...

Git関連のインストールは選択項目が多いため、慣れていない人にとっては何を選んでよいのか分からないことがあるかもしれません。 そこで今回は画像と補足をいれながら ①Git for Windows Version 2.34.1 ②Soucetree Version 3.4.7 ③Tor ...

弊社ではMW WP Formを利用して、WordPressのお問い合わせフォームを作成することが多いです。 ちょっとしたカスタマイズをすることがよくあるので、今回まとめてみました。 この記事ではMW WP Formの導入方法については触れません。 以下の記事で詳しく解説されているので、 ...

「初めてのロゴ制作、何から手を付けたらいいのかわからない...」 「会社の名前を覚えてもらいたい！というクライアントの要望に応えるロゴにするには？」 このようなことでお悩みの方向けに、本記事では、ロゴの種類と作成の流れを解説いたします！ 種類と流れだけでなく、興味深いロゴの歴史やロ ...

今月で新卒エンジニアBLOG3期目が最終回になります。 もう入社から1年経つと思うとあっという間でしたね…！ 最終回という事で1人2000文字以上というルールで1年間の振り返りをして頂きました それでは、今月の新卒エンジニアブログです。 [toc] 新卒I.Kさ ...

今期もあっという間に過ぎ去り新卒BLOG3期目も最終回となりました。 今年も1人2000文字以上書くというのをルールに各々1年間の振り返りをして頂きました！ それでは新卒デザイナーBLOGです！ [toc] 新卒A.Mさん A.Mさん2021年新卒としてBRISKに入社。東京都の専 ...

CSSを指定しているはずなのに、要素にスタイルが当たっていないということがよくありませんか？ タイプミスはしていないし、クラス名の前にピリオド（.）もついていてセレクタの指定も間違っていない…といった場合は、詳細度や継承が原因かもしれません。 この記事では詳細度、継承についてのCSS ...

「擬似要素」という言葉から何を思い浮かべますか？ コーディングをしたことがある方が最初に思い浮かぶのは、やはり::beforeや::afterではないかと思います。 実際に案件で使用する擬似要素は、::beforeや::afterがほとんどです。 ですが擬似要素について調べてみたところ、様 ...