ブログBLOG

江東区住吉の魅力【2020年版】居酒屋・ランチ・スポット・有名企業・ディナー・スイーツを写真で解説！

江東区住吉。東京23区の東側に立地し2路線使えて交通の便もよく、23区とは思えないくらい自然も多く、住環境もよい上に隠れた名店も多い。 にも関わらず！「地味」「聞いたことない」といわれがちで、挙句の果てには神奈川県民には元住吉と間違える始末。 ちなみに関西にも住吉 ...

【初心者向け】WEBサイトで使用する良い写真の選び方

WEBサイト制作に欠かせない要素である写真… 予めクライアントが撮影された・購入した画像を頂ければ一番良いのですが、 素材サイトより写真の選定をお願いします！となって困った経験をした人、居るんじゃないでしょうか。 私も写真探しに苦労し、時間をかけてしまってたあのころを振り返って、今回は写真の選び方 ...

【ツール別比較】2020年時点におけるPhotoshop切り抜き方法まとめ

デザイン業務において避けて通れない作業のひとつに画像の「切り抜き」があります。 WEBサイトやバナーの中に、素材写真から綺麗に切り抜いた製品や人物の画像が効果的に入っているとそれだけでデザインがぐっと引き立ちます。 皆さんは普段どんな方法で画像の切り抜きを行っているでしょうか。 基本的に「綺麗 ...

【2020年版】ヘッダー・メガメニュー・スマホメニューのデザイン参考まとめ

世の中には様々なウェブサイトがありますが、ほとんどのサイトで取り入れられているのがヘッダーですね。 皆さんはどのようなデザインを思い浮かべますか？ PC時のデザインであれば、「左端にロゴがあり、右端にナビゲーションとしてリンクがある」といった形を想像される方が多いのではないでしょうか。 作成する機 ...

新卒BLOG2期目～入社3ヶ月！案件を通して成長中～（新卒ブログ2020年6月）

新卒の皆さんが入社してからあっという間に3ヶ月が過ぎました！ 緊急事態宣言もあけ、BRISKでは6月に入り盛んに採用面接が行われています。 というわけで、今回の新卒BLOGでは先輩として伝えたいことを一つ記事のテーマに入れ、来年の新卒となる就活生さん達に向けて記事を書いていただきました。 ...

Adobe XDで作れるデザイン・作れないデザイン（PhotoShopとの比較）

PhotoShopはデザイナーなら誰もが一度は使ったことがあるデザインツールだと思います。 webのデザイン作成をPhotoShopで行うwebデザイナーも多いですよね。 そこで皆さん、Adobe XDというデザインツールをご存じでしょうか？ 今回はXDをPhotoShopと比 ...

スマホの傾き検知、Web制作で使える？ or 使えない？

スマートフォンでアプリを使っていると、時々デバイスの傾きで画面内もお洒落に傾く事があるかと思います。 Webでも出来るかなと思い調べたところ「DeviceOrientationEvent」というものが見付かりましたので、簡単なデモを作成してみました。 今回は手軽にwebpackとBabe ...

2021年卒採用しています。&テレワークの現状（社長日記 2020年6月）

6月は緊急事態宣言も解除され 止まっていた採用活動を再開しました。 また、テレワークの現状についても書きたいと思います。 採用について 新卒・第二新卒中心に面接をし現時点で内定を1名出しました。 2021年卒の採用も今年と同じ4名程度を想定しています。 現在、折り返し地点という感じでしょうか。 ...

フッターデザイン【レスポンシブサイトのサンプルソース】

コーディングを始めたてのころは誰でもPCのサイトを作ることに精一杯になり、スマートフォン用の展開をおこないやすいコードを書くことが頭から抜け落ちてしまいますよね。今回の記事では、レスポンシブサイトでよく見かけるフッターを、どのようにレスポンシブ化するかを理解していただくことが目的となっていま ...

HTMLコーディングの検証ってどこ見るの？チェックポイントとよくある不具合をまとめました

コーディングの検証は見る場所やブラウザ・端末も多く、チェックが大変ですが重要な作業です。 特にヘッダーなどの共通要素、TOPページのチェックは重要です。 確認すべきポイントは多岐にわたりますが、明文化されていないことが多い作業でもありますよね。 担当者によってチェックするポイントが違っ ...

