ソーシャルメディアが出て来てから、現在では、ブログのWEB集客における有効性が大きく再認識されるようになった。 実際に、Hub Spot社のデータによると、ブログを運営している企業は、その他企業と比べて１５５%のアクセスを集め、１８８％の見込み客を獲得し、１.９７倍の被リンクを得ている。 もちろん、弊社もブログから、見込み客や案件の獲得において、非常に多くの恩恵を受けている。 前置きはここまでにして、下図をご覧頂きたい。 バズ部ブログは、今年の５月に開始してから５ヶ月後の９月で１００万PVを達成することができた。 そこで、この経験をもとに、私がブログ作成前に行っていたリサーチやプランニングの７つの手順に重点をおいて、全部で３２の手順をご紹介する。これらは、ブログだけではなく、コーポレートサイトやECサイトの作成にも共通するものなので、是非参考にして欲しい。 また、私たちバズ部は12年で40
サーバ移転とドメイン移管について、今後のためにメモっておきます。ついでにWordPressの設置についてもメモ。 1.はじめに 2014年1月31日 ★更新：2016年7月16日 超初心者がサーバ移転をし、なりゆきでドメイン移管もすることになりました。 はじめてなので心配でしたが、やってみたら意外とスンナリいきました。 ただ、サーバ契約のタイミングなど、ちょっと失敗したな…と思う事もあり、 将来のため、忘れないうちにいろいろメモっておく事にしました。 ここに登場する「サーバ」や「ドメイン管理サービス」はかなり限定的です。 私と同じく「はじめて」で、↓似たような状況のかたに参考になれば…と思います。 「Wappy」から「ミニバード」へのサーバ移転 「Wappy」から「スタードメイン」へのドメイン移管 「ミニバード」での独自ドメインの設定 「ミニバード」でのデータベース設定とWordPress
いまさらながら、グリッドレイアウトのレスポンシブデザインについて記載したいと思います。 レスポンシブデザインのグリッドレイアウトについて可能な限りわかりやすく、フレームワークを使用しなくてもコーディングできるよう記載したいと思います。 グリッドレイアウトのレスポンシブデザインを理解することで、フレームワークを利用するよりもはるかに応用のきくページが作成できます。 最終的には以下のようなページができるように説明していきます。 完成品のページで画面の幅を変更してみてください。 完成品を確認 もし、時間がないという方はGoogleで「グリッドレイアウト レスポンシブデザイン」で検索して上位表示したページのツールを使うことをお勧めします。 ちなみに私は以下のサービスを推します。 ■gridpak http://gridpak.com/ シンプルで操作性がよく、グリッドレイアウトの基本的な
Foundation5の使い方の説明。今注目のCSSフレームワークFoundationを今さら始めたwebデザイナーの備忘録。Bootstrapとの違いを交えながら説明をしています。Foundation5の使い方 今さらFoundationを使い始めた 残念なwebデザイナーによる使い方の説明サイト。 初心者なので優しい目で見守ってください。 まずはFoundationについてを見る Bootstrapについで人気があるCSSフレームワークのFoundation5の使い方の説明サイト。 先に作成した姉妹サイトのBootstrap3の使い方と比較する形で紹介しています。 ※Foundationのバージョンは作成時の最新版5.5.1版での説明になります。 ※姉妹サイトのBootstrap3の使い方に合わせてカテゴリ分けしているので公式サイトとは違うカテゴリ分けをしています。 Foun
カンプやワイヤーフレームを作成する上で重宝するのが、グリッドシステムです。 これは、縦方向に区切られたカラムに沿って要素を配置するもので、簡単に見栄えのするレイアウトを作成することができます。 多くの制作者はグリッドシステムを利用する場合には960GRID SYSTEMなどを使用したりします。 近年のWebサイトは横幅が大きくなり続けており、デザインする時に960GRID SYSTEMの横幅が960pxでは不足する場合も出てきているものと思われます。 もっと自由にグリッドシステムを設計したい場合にはカラムを自作するのが一番です。 PhotshopもIllustratorもCCではカラムを簡単に作成できるようになっています。 もっと自由に自分専用のカラムを使用してグリッドシステムを活用してみましょう。 ページの横幅の決め方ＰＣ用 グリッドシステムのカラムを作成する時に事前に必要になるのがペー
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
エクセルのExcel2016,2013中級技19 いちどに複数の行を挿入するには データを入力し終えたところで、抜けていることが判明。 そういうことって、時々ありますね。 複数の行を挿入する時、1行ずつ挿入するのは、めんどうくさい。 はじめから、複数行を挿入したい時は、まとめて挿入することができます。 複数行をシートにまとめて挿入する
シームレスパターンとは シームレスパターンとは、簡単に言えば、パターンの端と端の境目がわからないように繰り返されたイメージのことです。パターンを隣り合せで配置しても継ぎ目は見えません。シームレスパターンを何度も繰り返すことで、1つの小さなイメージから広い領域のパターンを作成できます。領域全体に簡単にパターンを配置することができ、また、目的の効果を出すためにサイズ変更も可能なため、デザイナーにとってはきわめて便利な技法です。 シームレスパターンにはいくつかの種類があります。横方向にシームレスなパターンでは、イメージが左右に繰り返された場合にコンテンツが連続して見えます。縦方向にシームレスなパターンでは、イメージが上下に繰り返されます。単にシームレスなパターンでは、四方全体が連続して見えます。 シームレスの意味を理解する シームレスパターンの基本概念はごく単純です。パターン内のオブジェクト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
