[MooTools] 自動収集対策メールリンク自動挿入2

任意のclassを振った要素にメールアドレスを自動挿入するMooToolsクラスです。

@やドットを置換するっていうのはヴァニラJSver1.1で昔書いたけど、
@の前後にある文字列を置換する手もあるなあと。substituteの説明見てたら思いついた次第。

(X)HTMLソースは出力したい場所の要素にclassをつけるだけ。
body以下を対象にオプションで指定された要素があるかどうかを判別するので、タグやクラス名はなんでもいい。

<span class="email">Mail to Us? Please Enable JavaScript on you Browser.</span>

中に入っているテキストやHTMLはクリアされる。
画像作るの面倒でメッセージにしたけど、代わりに入れておくならメアド画像がおすすめ。

出力されるHTMLは以下2種類。

mailtoリンクを有りにした場合:

<span class="email"><a href="mailto:info@example.com" title="メールを送信">info@example.com</a></span>

リンク無しの場合:

<span class="email">info@example.com

続きを読む

Google Chrome Extention まとめリスト

ChromeのExtensionで実際に使ってみて便利だったもののレビューとリストでござる。
まとめた数→18

Chromed Bird

chromebirdユーザー数の多さがダントツのTwitterエクステンション。
小さなアイコンをクリックするだけでWebと変わらない操作性を持つウィンドウが表示されます。
未読が貯まるとアイコンの鳥が流血したように真っ赤になるので、気になってついクリックしてしまう中毒性は要注意。

Chromicious (Delicious Bookmarks)

chromicious Deliciousのタグ付け、表示が出来るエクステンション。公式のアドオンとほぼ同じ挙動をする。
ブックマークの表示はポップアップウィンドウなので、リンク先を表示する度にアイコンをクリックする必要がない。

One Number

one numberGMail、Google Reader、 Google Voice、Google Waveの未読チェックと表示。
表示はフローティングウィンドウではなく別タブです。

Yet Another Google Bookmarks Extension

yagbeGoogle Toolbarのブックマーク表示と同じ見た目と、それを超える階層表示。動作も軽快&スムーズ。
GoogleBookmarkをメインに使っていたらこれは超おすすめ。

続きを読む

Symphony CMS 紹介と解説

エレガントでフレキシブルでパワフル。拡張性にも富んだCMS、Symphonyの管理画面に一目惚れ。
惚れた欲目と把握した勢いで書いた紹介&解説記事です。

symphony-cms admin panel

Symphony CMSはもともと有料のCMSだったようですが現在はMIT/X11ライセンスの元でオープンソースになっています。
同名のPHPライブラリがありますが全く関係ありません。
海外(オーストラリア)のWeb制作会社が開発している為かインストール画面から美しく、
管理画面は最低2クリックで投稿画面に行き着くシンプルさ。
ただそのシンプルさは表向きだけで、実際サイトを作り始めるに十分な機能を備えているCMSです。
Symphonyで構築された公式サイトを見ればその懐の広さが窺えると思います。

最大の特徴はテンプレートがXSLTである事で、出力されるデータ構造がXMLだったりするので
XMLやXSLTがなんなのか分からない場合にはまずそれらについて知る必要が出てきます。
ですが既にXMLとXSLTを熟知している人にとっては願ったり叶ったりなCMSになること請け合いです。

開発自体は5年以上経過しているもののオープンソースになったのが2008年なので、検索してもあまり記事が見つかりません。
公式サイトにしかまともなドキュメントが無い上に全部英語、日本語版なんてのも当然存在しないので使用難易度は高めですが、この管理画面のシンプルさと操作性の良さは素晴らしいので、機会があれば是非試してみて欲しい 😀

なお、管理画面で採用されているJavascriptラブラリはjQueryです。
MooToolsじゃないのが残念でならない…orz

続きを読む