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

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の導入方法」を解説しました。 今回は一歩踏み込んだカスタマイ … 続きを読む→

WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法




優れたイメージは一瞬で人を惹きつけ、キャッチコピーへと誘います。 優れたデザイナーは、優れたコピーライターと、優れた写真家を知っています。それは彼らがいなければ自分がどんなに努力をしても徒労に終わる事 … 続きを読む→

WordPressでページのヘッダにあるアイキャッチ画像を非表示にする方法




本文と関連のない画像は百害あって一理なし 一覧ページに、記事の抜粋とアイキャッチ画像を表示してるサイトが多いようです。 本文と関連した画像なら問題ありませんが、誘導のためだけの画像や、他の投稿とデザイ … 続きを読む→

Custom Post Type UIでカスタムタクソノミーをとことん使いこなす方法




優れたデザイナーは収納上手。間違えない仕組みをデザインしよう なんだか呪文みたいな「カスタムタクソノミー」。「自分で作る分類」という意味です。 使い方さえ覚えれば、とても便利な機能です。今回は設定から … 続きを読む→

WordPressで複数のループを使ってカスタム投稿一覧を自在に表示する方法




サブループを使えば、多様な情報を表示するポータルサイトも簡単に作れます 複数ループの制御までくるとワンタッチで使えるプラグインは用意されていません。カスタマイズするには基本的なPHPの知識が必要になり … 続きを読む→

1 / 212