タグ

2009年7月4日のブックマーク (6件)

  • ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo

    javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/loopscroll.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページがものすごい勢いで横スクロールします。(止まりません) ソース loopscroll.js 関連エントリー(ネタスクリプト) HTMLの暴走 (meltdown3) - KAZUMiX memo 関連エントリー(実用スクリプト) 公開!「BannerSlide - スライドショウーバナーFl

    ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo
  • 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集:phpspot開発日誌

    11 Great Photoshop Photo Effects Tutorials | Design Shard 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集が紹介されていたので一部ご紹介。 How to Turn Humdrum Photos into Cinematic Portraits 映画GOEMONの表紙みたいに仕上がります。 Beautiful Lady Light Effects Macの壁紙っぽい画像を合成してアート風に Create dynamic distortion effects バスケのシュートする人を水人間にする 全部見る チュートリアルを見たからといって完全に再現できるものではなさそうですが、よい教材になりそうですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 高級感のあるナビゲーションバー作成Photos

  • フッターとかの区切り『|』のサンプル1種

    ふと、昔のサンプルを見て、今そんな組み方しないよ。とか思ってしまったので、最近もっぱらコレっていうのを書き書き。 コレに限らず、昔のエントリーを見てると、自分で無いな~使えねー!って突っ込みたくなるエントリーが多いっす・・・うぅ。 念じたら全部最近の書き方になおらないかな。 ・・・ 残念ながらなおらないと思うので、昔のエントリーを見る場合は、ちょっと気を付けたって下さい。 何気に大掛かりな計画は有るけれど、計画がでか過ぎて中々どうにもこうにも。 というかブログ書いてる暇有るなら、「お前アレやれよアレ。」ってお怒りの声が聞こえてきそうなので、アレに専念する為にまた大人しくしてるっぽいです。 最近フッターで区切りが有る場合は、:first-child疑似クラスを使って対応するケースが殆どです。 実際のサンプルも用意しました。 サンプルサイトを見る XHTMLはこんな感じ。 <div id="f

    フッターとかの区切り『|』のサンプル1種
    sw_lucchini
    sw_lucchini 2009/07/04
    フッターの区切り線をcssで
  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

    sw_lucchini
    sw_lucchini 2009/07/04
    印刷用のcssについて。何が必要か細かく書かれている。
  • JPEG画像をより美しく、より軽量に最適化するテクニック

    JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため

  • FlashLite1.1でsin,cosを使わない円運動 | _level0 - KAYAC Front Engineer Blog

    以前こちらでも書きましたが、FlashLite1.1ではMathクラスの使用が推奨されていません。 Math.cosやMath.sinといったメソッドが使えなくて困ることは色々ありますが、例えば周期的な動きをASでどうやって表現すればいいのか?ということ。 そこで、今回はFlashLite1.1で円運動をどう実現するかについて考えてみました。 まず考えたのが、三角関数を数式で計算すること。 cosやsinはテイラー展開を使って数式だけで近似値を求める事ができるのですが、いざ試してみるとかなり次数を上げないと精度が出ない上に、ムリヤリMathクラスを使ったほうが軽くなりそうなくらいの計算量になってしまったのでボツに。 仕方ないのでwonderflをあさってみると、 弊社taro氏のど真ん中なポストがあるではないですか! なんとシンプルかつスマートな実装でしょう!これをFlashLiteのシン

    FlashLite1.1でsin,cosを使わない円運動 | _level0 - KAYAC Front Engineer Blog