css内のコメントアウト裏技
css内のコメントアウトを簡単にかく裏技を紹介。（好きずきだと思うけれど…）
html内ならコメントアウトはDWの中にボタンもあるし
<!-- begin name -->こんな具合ですが、<!-- /end name -->
cssってボタンもないし、どっかからコピペしてもいいんですが、他にコピーしてきてるものがあったりして、あー手打ちできたらなー…でも覚えてないしー…て感じになりませんか？
（辞書に登録してる人もいるかもね。でもいちいち日本語入力モードにするのも面倒という私のような人は、ぜひ。）
テンキーのあたりに注目ください。
[NumLock] [ / ] [ * ] [ - ]
とキーが並んでますよね。
この/→*→スペースを組み合わせると、キーの場所で結構カンタンに思い出せます。要は「/」と「*」を使うということ、それらの順が鮮明に出てこないんですよー少なくとも私は^^；
帰りは、行きの逆で、スペース→*→/になります。
/* begin name *//* end name */
これでもうコピペに頼らなくても書けますよね♪
※半角スペースは必ず入れてくださいね。/と*で満足しないようにｗ
※コメント部分は日本語でも基本的に問題はないですが、ブログやシステムと絡んだり、文字コードがシフトJISじゃない場合は、文字化けのもとになる可能性もあるので、出来れば半角英数を推奨しますね。まれですが化けてるサイトを見かけます。
よく作るcssメモ
/* テキスト装飾 */ .px10 { font-size: 10px; } .px12 { font-size: 12px; } .px14 { font-size: 14px; } .px16{ font-size: 16px; } .px18{ font-size: 18px; } .red { color: #CA0000; } /* /テキスト装飾 */理想は、class="note"とかの方がいいんだろうけど、ユーザーさんの方で更新したりするサイトも多々あるので、分かりやすいシンプルな装飾cssは、役立ちます。 いちいち作るのも、結構面倒だし、でも使うか使わないか最初は微妙なので、必要になった瞬間に、3秒で全部作成したいじゃないですか。
Dreamweaverのおせっかい
DWは頭いいです。
でも、おせっかいだなと思うことがたびたびあるのは、私だけでしょうか？
ソースのフォーマットを行なうと、
<map name="Map" id="Map">
↓
<map name="Map" id="Map2">
nameとidの、idに2が入り、異なってしまうんですよね。
動作的には問題なさそうなのですが、html構文チェックをするとやっぱり好ましくないようで、困ったさんです。
また、ソースフォーマットを行うと、外付けにしていたロールオーバー用のjavascriptの中身がいちいちヘッダーの中に復活します。
ネストでテンプレート使用していると、テンプレ更新するたびに入ります。
しかも、テンプレ内で消しても他のページに反映してくれなくて、、全てのファイルを閉じた状態で、サイト内全てのファイルを範囲にして、該当ソースを全置換えで削除しないと、消えないという…。
とほほな状況になります。
DWより、さらに頭良くならないとだめなんですかね。。。
投げかけ的なエントリーが続いていますが、また、誰かの返答を、とてもとても期待しつつ…。
着せ替えCSS
のだめ顔負けなばりばり音大生生活をしていたはずのotogawaですが、どう道を踏み外したのか、大学3年頃からhtmlタグ、blogに目覚めてしまい、朝から晩まで、ピアノのキーよりPCのキーボードをたたくようになり、今日に至ってしまっているわけですが、その私がここ一週間、そこまでハマってしまった大好きなWebなのにも関わらず、あまりの仕事量に平日は毎晩ぐったり、週末もぐったり、土日ずっと家にいたのに殆どPC立ち上げませんでした…。かなりうんざりしてしまってたようです…こんなことって、何年ぶりだろう…
それで、あまりにpx*blogを放置してしまったので、そろそろ目新しいニュースでも…♪
Shanty Templ@ers結成！
要は、「着せ替えCSS」です。css Zen GardenのようにHTMLは共通で、CSSのみ違うテンプレートを作成、同じテーマでテンプレートを作成していく、Serene Bachブロガー、テンプレートクリエイターさんたちの企画です。モブログツール
ブログはPCからしか更新できないわけではありません。
携帯からでも記事投稿できます。もうこれは常識ですよね。
タイトルと本文と添付画像くらいなら、いつでもどこからでもメールを送信するだけで、ブログ更新できますよね。
モブログシステムを提供しているところを挙げておきます。
探したら、ほんと便利なモブログシステムも発見しちゃいました。
もはや携帯からとは思えないほどの複雑な記事投稿ができる機能を搭載してるところもあるんですね！
- moblog.uva.ne.jp
- MTmail - 高機能モブログツール
- サイドバー
sb移転に伴いpingとURL変更
sb開発研究所 移転に伴い、すでに設置しているSerene Bachへの修正箇所のまとめ【ping】
Serene Bach利用者リストに送信しているping送信先の変更「宵闇書房 Twilight bookstore | sb開発研究所が移転されたので」の記事を見られた方で、もう完了されてる方も多いと思います。
＞編集設定＞基本設定＞PING送信先
にテキストエリアで入力している箇所があるので、そこの
http://serennz.cool.ne.jp/sblog/rep.cgiを削除して
↓
http://serenebach.net/rep.cgiに変更。
初期設定のままなら
http://ping.myblog.jp/この４つ入っているので、この４つめを変えます。
http://ping.bloggers.jp/rpc/
http://www.blogpeople.net/servlet/weblogUpdates
http://serennz.cool.ne.jp/sblog/rep.cgi
↓
http://ping.myblog.jp/
http://ping.bloggers.jp/rpc/
http://www.blogpeople.net/servlet/weblogUpdates
http://serenebach.net/rep.cgi
この機会にちょっと他サイトにも飛ばしたいけど、それもまとめてコピーしたなぁという方向けに。私が普段おもに使っているping送信先です。ご参考までに。
http://bulkfeeds.net/rpc
http://ping.rss.drecom.jp/
http://ping.myblog.jp/
http://ping.bloggers.jp/rpc/
http://www.blogpeople.net/servlet/weblogUpdates
http://serenebach.net/rep.cgi
http://rpc.technorati.jp/rpc/ping
カテゴリーごと/記事ごとRSS
Bloglinesを使い出して、結構いろんなサイトやブログや記事をMyフィードに登録するようになりました。
これって、お気に入りのブログのトップRSSだけを登録しておくためだけのツールじゃないんですねー。
たとえばリンクが張られた瞬時にRSSで通知するアクセス解析ツール - トラックフィードだとか。登録しておけば、リンク貼られたら通知してくれるので嬉しいですよね。メールで送られてくるのとかは使わないですが、Bloglinesでちょこっと太字になってるだけで、嬉しくなりますよね☆
たとえば、気に入ったブログの気に入ってる記事、その記事が更新されたときだけ教えてほしいときとか、あるじゃないですか☆
宵闇書房 Twilight bookstore | sb / Serene Bach プラグインリスト
とか。宵闇書房さんは普段からトップからチェックしてますが、特にプラグインリストの記事は、とっても重宝しています。
この記事に更新があったときだけ、RSS配信してほしいなーなんて、思ったりして。
Serene Bachに、せめてカテゴリーごととか、記事ごとにRSS配信させられないものかしら、と思ったら…。
あるじゃないですかｗ
よく使うファイル名
よく使うファイル名、アルクでいちいち調べてコピペするは面倒なので訳したものをメモ。
ケースbyケースだと思うので、参考程度によければどうぞ。
- 製品：product
- 会社概要：company brochure
- リクルート：recruit
- お問い合わせ：inquiry
- 資料請求：document request
- 個人情報保護方針：privacy、policy
- 経営理念：management principles
- 事業展開：business deployment
- 事例：instance
- 見積もり：estimation
フォルダに目を惹くコメント
チーム内で仕事を共有していると、○○フォルダにデザインを入れて、○○フォルダにテキスト原稿を入れて…とルールを決めてみんな仕事していると思います。
けれど時には、ファイルが多くなり過ぎたり、サイトの名前が変更になってしまったりして、後からしぶしぶフォルダを大移動させざるをえない事態に陥ることがあります。
そうは言っても、いきなりフォルダが移動していたら、前にそのフォルダを触ったことのあるメンバーが再び見にきて「あれ？あのフォルダ、どこへ移動したん？」と迷子になってしまうし、誰が動かしたかも分からなかったら、すごい迷惑です。
だからといって、そうならないように妥協して、大移動を怠っていたら、フォルダの中が整理されないまま放置されてしまうし、とにかく仕事の効率は落ちるばかりです。
エクスプローラフォルダサイズ表示
GIGAZINE - エクスプローラにフォルダサイズを表示させる「Folder Size for Windows」
フリーソフトだし、やり方はGIGAZINEさんが詳しくガイドラインを書いてくださってるので分かりやすい。
使えそうですねー。私もすごく気になってました。フォルダの中が空っぽか、何ファイル入ってるかってことくらいしか分からなかったですもんねー。仕事の効率上がるといいなぁ。
ダウンロードは↓こちらから。
Folder Size for Windows Explorerか窓の杜 - Folder Size
エクスプローラのフォルダウィンドウを詳細表示にした際、新しい列を追加して、フォルダの容量を表示できるようにするソフト。通常エクスプローラで容量表示できるのはファイルのみであり、フォルダサイズを確認するには右クリックメニューからプロパティ画面を開くしかない。