ワイヤーフレーム(画面設計)の作り方~Webディレクター必見~
ワイヤーフレームとは別称「画面設計」と呼ばれるもので、Webサイト制作の工程の中で一番初めに作成されるものです。ビジュアル的には簡素ですが、非常に重要な工程です。 ワイヤーフレームを作成せずそのままデザインを起こしていく場合もありますが、その際もデザイナーの頭の中ではワイヤーの設計レベルの ...
東京ホームページ制作
Copyright (c) BRISK All Rights Reserved.
ワイヤーフレーム(画面設計)の作り方~Webディレクター必見~
ワイヤーフレームとは別称「画面設計」と呼ばれるもので、Webサイト制作の工程の中で一番初めに作成されるものです。ビジュアル的には簡素ですが、非常に重要な工程です。 ワイヤーフレームを作成せずそのままデザインを起こしていく場合もありますが、その際もデザイナーの頭の中ではワイヤーの設計レベルの ...
ホームページリニューアルに失敗しないためのポイントや進め方について解説!
新しいデバイスの開発や通信の発達、急速なスマートフォンの普及で5年前に作ったサイトでも古く感じてしまうホームページ。今や会社の情報発信源、顔として必須のホームページも物理的な看板のようにリニューアルをする必要がありますよね。 「そろそろ自社のホームページをリニューアルしたいなぁ」と思った理由はな ...
【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]」を使うでしょうか。それともプラグインを使うのでしょうか。 どちらにも一長一短があり、設置するサイトの目的に応じて柔軟 ...
【WP】「All in One SEO」プラグインのカスタマイズまとめ(title,description,keyword,canonicalのカスタマイズ)
WordPressでサイトを構築する際に、TDK(title, description, keyword)の設定を行う上でとても便利なプラグイン「All in One SEO」というものがあります。 自動で適切なdescriptionにしてくれたり、SNS向けのmeta情報を出力してくれたりし ...
ECサイトにブログ追加(EC-CUBE3とWordPressの連携)
EC-CUBE3とWordPressの連携を行いたい場合の設定について纏めました。 EC-CUBEをメインに構築している環境を対象にしています。 共存について 「.htaccess」の設定 EC-CUBE側でWordPressの内容を読み込む場合 WPの読み込み 内容取得 twigファ ...
半年まであとひと月、頑張りどころの夏(新卒ブログ2019年8月)
2019年度BRISK新卒入社のお2人に、入社5か月目の感想を聞いてみました。 新卒Yさん 業務内容 5か月目になって感じたこと 今月のランチ 新卒Mさん 業務内容 5か月目になって感じたこと 今月の出来事 新卒Yさん Yさん2019年新卒としてBRISKに入社。新潟にて ...
公私ともに刺激的であっという間の8月(社長日記 2019年8月)
8月はいつにも増して、あっという間に過ぎていきました。 夏休みをお盆前に頂いたのでそれに向けて休めるように前半はバタバタして 1日があっという間に過ぎていきました。 BRISK 8月からチームで数字を追うルール 8月は社内組織を少し変えました。 数年封印していたチームで数字を追うルールを9月か ...
デザイン通りに近づけたい!文字に関するCSSプロパティ総まとめ
これひとつで印象がガラリと変わる、デザインの要(と言っても過言ではないかも?)。 それが文字ではないでしょうか。 特に日本語は漢字・ひらがな・カタカナ・アルファベットに数字と、いろいろな印象の文字が並んでいるので、デザイナーさんの苦労もわかるような気がします。 今回は、コーディ ...
脱初心者!駆け出しコーダーがつまづきがちなポイントを解説してみた【デザイナーも必見】
突然ですが、あなたはコーダーですか?それともWebデザイナー? そして、あなたはどのくらいコーディングに自信があるでしょうか? え?「自分デザイナーなんでコーディングとか関係ないし!」という人、ちょっと待って! まだ「戻る」ボタンを押さないでください!! コーディングとデ ...
時短!Photoshopのアクション&ドロップレットで大量のPSDファイルを一括で処理しよう!
WEB制作に限らず「複数のデータに一括で同じ効果を適用したい!」という場面があると思います。 Photoshopのドロップレットを使えば、アクションで作成した機能をドラッグ&ドロップのみで簡単に実行できます。 [toc heading_levels="2"] 「アクション」と「 ...
【画像素材管理】エクスプローラーでタグ検索が…できた!
Web制作では画像素材をいくつも使用してサービス内容を分かりやすくしたり、伝えたいイメージや印象をつくります。 そのため段々と購入した画像素材が増えていき、欲しい画像がどこにあったのかわからなくなって時間がかかることもしばしばです。 前回(【画像素材管理】画像素材を検索してヒットさせたい【タグ ...
【画像素材管理】画像素材を検索してヒットさせたい【タグ検索/無料/日本語】
「仕事の内の〇割は探し物をしている時間だ」という話をWebデザインスクールの講師から聞いたことがあります。 年間あたり150時間、一日20分は探し物をしている時間だそうです。年間ともなると膨大な時間ですね。まさにちりも積もれば山となる。時は金なり。 参考:書類探しの時間1日に何分費やしているのか ...
IE非対応のCSSグラデーションを文字にかける2つの方法(画像・SVG)
IEで文字にグラデーションをかけようとするとこのようになります。 文字の背景に色がついてしまうんですね。 デザインの関係などで、IEでも文字にグラデーションをかけたいときがあるかと思います。 以下のようにしたので参考にしてみてください。 画像や幅指定などおこなうので、 ...
【すぐに使える】ユーザビリティ&コンバージョン向上!WebサイトのためのUI・UX改善ポイント26こ
せっかく良質なコンテンツや優れたデザインがあるのに、ユーザーにとって「使いにくい」サイトになっていませんか? サイトの使い勝手が良いかどうかはコンバージョンにも関わってくる重要なポイント。ディレクター・デザイナー・フロントエンドエンジニアのそれぞれが、ユーザーがどう利用するのかを予想しなが ...
着々とクライアント案件に取り掛かっています(新卒ブログ2019年7月)
2019年度BRISK新卒入社のお2人に、入社4か月目の感想を聞いてみました。 新卒Yさん 業務内容 4か月目になって感じたこと 会社からの風景 新卒Mさん 業務内容 4か月目になって感じたこと 今月のおもしろかった出来事など 今月の写真 新卒Yさん Yさん2019年新 ...