ブログBLOG

WEB制作「提案資料」の考え方・作り方～抑えておきたい基本のポイント～

「WEB制作」という言葉を聞いたときに皆さんが思い浮かべる仕事はどのようなものでしょうか。 デザインを考えたり、コーディングしたり、システムを構築するなど、現場では様々な作業工程が存在します。 当たり前のことですが、そういった業務を行うためには、まずはクライアントから案件として制作の ...

HTMLで背景に斜め線を引く様々な方法（CSS、SVG、canvas）

近年、背景に斜め線を使用しているサイトがしばしば見受けられますよね？ 弊社の制作実績でも斜め線を使用したサイトをいくつか掲載しています。 株式会社オーカム：https://www.ocam.co.jp/ こういったコーディングを過去に経験している人なら分かると思いますが、ちょっとてこず ...

【チーム作業のデザイナー向け！】PhotoshopでAdobe Creative Cloudライブラリを使いこなそう！

皆さんはAdobe Creative Cloudライブラリ、通称『CCライブラリ』は活用していますか？ AdobeCCを利用されている方、特にコンプリートプランなどであれば様々なソフトを自由に使う事が出来ます。 WEBデザイナーさんであれば、Adobe製品はPhotoshopやXD、Il ...

【WordPress】クライアント目線で使いやすく！管理画面カスタマイズのポイント8つと対応方法まとめ

WordPressのカスタマイズをしていくと、機能が多くなればなるほど管理画面がごちゃごちゃしてきます。 制作する側は慣れたものですが、実際に更新・投稿をするクライアントの視点で見ると、実は不親切設計になっているかも知れません。 そこで、今回はクライアントが使いやすい・ミスしにくい管理画面に ...

急にオウンドメディアの担当者になっちゃった！ 初心者のための簡単SEO対策

HTMLもSEOも全然わからないけどメディアサイトを運営することになった方向けに、誰でもすぐ実践できる10このポイントをご紹介したいと思います。 Web制作に携わる者にとっては常識でも、普通の人は「SEO」という言葉さえ聞いたことがないかも知れませんね。 とりあえず記事をたくさん書けばよいの ...

案件を任されました！ドキドキしながら仕切っています。（新卒ブログ2019年11月）

急に寒くなってきて、冬が近いことを感じるようになりましたね！ 2019年度BRISK新卒入社のおふたりに、11月の感想を伺ってみましたのでご覧ください。 新卒Yさん 今月の業務 便利サイトの紹介 新卒Mさん 今月の業務 今月の出来事・反省 楽しかったこと 新卒Yさん Y ...

難しかったチーム制（社長日記 2019年11月）

8月からチームで数字を追うチームインセンティブ制をスタートしましたが 11月11日に終了としました。 終了した理由としては、会社の数字が思いの外作る事ができずに このまま12月に突入するとえらい事になりそうだったので急遽終了となりました。 チームインセンティブ制での難しかった点 チーム制をスタ ...

PHPによる Facebook Graph APIからの記事データの取得方法について

Facebook の情報をPHPで取得したい、というときには、Facebook Graph APIを利用すれば自由にデータを取得できます。 取得したデータで、自社サイトの中にfacebookと連携したコンテンツを作ることもできますし、「いいね」数によるランキング表示なども可能です。 他のAPIで ...

CSSでフォームをレスポンシブ【カンタン！サンプルソース有】

いまやスマートホンを持っていない人はいないくらい、携帯端末が普及しました。 とは言いつつも、ホームページのフォームはまだパソコンの画面幅にしか対応していないサイトもちらほらと見かけます。 モバイル表示に対応するのはハードルが高いように感じるかもしれませんが、意外にも簡単です。 今回 ...

【最新版＊2020年度にむけて】Webデザイン参考サイトまとめ【WEBサイト/レスポンシブ/LP/バナー】

もうすぐオリンピック開催年の2020年！最新のWebデザイン参考サイトをサイト、レスポンシブ、ランディングページ、バナー別にまとめてみました。 参考サイト自体が最新デザインであったり、使いやすい・見やすいサイトを厳選しました。 これからのデザイントレンドをチェックするのに是非ご活用くださ ...

