ウェブ関連 一覧

アクセスアップにつながるウェブの小技

スマホサイトの表示速度を実機でチェックする方法

PCサイトの表示速度は重要なランキング要素としてGoogleのアルゴリズムに含まれていますが、今はスマホのランキングには直接影響を与えていません。
しかし、公式にアナウンスされているとおり、携帯端末でのページ表示速度は近い将来モバイルSEOの重要なファクターとなります。
ページ表示速度チェックは改善案付きで示してくれるGoogle DevelopersのPageSpeed Insightsがありますが、今回はちょっと視点を変えて感覚的にも把握しやすい実際のスマホのブラウザと回線を使ったチェック方法を紹介します。
続きを読む

超簡単!アイコンフォント Font Awesomeの使い方

ひと昔前なら画像で表現していたようなアイコン。
ウェブフォントの登場によって、描画速度が速く手軽に挿入できるテキストフォントとして使用できるようになりました。

メニューや見出しなど、重宝するケースは非常に多いですよね。
もちろん、ウェブフォントですから、iPhoneやAndroidなどスマートフォンでもアイコン表示できます。

今回はフリーのアイコンフォントで有名どころのFont Awesomeの使い方についてまとめてみたいと思います。

続きを読む

ブラウザの画像などが更新されない

WordPressをはじめ、サイト構築を行っていると変更が反映されない場合があります。
通常、Windows環境のブラウザでは【F5キー】もしくは【Ctrlキー】+【R】で再読み込みされますが、ブラウザのキャッシュのために、更新しても全データが再読み込みされないことから発生する現象です。

とくに画像データが更新されなかったり、cssが再読み込みされないためにWEBフォントが反映されないとケースはよく見られますが、自信がないと「なにか間違ってる?」なんて勘違いしてしまいそうです。 続きを読む

AdSenseの審査期間が長い!?

手軽に始められるGoogleアドセンスは人気がありますが、申請してみると「審査が終わらない」「承認メールが届かない」というケースも多いようです。
アドセンスの申請は実際にどのくらい期間で承認されるのでしょうか。

まずは簡単に申し込みの流れをおさらいしてみます。

続きを読む

SiteupSystemやTieredWorksなどホームページリース商法のサイトを通常の静的HTMLに再構築する

わたしはSITEUP SYSTEMをまったく知らなかったのですが、知り合いから依頼されヘルプすることになりました。今回はこのSITEUP SYSTEMで作成したサイトを通常更新可能に再構築して、引っ越しする方法について記事にしてみたいと思います。 続きを読む

3分で設置できる!?CSS3の角丸グラデーションボタン

CSS3と対応ブラウザの登場により、角丸やグラデーションを使ったリンクやフォームの送信ボタンが画像なしで表現できるようになりました。

うれしいことにCSSを使用したボタンは簡単に生成できるウェブサービスまであります。
border-radiusなどCSS3固有のプロパティなどを知らなくても手軽に装飾ボタンを作れるのです。
いくつか有名どころがあり、まとめ記事などもよく見ますが、今回は実際にサイトに設置するまでを実践してみたいと思います。
驚くほど簡単に設置できます!
続きを読む

webフォントの使い方

HTML5+CSS3で注目度の高いwebフォントの使い方を紹介したいと思います。
ここでいうwebフォントはgoogleやモリサワのTypeSquareなどクラウドフォントサービスではなく、自前でサーバにフォントをアップロードして使うスタンダードな手法です。(クラウドフォントサービスの場合はヘッダーに専用タグを埋め込むという形になります)

基本的にはスタイルシートでの指定となり、使い方としては和文も欧文も変わりありません。 続きを読む

日本語フリーwebフォント 表示サンプル(ゴシック編)

無料のwebフォントとして使用できる日本語書体を紹介しているサイトはたくさんあるのですが、肝心の表示サンプルが画像でイメージがつかみづらいなと思っていました。

そこで、実際にwebフォントを一覧で表示させるサンプルページを作ってみることにしました。 続きを読む

1 2