jQueryプラグイン「noUiSlider」をカスタマイズしよう！
数値の範囲を指定するレンジスライダーが簡単に実装できるjQueryプラグイン「noUiSlider」。レスポンシブにも対応しています。 ある案件でデザインを再現するにあたりカスタマイズする必要があったので、今回はそのカス…
ブランドのローカライズ
“ブランド”というと海外ブランドを思い浮かべる方が多いと思います。 AppleやCoca Colaのようなブランドは、世界中で共通のCI、パッケージを使い、WEBサイトも世界で共通であることがほと…
グラフィックデザイナーがつくるプロダクトデザイン「考える種を蒔く人」vol.1
TURN harajukuで開催しているトークイベント「考える種を蒔く人」では、「デザイン（Design）」の意味を広く捉え、新しいビジネスを生み出している人、クリエイティブな発想で活躍している人をゲストにお呼びし、これ…
世界観をつくる！あそび心のあるローディングのデザインアイデア
ページが読み込まれる前に表示されるローディング。 ほんの数秒しか表示されませんが、ブランドやサイトの世界観を表現するのに一役買っています。 今回はそんな遊び心のあるローディングのアイデアを集めました。 パリにあるデザイン…
カスタマイズしやすい！自分で作るjQueryモーダルウィンドウ
いまやWEB制作に欠かせないモーダルウィンドウですが、既存のプラグインを利用すると「やりたい表現があるけど、どこをどうカスタマイズすればいいかわからない…」という状況に陥ってしまった経験がある方も多いのではないでしょうか…
商品企画からはじまるブランディング
一般的に企業が経営戦略としてブランディングを考える場合、既存商品、あるいは、現存する企業そのものを対象とするケースが多い。しかし、私はこれまでのブランディングワークの中で、既存商品や既存組織に、服を着せるかのようにブラン…
ブランドランキング 2016年版
ブランドコンサルティングを手掛けるアメリカのインターブランド社が、2016年版のグローバルブランドランキングを発表しました。 同社は財務分析、ブランドの役割分析、ブランド強度分析などによって評価したブランドランキングを毎…
ブランディングの成果指標とは？
ブランディングは必要なことだと感じながらも、そこにどの程度の予算を投じることが適切なのか、そもそもブランディングの成果をどのように測定すればよいのか、が理解できずに、二の足を踏んでいる経営者は多い。 ブランディングの成否…
コピペOK! 個性的なSNSボタン／シェアボタンのデザインまとめ
ブログやwebマガジン、キャンペーンサイトまでさまざまなサイトに設置されるFacebookやTwitterなどのSNSボタン／シェアボタン。今回はフロンドエンド系コード共有サイト CODEPENで個性的なUIのボタンを集…
Google Chromeの検証機能でウィンドウサイズを確認する方法
サイト制作はスマホ対応が当たり前になっている昨今、レスポンシブサイトを作ることも増えていると思います。 そんなレスポンシブサイトを制作する際に重宝するのがGoogle Chromeの検証機能。これまでは検証機能を立ち上げ…
Apacheで Address already in use:エラー！ ポートが使用中でhttpdの起動に失敗するときの対応方法
Apache を再起動したとき、以下のエラーメッセージが出てしまい、再起動に失敗することがあります。再起動に失敗すると、当然ホームページが見れなくなってしまうわけですから、一刻も早く復旧させなくてはいけません。そこで今回…
お手製カレーを食す！第1回まかないカレーランチ会
去る2月26日、代表お手製のカレーを食す！まかないカレーランチ会が開かれました。 第1回目のカレーは豚肉の煮込みカレー。 当日朝から当社オフィスのキッチンでカレーを煮込む良い薫りが執務室まで漂っていました。 スパイスの薫…
ブランディングにおけるWebサイトの役割ー後編
今や身近なブランディングツールとなったWebサイト。 前回はブランディングにおいてWebサイトがどのような役割を果たせるかについて、ブランドのもつ4つの機能のうち、「出所表示機能」と「品質表示機能」の二つに焦点をあてて考…
押さえておきたい！文章ライティング7つの基礎
最近注目されているのが、コラムやブログなどのコンテンツ記事。知りたいことを検索していたら、コラムやブログにたどり着いたなんてこともあるかと思います。 自社メディアやクライアントのウェブサイトのアクセス数がなかなか増えない…
jQueryで比率計算をする方法
レスポンシブサイトをコーディングする際、「画像を背景に当てたdivの高さをどう指定すればいいかわからない…」「youtubeの埋め込み動画を横幅100%にしたいけど、縦が小さくなってしまう…」と困ったときに便利な、jQu…
フォント制作ソフトGlyphs-miniの使い方（基本編）
今回は以前当ブログで紹介したフォント制作ソフト「Glyphs−mini」を実際に購入してみたので使い方やダウンロード方法をレポートします。 関連記事：合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選 G…
Linuxでファイル名検索や文字列検索で使える便利なfindコマンド
Linuxで作業をしていると、ファイル名やテキストファイル内の文字列がどのファイルに書き込まれているか調べたり、階層のリストやファイルリストをテキストファイルに出力したりすることがあると思います。 また、ディレクトリの階…
ブランディングにおけるWebサイトの役割ー前編
ロゴをはじめとしたCIツールや広告、はたまた店舗や接客サービスなどブランディングツールは多岐にわたります。近年ではほとんどの会社が自社のWebサイトを持っていますが、Webサイトは今や最も身近なブランディングツールと言え…
SEO対策は万全？検索上位を狙うコンテンツ記事の作り方
以前「SEOを知ろう！」の記事で、社内勉強会のレポートとして、SEOキーワード選定のポイントをご紹介しました。 今回は私たちが日頃行っている、検索上位を狙うコンテンツ記事の作り方をご紹介します。 コンテンツ記事で検索上位…
jQueryで要素を上下中央に配置する方法（IE8対応）
「要素を画面の上下中央に配置したいのに、上手くいかない…」、そんな状況に陥ったことがある人も多いのではないでしょうか？ 今回ご紹介するのは、“要素の高さが決まっていない”、“IE8にも対応させたい”という場合に使えるjQ…