タグ

ブックマーク / blog.chibatch.jp (2)

  • javaScriptでフォントサイズを変更する(クッキー付き) | チバのブログ

    jQueryを使ったフォントサイズ変更用のスクリプトのソースを紹介します。 これを使えばページのリロードなしに、ページ内のフォントサイズを変更することができるようになります。また、変更後の大きさをクッキーに保存するので、ページ遷移後もフォントサイズの大きさは変わりません。 このスクリプトを作るにあたって、フォントサイズ変更のスクリプトをいろいろと見て回ったのですが、クリックによって<link>要素を書き換えて読み込むCSS自体を変更する、というスクリプトがほとんどでした。 それだと、なんか面倒くさそうだったので、ここで紹介するスクリプトは<body>につけるクラスを変更する、というものにしました。 準備 jQueryを使って動作するスクリプトなので、先にjQueryを読み込んでおいてください。 また、クッキーも使いますので、jQueryでクッキーを扱うプラグイン(jQueryで簡単に

  • CSSの@importを無くしただけで劇的にレンダリング速度が速くなった | チバのブログ

    今日、仕事で試してみたのですがとても効果があったので書いておこうと思います。 なにかというと共通のCSSとかjavascript用のCSSとかをまとめて@importで読み込むためにimport.cssとかって作ったりしますが、そこで読み込んでいる順番で<head>に書いてえば@importで読み込んでいるCSSが多い時はサイトのレンダリングの時間がかなり早くなります。 import.cssの場合 例えばこんな感じでCSS内で共通のCSSをインポートしていると思います。で、それを各ページ用のCSSでまたimportするみたいな感じです。 @import 'reset.css'; @import 'font.css'; @import 'thickbox.css'; 変更後 これを以下のように変えるだけで今回の案件では劇的にレンダリングの速度が変わりました。 <head> <link re

    mimimi0101
    mimimi0101 2009/03/01
    @importより<link>の方が早いらしい。試してみよう
  • 1