月別アーカイブ: 11月 2010

Safariのバグ少々

IEとかFireFoxにばかり気を取られて、Safariはきっと大丈夫だろうと思い込んでいたのだが、
念のため見たら、ずれてる・・・。
PaddingとMarginの解釈の違いでしょうか。
FireFoxとSafariは同じように見えると思っていたけど若干解釈が異なるのですね
さらに同じFirefoxでもMac版とWin版で違うのか?
win版では問題なかったのにマックのFireFoxでバグ発見
検索窓でテキストエリアが大きくなってしまいsearchボタンがカラム落ちしていた
これはIEでも。
cssを調整して修正。

WorsPress:ユーザー管理のプラグイン

日本スタッフと海外スタッフが別々のカテゴリに投稿したいとのこと。
wp-configで言語を設定しているので、1つのWPで基本的にはJA or EN のみ。
英語版と日本語版の両方インストールすればいいのだが、何かと手間がかかるので
ユーザーにより英語と日本語と切り替えル方法が何かないものかと探すといいものが。
ユーザーごとに管理画面の言語を変えるプラグイン
http://ideasilo.wordpress.com/2006/12/06/tam-mothertongue/
また、投稿できるカテゴリーを制限する
投稿カテゴリ制限プラグイン
http://www.is-p.cc/wordpress/plug-in/category-limit/364
http://web-taiyo.com/wordpress-plugin/user.html
とか言ってたら、WP3よりマルチサイト化できるというではないか
マルチサイト構築を有効化して、configファイルを設定すると
管理画面に「特権管理者」menuができてる。
ここで、サブサイトを作成
フォルダ形式とサブドメイン形式とあるけど、サブドメイン形式はちょっと敷居が高いかも。
と言いつつ結局2つインストールした。。。

ブラウザによるフォントの見え方の違い

OS、ブラウザによって、レンダリング方法が異なるため、同じフォントでも見え方に多少の差異が生じると思われる
(Macだと非常に滑らかに見える、)
と判断したのですが、合ってるのかな。
cssでフォント指定しなかった場合、ブラウザの標準fontが採用される
web制作者側でfontを固定しないほうがいいかもしれない。という考えもあり
font問題は難しいな・・・。
参考)
http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html

http://www.tg.rim.or.jp/~hexane/ach/lbcs/lbcs1-11.htm
http://www.project-h2.com/yattemotors/css_test/note_css02a.html
http://logic.stepserver.jp/data/archives/405.html

jQueryでスライドメニュー

マウスオーバーするとにょろにょろ?(擬音の選択が難しい・・・。)出てくるナビゲーション。
参考)
http://blog.creamu.com/mt/2009/12/jquery_26.html
http://kachibito.net/web-design/css-menu-with-jquery-collection.html
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/
http://design-develop.net/web-design/11-useful-jquery-tab-navigation-solutions.html

Javascriptでページネーション(ページング)

○ページネーション
http://plugins.jquery.com/project/pagination
http://rohitsengar.cueblocks.net/jquery-pagination-plugin/ ※2010年12月24日現在、攻撃サイトとして報告されているとアラート表示された
使い方はこちら参照しました:http://www.skuare.net/2010/01/javascriptjquery_pagination_pl.html
○ページネーションのCSS
http://mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/
○CSS+Javascriptの参考
http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/