2011年6月24日のブックマーク (3件)

  • ウェブページの高速化のために読んでおきたいサイトのまとめ

    ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた(公式発表) | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳

    ウェブページの高速化のために読んでおきたいサイトのまとめ
  • Gradient Scanner – Tech & Image Design Blog

    Web design can be a tricky skill to learn. Most people who hire out professional web designers find themselves easily spending multiple thousands of dollars to have the job done right. If you’re bootstrapping your company and don’t have the kind of cash to pay for custom web design (or if you just need a website for a personal project) using a pre-built web hosting site can save you a lot of time

    psn
    psn 2011/06/24
    画像からグラデ抽出
  • [CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート

    GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日語にし、シンプルしたものをアップしました。 デモページ(当方日語化) 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ(当方日語化) <a href="#" class="button">Post comment</a> <input class="

    psn
    psn 2011/06/24
    ボタンセット