Design Snog Pure Frozen Yogurt



フローズンヨーグルトショップのサイト。
http://www.ifancyasnog.com/
  • edit
  • 2010.02.21 Sunday

Javascript アンカーにゆっくりスクロール

▼説明
http://ascii.jp/elem/000/000/182/182839/

▼JSファイル
http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/
  • edit
  • 2010.02.03 Wednesday

WebService URLを入力して一発PDF変換

imgタグのwidthとかまでは見てくれないみたい。大きな画像はそのまま表示される。

http://html-pdf-convert.com/
  • edit
  • 2010.01.29 Friday

Javascript MP3プレイヤーのスクリプト

テキストの横にMP3プレイヤーをつけられる。
wordpress用のプラグインもあり。

▼ダウンロード
http://1bit.markwheeler.net/

▼紹介サイト
http://coliss.com/articles/build-websites/operation/javascript/js-1bit-audio-player.html
  • edit
  • 2010.01.29 Friday

HTML IE8のレンダリングモードとサイト毎の互換表示

http://homepage3.nifty.com/Tatsu_syo/Devroom/IE8CompatMode.html

ホームページ公開サービスやブログサービスではサービス提供元のドメインを使うことが多くなりますが、この場合サービス提供元のページがIE 8で不具合があるために互換表示が必要なサイトとして設定されたため、ドメインが同じになるユーザーのページまでユーザーが望まないにも関わらず互換表示設定になるため、ローカルとWebサイトで同じWebページの表示が異なるという現象が多く発生すると思われます。

【解決策】
head内に <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> をいれる。

【現象例】
ブログサービスのページと独自ドメインを当てたページの表示に違いが出ていた。
→ブログサービス側のページが互換表示が必要なサイトに指定されていたため。
  • edit
  • 2010.01.20 Wednesday

Mobile モバイルサイトの情報まとめ

▼携帯サイトをはじめて作る時にぜひ読んでおきたい11の記事
http://www.plusmb.jp/2009/12/01/4999.html
  • edit
  • 2010.01.19 Tuesday

Javascript jQuery V1.4

▼ダウンロード
http://api.jquery.com/category/version/1.4/

▼ニューリリースされたjQuery 1.4のチェックしておきたいサイト
http://coliss.com/articles/build-websites/operation/javascript/jquery-14-release-info.html
  • edit
  • 2010.01.15 Friday

CSS IE系のバグとかまとめ

IE6でよく遭遇するCSSのバグとその解決方法
http://coliss.com/articles/build-websites/operation/css/753.html

IEでborderが表示されない
→不具合のある要素に「position:relative;」を入れる
http://d.hatena.ne.jp/kusakari/20071101/1193883020

IE6でfloatしたBOXの中の画像が真っ白になる
→BOXにwidth指定。それでもだめなら、position: relative;をいれる。
http://kangaroo.ni4.jp/2004/09/08/51/
  • edit
  • 2010.01.14 Thursday