カテゴリー「デザイン」の記事一覧

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう




世の中には魅力的なフォントがたくさんあります。 Windowsで新しくフォントを追加するには、システムにインストールする必要があります。 デザイナーや、フォント好きの方なら、フォントを100や200追 … 続きを読む→

公式ドキュメントよりも詳しいTinyMCEの使い方(応用編)




TinyMCEをとことんまでカスタマイズしたい方向け 前のページでTinyMCEの基本的なカスタマイズ方法について解説しました。 このページではもう一歩踏み込んで、出力されるデータの形式を変更したり、 … 続きを読む→

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)




サンプルとデモページで実際の動作を通して学ぶTinyMCEの設定方法 以前の投稿「PukiWikiをビジュアルエディタ(TinyMCE)で編集できるプラグインを作成」で、TinyMCEについて学びまし … 続きを読む→

そのサイト、WordPressじゃなくてWixで十分じゃない?




とりあえずWordPressを使っておけば間違いない現状 WordPressの快進撃が止まりません。 2015年の段階で「全世界のサイトの4分の1はWordPressで作られている」という衝撃的な発表 … 続きを読む→

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本




「Lazy Load」より「lazysizes」をおすすめする理由 遅延読み込みと言えば「Lazy Load」を思い浮かべる方が多いのではないでしょうか。 「Lazy Load」は遅延読み込みを実現す … 続きを読む→

Google Fontsの日本語フォント「Noto Fonts」の使い方




Google Fonts謹製の日本語フォント「Noto Fonts」 このページではGoogle Fontsの中でも大注目の日本語フォント、Noto Fontsの使い方を解説します。 合わせて日本語の … 続きを読む→

Web Fontの使い方とGoogle Fontsのオススメフォント 10選




HTMLとCSSに1行追加するだけで利用できるWeb Font Web FontとはWeb上にあるフォントをブラウザで表示する技術です。 通常ブラウザで表示できるのはユーザーのパソコンにインストールさ … 続きを読む→

古い形式のフォントをOpenTypeに変換するTransType 4




デザイナーにはお馴染みのPostScript Type 1フォント Windowsで作業をしていると「Macで利用していたPS1フォントをWindowsで使えたら…。」と思うことも多いはず。 しかしP … 続きを読む→

iOSのWeb Clip機能で使うWebpage Iconのまとめと、作成方法




ふとNginxのログを見てみると404エラーがずらずらと 「apple-touch-icon-152×152-precomposed.png」という画像が無いという404エラーが発生。 「そ … 続きを読む→

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更




我流のカスタマイズから、公式推奨のカスタマイズへ このブログでは開設当時に配布されていた公式テーマTwenty Tenを元に改造していました。 「人気のWordPressをとりあえず試してみよう」とい … 続きを読む→

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方




そろそろレスポンシブWebデザインについて本腰でとりかかろう このブログはWebサービスに関する記事が中心のため「ほぼPCからのアクセスだろう」と踏んでいました。 当初は目算通り推移していたのですが、 … 続きを読む→

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集ソフト




素人とプロを分ける4つのソフトを紹介します 少しでも早く、少しでも的確に伝えたい。そんなプロ根性を支える、無料ソフトを紹介します。 「しょせんは無料ソフトでしょ?」とあなどる無かれ、プロのデザイナー御 … 続きを読む→

作業効率を飛躍的に向上させる!実務で使うIllustratorのショートカット一覧




1秒でも早く作業を終わらせたい方へ 作業をしていると多くの方に尋ねられるので、普段のデザイン業務で実際に利用しているショートカットを紹介します。これだけ覚えれば格段に作業効率があがります。 作業効率を … 続きを読む→

Photoshopのドロップレットで数百万枚の画像を自動処理する方法




楽して数百万枚の画像を処理するドロップレットを解説します サムネイルの作成。画像サイズの変更。画質の調整。 そんなルーティーンワークは、フォトショップのドロップレット機能に任せましょう。 今回はせっか … 続きを読む→

無料!プロでも使えるepsのロゴライブラリー「Brands of the World」




仕事に使えるロゴデータサイトの情報を紹介します 企業のロゴ、クライアントから全て提供されるとは限りません。 データの支給をお願いしたら「インターネットのロゴを使って」とか、「海外への許諾申請を英文でお … 続きを読む→

「人気ブログの作り方」最高のアクセスアップ法!記事とソーシャルメディアの相乗効果




最高のSEO対策。アクセスアップの決定版。「記事の内容を充実させる」これ以上の対策はありません ブログを多くの人に読んでもらいたい 人気ブログには人気になるための仕組みがあります。まったく同じ内容の記 … 続きを読む→

「人気ブログの作り方」もう色で悩まない!人気ブログから学ぶ色彩のテクニック




人気ブログにふさわしいロゴと配色を学ぼう ブログは多くの場合、イメージはフリーのものを使います。そのためイメージに統一感を持たせるのは困難です。 更にAdsenseのように自動で切り替わる広告や、リン … 続きを読む→

「人気ブログの作り方」効果的なナビゲーションを人気10ブログから分析




人気ブログを分析することで、人気ブログを作る方法を探ろう 本には本の、テレビにはテレビのフォーマットがあるように、人気ブログにもフォーマットがあります。フォーマットを使えばユーザーフレンドリーで説明不 … 続きを読む→

記事の抜粋を表示する「the_excerpt()」をカスタマイズして本文の長さを変える方法




ページに合わせた抜粋を表示する WordPressで抜粋を表示するには「the_excerpt()」というテンプレートタグを追加するだけです。とても便利ですが、この方法では全て同じフォーマットで出力さ … 続きを読む→

Popular Postsをカスタマイズして、人気記事のサムネイルを表示する方法




Popular Postsを使いこなして、サイトの訴求力をあげよう 前回「WordPressに人気の記事を表示するPopular Postsの導入方法」を解説しました。 今回は一歩踏み込んだカスタマイ … 続きを読む→