Posts Tagged Web

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

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

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

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

アップロード済みの画像ファイルを圧縮するプラグイン「EWWW Image Optimizer」

Webページ読み込み速度は、ページの価値を決める要因の1つとなっています。 そのため、ページの価値を上げたいときは少しでも読み込み速度を早くする必要があります。 Googleがついに順位決定に表示速度を使い始めた(公式発表) Webページの…

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

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

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

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

読みやすい行間と文字サイズ

ブラウザのデフォルト設定だと、行間隔が詰まりすぎたり、文字が大きい、または小さいすぎるなど、やや読みづらいものとなってしまいます。 文字のサイズや行と行の間隔を適切なものにするだけで、文章を読みやすさを格段にUPできます。 今回は、「文字サ…

1分でjQueryが使い始められる「Google Hosted Libraries」

Google Hosted Librariesとは、jQueryを初めとして「jQuery UI」「ExtJS」など多くのライブラリを提供してくれるGoogleのサービスです。 このサービスを利用する最大のメリットは、各ライブラリをダウンロ…