WordPressにデザインコンペ…新しいことに挑戦した秋（新卒ブログ2019年10月）

2019年度BRISK新卒入社のお2人に、入社7か月目の感想を聞いてみました。 新卒Yさん 業務内容 初めてのWordPress 今月のランチ 新卒Mさん 業務内容 デザインコンペ パンフレット制作 今月の出来事 新卒Yさん Yさん2019年新卒としてBRISKに入社。 ...

景気どうなるの！？（社長日記 2019年10月）

10月から消費税が10%になりましたね。 その影響か、景気が「下げ止まり」から、「悪化」に変わりました。 参照）日本の景気後退が｢すでに始まっている可能性が高い｣十分な根拠 セブン＆アイ・ホールディングスの「3000人を削減する大規模なリストラ」や店舗の閉鎖もあるようです。 参照）セブン＆アイ ...

ワイヤーフレーム(画面設計)の作り方～Webディレクター必見～

ワイヤーフレームとは別称「画面設計」と呼ばれるもので、Webサイト制作の工程の中で一番初めに作成されるものです。ビジュアル的には簡素ですが、非常に重要な工程です。 ワイヤーフレームを作成せずそのままデザインを起こしていく場合もありますが、その際もデザイナーの頭の中ではワイヤーの設計レベルの ...

ホームページリニューアルに失敗しないためのポイントや進め方について解説！

新しいデバイスの開発や通信の発達、急速なスマートフォンの普及で５年前に作ったサイトでも古く感じてしまうホームページ。今や会社の情報発信源、顔として必須のホームページも物理的な看板のようにリニューアルをする必要がありますよね。 「そろそろ自社のホームページをリニューアルしたいなぁ」と思った理由はな ...

【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。

WordPressにCSVデータをインポートするために様々なプラグインがありますが、要件に応じた柔軟な対応は難しいものがあります。 例えば、「社内で管理している商品番号をキーにしたい」や「基幹システムから出力したCSVを毎日自動で取り込みたい」や「管理画面から『上書き禁止』設定をしたものはCS ...

【css】テキストにマスクをかけて途中から色を変える + 1文字ずつ動かすアニメーション [clip-path][mix-blend-mode]

タイトルが上手くまとめられなかったのですが…そのままの内容です！ 写真の上に被っているテキストだけ色が変わっているデザインのコーディングを依頼されたことがあって（最終的には別のデザインになりましたが）、もしアニメーション付けるならどうコーディングするかな？と考えた結果のサンプルです。 mix ...

【厳選10個】サイト制作の現場から厳選！すぐに活躍するchromeプラグインまとめ【全部無料】

みなさんはブラウザのプラグインを使っていますか？YouTubeの広告をブロックしてくれるものや、YouTubeの再生速度を変えてくれるプラグインなどは便利ですよね。 今回はYouTubeのプラグインの話ではなく、「Webサイト制作で役に立つ」Google Chromeプラグインについてご紹 ...

入社してから半年経ちました。印象に残っている案件を紹介します。（新卒ブログ2019年9月）

2019年度BRISK新卒入社の2人、ついに入社してから半年が経ちました。 この6ヵ月を振り返り、印象に残っている案件を伺ってみましたのでご覧ください。 新卒Yさん 美容クリニックのホームページのトップページリニューアル 弁護士系のリニューアルサイトの下層ページ展開 半年を経て 新卒 ...

ラグビーワールドカップ開幕！とチーム制・採用について（社長日記 2019年9月）

9月はなんと言ってもラグビーワールドカップ！開幕しましたね。 当初は行く予定なかったのですが インスタで選手が日本に来ている写真を見て 胸が高まり興味がわきました。 ▼ディズニーランドで、はしゃぐ前回大会大活躍のレジェンド二人。 この投稿をInstagramで見る ...

日付入力フォームをinput type=”date”でカスタマイズ【IEにも対応】

  「日付入力フォームを作ってほしい」 あなたはそう言われたら、どうやって実装しますか？ HTML5になって追加された「input[type=date]」を使うでしょうか。それともプラグインを使うのでしょうか。 どちらにも一長一短があり、設置するサイトの目的に応じて柔軟 ...