【テレワークVS職住近接】最高の働き方はどっち？リアルな声聞いてみた

この記事はこんな人におすすめ！ ・テレワーク、職場近くに住んで通勤した場合のそれぞれのメリット・デメリットが知りたい ・テレワークってやっぱり楽？サボれる(笑)？と思っている人 ・職住近接って最近聞くけど実際どうなの？という人 働き方改革が叫ばれて久しいこの頃。出社せず自宅で ...

Webフォントとは？メリット・デメリット・使い方など 完全ガイド初級編【まとめ】

最近、ブランディングのためにWebフォントを使用しているサイトを多く見かけますよね。 そんな中、「Webフォントってよく分からない…」「Webフォントって重いんじゃないの…？」「使いたいフォントがWebフォントにない…」と思っている方は多いのではないでしょうか？ この記事では「Webフォ ...

【Webデザイナー編】サイト制作会社での一日を公開してみた～仕事内容・やりがいまで教えちゃいます～

「Webデザイナーってどんな仕事をしているの？」「Web業界って残業多いの？」 Web業界で働いてみたいと思ったら、こんなこと一度は考えたことありませんか？ そこで、今回は弊社Webデザイナー・Mさんに協力いただいて、Webデザイナーの一日がどんなものか大公開しちゃいます！！ We ...

季節を感じるデザイン～夏編～

もう初夏の陽気でどんどんと蒸し暑くなってきました。 夏の気配を感じる中、今回は季節を感じるデザイン～夏編～ということで 夏を感じるデザインとはなにか、また夏っぽいデザインの作り方まで紹介していきます！ また、番外編で梅雨のデザインもおまけで少し紹介しています！ 夏らしさとは？ 皆さんは夏 ...

JavaScript初心者から中級者になるために知っておきたい７つのループメソッド

こんにちは！2019年の10月にBRISKへ入社しました、以下のブログを書いているものです。 (よかったらのぞいてみてください！) 25歳・未経験からWebエンジニアになってみた【中途採用ブログ2019年10月～12月】 25歳・未経験からWebエンジニアになってみた【中途採用ブログ2020年1 ...

Premiere Proで動画を軽量化して、Webサイトの表示速度を上げよう

Web制作を担当するにあたり、背景に動画を流す機会が増えてきました。会社やサービスの印象を動画で視覚的に紹介できるため、導入する企業は増えているかと思います。ですが、動画のサイズが重いとページを開くまでに時間がかかり、サイトの離脱が増えたり、少しもやもやしたりしてしまいますよね。 そんなとき、 ...

新卒BLOG2期目～研修期間を終え実案件に取り組んでいます～（新卒ブログ2020年5月）

新卒の皆さんが入社してから2ヶ月が過ぎ、1ヶ月間の研修を経て実務を少しずつ取り組んで頂いています。 今月はそんな新卒さんに研修の感想と、実務を始めた感想について書いていただきました～！ 新卒O.Aさん 研修について 今月の業務内容 楽しかった ...

初心者デザイナー向け！＋αでもっとデザインをクオリティアップしてみよう！～ウェブデザイン編～

前回の記事に続き、ウェブデザイン編です！ 前回のバナー・アイキャッチ編はこちら 普段何気なく見ているヘッダーやフッター、ボタンなどもデザイナーさんによってしっかりと作られているもの…。 特にコーディングを別の方が担当する場合、おや…？と思われてしまうデザインだと確認の手間などが ...

そういうの待ってた！【Photoshop2020】アップデートで追加された便利機能まとめました。

Web制作において、なくてはならない存在のPhotoshop。 昨年の11月に発表されたPhotoshop2020では様々な機能が追加&アップデートされました！ 個人的に便利だなと思った機能7つをピックアップしてご紹介したいと思います。 [toc heading_levels="2"] ...

自社サービス再始動します（社長日記 2020年5月）

スタメンというアプリを2012年に自社開発アプリとして作成しました。 当時居たメンバーとランチをしながらWBC（ワールド　ベースボール　クラシック）の話をしている時に盛り上がり アプリを作成する事になりました。 また、当時子供がやっていた習い事のキックベースのようなスポーツを指導していた事 ...