Posts Category Web

無料で使えるフラットアイコンフォント「Genericons」

「Genericons」はWordPressのデフォルトテーマ「TwentyFourteen」にも使用されているアイコンフォントです。汎用的なアイコンが揃っており、CSSで色やサイズが簡単に変更できるため、どんなWebサイトやブログに合うよ…

動画をWebページに埋め込む方法

動画それだけで1つのページが作れる魅力的なコンテンツです。 Webサイトを作成する上で動画を扱えると作れるコンテンツの幅が広がりますので、知っておいて損は無い知識です。 今回は、YouTubeやニコニコ動画などの大手サイトの動画を自分のWe…

センスの良い配色のWebサイトを作る方法

センスの良い配色を選ぶ時には、彩度・明度・色相のバランスや青/白は清潔感、黒は高級感などの色の意味を知ってバランスの良い組合わせ模索する必要があります。 配色の本が出ている位なので、こういったセンスを磨くのはとても大変です。 私は本職のデザ…

Webサイトの読み込み速度を上げるためのJavaScript / css の最適化

Webサイトの読み込み速度を上げるため、JavaScriptとcssを最適化する方法を紹介します。 cssやJavaScriptに改善の余地がある場合は、以下のサイトにURLを入力すると「次のCSS 配信を最適化してください」や「レンダリン…

Webサイトの高速化!!「ブラウザのキャッシュを活用する」方法

Webサイトの高速化の方法の1つとして、ブラウザのキャッシュを活用する方法があります。 プラウザのキャッシュとは、一度ダウンロードしたCSSやJSのファイルをローカル環境に保存して、次回アクセスからはそちらのファイルを利用することです。 こ…

ホームページに最適な画面サイズ

ホームページのレイアウトを作るときに、まず決める必要があるのが画面のサイズです。 最適なサイズでレイアウトを組むことが、見やすいレイアウトにつながって行きます。 今回は、レイアウトを組むために最適なサイズがいくつなのかを調べてまとめてみまし…

簡単にサイトマップの登録ができるWordPressプラグイン「Google XML Sitemap」

サイトマップとは、作成したホームページの構造をわかりやすく記述したものです。 検索エンジンにページの構造を知らせクロールしにきたときに、自身のサイトをくまなく見てもらうことができます。 サイトマップを登録するメリットとしては、以下の2点が上…