スポンサーサイト

スポンサー広告 ]  --/--/--(--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

コメント: | トラックバック: | 編集 

折りたたみ機能(サイドメニュー・プラグイン・続きを読む追記)

[メモ]ブログメモ ]  2006/02/12(日)
参考になりそうな記事を覚書させていただきました。



★小粋空間: サイドメニューの折りたたみ(v4.0)
http://www.koikikukan.com/archives/2005/04/01-220000.php

★[亜] 折りたたみメニュー(普通の折りたたみメニュー)
http://bisco.blog2.fc2.com/blog-entry-46.html

★[亜] プラグインの折りたたみ・ツリー化
http://bisco.blog2.fc2.com/blog-entry-355.html

Glim. | 一番簡単な折りたたみ
http://breaktime.blog8.fc2.com/blog-entry-287.html

ナビゲーションのツリー化と折りたたみを導入しました。(参考pも)
http://bpc.blog14.fc2.com/blog-entry-428.html

FC2ブログ ユーザーフォーラム :プラグイン部分を折りたたみたい
http://blog.fc2.com/forum/viewtopic.php?t=4274&start=0&postdays=0&postorder=asc&highlight=%C0%DE%A4%EA%A4%BF%A4%BF%A4%DF


やむやむ: サイドメニューの折りたたみマーク消えた
http://caetla.oops.jp/blog2/archives/2005/04/07_2127.php
------------------------------------------------------------
★テノゴマ!~ブログカスタマイズまごの手
http://tenogoma.blog58.fc2.com/

★[亜] 追記の展開・折りたたみ
http://blog2.fc2.com/bisco/blog-entry-6.html

「続きを読む」を折りたたみ式に!(livedoor)
http://blog.livedoor.jp/syourenninn/archives/50548916.html
スポンサーサイト

コメント:(2) | トラックバック:(0) | 編集 

ブログでの文字サイズ(覚書)

[メモ]ブログメモ ]  2006/01/17(火)
最近フォントサイズを絶対値固定にしてるブログをよく見かける。font-size:13px、のようなサイズ指定のやり方だ。固定サイズはデザイン重視の場合はレイアウトが崩れにくく便利だが、ブラウザのサイズ変更が効かなくなるというデメリットがある。

私も以前はサイズ固定にしていたが、友人から「文字サイズ最大にして寝ころがって見てるから、サイズ固定のサイトは即効閉じるよ!」と言われ、目からウロコが落ち、全て変更した。

ユーザビリティを考えると相対単位指定の方が望ましい。
以下自分用も兼ねて備忘録。参考にどうぞ。


絶対単位:mm cm in(インチ) px pt pc
相対単位:% em(大文字の「M」の高さを基準)ex(小文字の「x」の高さを基準)

------------------------------------------------------------
当ブログでの普通に書いた文字のサイズ。小さすぎるのも目が痛いけど、微妙に大きすぎて目がすべる気がする・・・。


自分用メモ。

フォントサイズ1です。
フォントサイズ2です。
フォントサイズ3です。
フォントサイズ4です。
フォントサイズ5です。
フォントサイズ6です。
フォントサイズ7です。

フォントサイズxx-smallです。
フォントサイズx-smallです。
フォントサイズsmallです。
フォントサイズmiddleです。
フォントサイズlargeです。
フォントサイズx-largeです。
フォントサイズxx-largeです。

フォントサイズ0.8emポイントです。
フォントサイズ0.9emポイントです。
フォントサイズ1emポイントです。
フォントサイズ1.1emポイントです。
フォントサイズ1.2emポイントです。
フォントサイズ2emポイントです。

フォントサイズ12ピクセルです。
フォントサイズ13ピクセルです。
フォントサイズ14ピクセルです。
フォントサイズ15ピクセルです。
フォントサイズ16ピクセルです。

フォントサイズ12ポイントです。
フォントサイズ13ポイントです。
フォントサイズ14ポイントです。
フォントサイズ15ポイントです。
フォントサイズ16ポイントです。

フォントサイズ85%です。
------------------------------------------------------------
一緒?
フォントサイズ2
フォントサイズsmall
フォントサイズ0.9emポイント
フォントサイズ13ピクセル

フォントサイズmiddle
フォントサイズ1emポイント
フォントサイズ14ピクセル
フォントサイズ←これが通常サイズだけどmiddleと同じなのか・・・?

もし参考になれば。
------------------------------------------------------------
■関連記事■
デザイナーがウェブの文字サイズを小さく固定したがる理由 [絵文録ことのは]
http://kotonoha.main.jp/2003/11/08fontsize.html
ner式:豆字をめぐる冒険
http://ner.her.jp/ner/archives/2005/03/post_62.php
文字サイズの固定はしない
http://www.mars.dti.ne.jp/~fuming/contents/sizefix.htm
見え方について言いたい放題 - 文字サイズ固定のススメ
http://ryus.s21.xrea.com/Sub/about/font.shtml

コメント:(2) | トラックバック:(1) | 編集 

リンク作業(URL+タイトル)を楽にするfirefox拡張ツール

[メモ]ブログメモ ]  2006/01/14(土)
firefox拡張ツール copyurlplus
ブログの記事中のリンク作業が面倒だったので今更ですがインストールしました。自分用メモですが、便利な機能だったので使ったことない人にオススメします。あまりパソコン詳しくない人でもわかるように書けてるといいんですが。


◆機能
今見ているページのタイトルやURLをコピーしたり、リンクタグを作る機能を右クリックに追加。リンク作業にかかる時間を大幅に短縮できます。

◆ダウンロード
電網探題: Copy URL +にcopyurlplus日本語バージョンが置いてあります。(英語はコチラ

最新バージョンを右クリック→「リンク先を名前を付けて保存」
保存したファイル(CopyURLplus-1.3.1_jp.xpi)をfirefoxにドラッグ&ドロップで自動でインストールされます。

これで、「URLとタイトルをコピー」、
文字列選択中に「選択中のテキストとURLをコピー」「タイトルと選択中のテキストとURLをコピー」の3つの機能が追加されます。

------------------------------------------------------------
更にカスタマイズでリンク形式を自由にいじることができます。

◆プロファイルフォルダにuser.jsを作成
Windows XP/2000 の場合
C:\Documents and Settings\UserName\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.defaultフォルダの中にuser.jsを作成
(新規テキスト文書.txtを作成し、名前をuser.jsに変更)

参考:user.js http://www.mozilla-japan.org/support/firefox/edit#user

◆user.jsに以下の文字列をコピーペースト
 (自分が使いそうなものを書いてみました。)

// copy URL+ customize
user_pref('copyurlplus.menus.1.label','-----');
user_pref('copyurlplus.menus.1.copy','-----%');
user_pref('copyurlplus.menus.2.label','Title URL');
user_pref('copyurlplus.menus.2.copy','%TITLE% %URL%');
user_pref('copyurlplus.menus.3.label','A href Title');
user_pref('copyurlplus.menus.3.copy','<a href="%URL%" target="_blank">%TITLE%</a>');
user_pref('copyurlplus.menus.4.label','A href URL');
user_pref('copyurlplus.menus.4.copy','<a href="%URL%" target="_blank">%URL%</a>');
user_pref('copyurlplus.menus.5.label','-----');
user_pref('copyurlplus.menus.5.copy','');
user_pref('copyurlplus.menus.6.label','blockquote(cite)');
user_pref('copyurlplus.menus.6.copy','<blockquote>%SEL%</blockquote>');
user_pref('copyurlplus.menus.7.label','-----');
user_pref('copyurlplus.menus.7.copy','-----');
user_pref('copyurlplus.menus.8.label','TITLE');
user_pref('copyurlplus.menus.8.copy','%TITLE%');
user_pref('copyurlplus.menus.9.label','URL');
user_pref('copyurlplus.menus.9.copy','%URL%');


◆firefoxを再起動

◆機能を試してみたら、後は自分が使いやすいよう適当に変えてください。
labelとcopyの2行でワンセット。labelは右クリックメニューに表示される文字列で、copyはコピーされる形式です。
最初labelに日本語入れてみたんですが、(タイトルをコピー等)それだとうまく動作しなかったので仕方なく英語名にしました。



◆参考にさせていただきました!
plant4 - Firefox拡張copyurlplusのメモ
hxxk.jp - Copy URL+ をカスタマイズ
かずの気ままな踊ログ - odolog
mieki256's diary

参考になれば

コメント:(0) | トラックバック:(1) | 編集 


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。